/* Same 4:5 geometry and decoded-first-frame fade, without a motion button. */
#heroWrap{align-items:flex-start;overflow-anchor:none;touch-action:pan-x pan-y}
#heroWrap .heroslide{min-width:0;min-height:0;box-sizing:border-box;aspect-ratio:4/5;align-self:flex-start;isolation:isolate}
#heroWrap .herovid,#heroWrap .hero-still{position:absolute;inset:0;width:100%;height:100%;margin:0;object-fit:cover;object-position:center;display:block;border:0;pointer-events:none}
#heroWrap .hero-still{z-index:0}
#heroWrap .hero-media-managed .herovid{z-index:1;opacity:0;transition:opacity 180ms ease-out}
#heroWrap .hero-media-managed.hero-frame-ready .herovid{opacity:1}
#heroWrap .hero-badge,#heroWrap .hero-ov{z-index:2}
@media(prefers-reduced-motion:reduce){#heroWrap{scroll-behavior:auto}#heroWrap .hero-media-managed .herovid{transition:none}}