/* Home portrait: desktop-only, original image and mobile composition unchanged. */
@media(min-width:761px) and (hover:hover) and (pointer:fine){
.about-photo-interactive{position:relative;isolation:isolate;perspective:1100px;--photo-x:0deg;--photo-y:0deg;--photo-scale:1}
.about-photo-interactive .about-portrait{display:block;transform:rotateX(var(--photo-x)) rotateY(var(--photo-y)) scale(var(--photo-scale));transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .45s,box-shadow .45s;transform-origin:center;outline-offset:7px}
.about-photo-interactive::after{content:"";position:absolute;inset:0;border-radius:220px 220px 25px 25px;pointer-events:none;opacity:0;box-shadow:inset 0 0 0 2px #e4c581,0 12px 35px #cba65b22;background:radial-gradient(ellipse at 20% 25%,#ffe7a74a,transparent 17%),radial-gradient(ellipse at 30% 62%,#ffda6b38,transparent 13%);transform:rotateX(var(--photo-x)) rotateY(var(--photo-y)) scale(var(--photo-scale));transition:opacity .45s,transform .45s cubic-bezier(.2,.7,.2,1)}
.about-photo-interactive.is-active{--photo-scale:1.025}
.about-photo-interactive.is-active::after{opacity:1}
.about-photo-interactive.is-active .about-portrait{box-shadow:0 18px 42px #0008;filter:brightness(1.025)}
.about-photo-interactive .about-portrait:focus-visible{outline:2px solid #efd79d}
}
@media(prefers-reduced-motion:reduce){.about-photo-interactive .about-portrait,.about-photo-interactive::after{transform:none!important;transition:none!important}}