.hero .hero-art.hero-rotation{align-self:stretch}
.hero-rotation>.hero-picture{position:absolute;inset:0;width:100%;height:100%;opacity:0;z-index:0;overflow:hidden;transition:opacity 1.75s linear;pointer-events:none}
.hero-rotation>.hero-picture.is-current{opacity:1;z-index:1}
.hero-rotation>.hero-picture.is-entering{opacity:1;z-index:2}
.hero .hero-rotation:after{z-index:3;pointer-events:none}
@media(prefers-reduced-motion:reduce){.hero-rotation>.hero-picture{transition:none}}

.hero-rotation.is-settling>.hero-picture{transition:none}

/* Preserve the entire source portrait; keep desktop portraits clear of the left-hand copy. */
.hero-rotation>[data-hero-full]{background:#101010}
.hero .hero-rotation>[data-hero-full] .hero-photo{object-fit:contain;object-position:100% 50%}
@media(max-width:900px){.hero .hero-rotation>[data-hero-full] .hero-photo{object-position:50% 50%}}

.hero-rotation:focus-visible{outline:2px solid var(--accent-color);outline-offset:4px}