.pf-portrait { margin: 0; position: relative; justify-self: center; width: min(100%, 26rem); padding-top: 3rem; }
.pf-profile { position: relative; aspect-ratio: 1; border-radius: 2rem; background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%); }
.pf-profile-img { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); display: block; width: 86%; height: auto;
  aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 30%; border-radius: 1.4rem 1.4rem 0 0; background: #3a3230; }
@media (max-width: 860px) { .pf-portrait { width: min(78%, 19rem); order: -1; padding-top: 2rem; } }