/* Feather the actual 3:2 media bounds, independently of stage letterboxing. */
#hero-optic>.optical-media,#optic-stage>.optical-media{position:absolute;left:0;top:50%;width:100%;height:auto;aspect-ratio:3/2;transform:translateY(-50%);pointer-events:none;mix-blend-mode:lighten}
#hero-optic>.optical-media{mask-image:radial-gradient(ellipse 65% 65% at 50% 45%,#000 58%,transparent 86%)}
#optic-stage>.optical-media{transform:translateY(-50%);mask-image:linear-gradient(180deg,transparent,#000 4%,#000 86%,transparent),linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-composite:intersect}
#hero-optic .optical-media #optic-poster,#hero-optic .optical-media #hero-film,#optic-stage .optical-media #optic-stage-poster,#optic-stage .optical-media #closing-film{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;mask-image:none;transform:none;mix-blend-mode:normal;transition:opacity 420ms cubic-bezier(.23,1,.32,1)}
#hero-optic #hero-film,#optic-stage #closing-film{opacity:0;pointer-events:none}
#hero-optic #optic-poster,#optic-stage #optic-stage-poster{opacity:1}
#hero-optic[data-film-ready="true"] #hero-film,#optic-stage[data-film-ready="true"] #closing-film{opacity:1}
#hero-optic[data-film-ready="true"] #optic-poster,#optic-stage[data-film-ready="true"] #optic-stage-poster{opacity:0}
html[data-motion="gentle"] #hero-optic #hero-film,html[data-motion="gentle"] #optic-stage #closing-film{opacity:0!important;transition:none!important}
html[data-motion="gentle"] #hero-optic #optic-poster,html[data-motion="gentle"] #optic-stage #optic-stage-poster{opacity:1!important;transition:none!important}
html[data-motion="full"] #hero-optic #hero-film,html[data-motion="full"] #hero-optic #optic-poster,html[data-motion="full"] #optic-stage #closing-film,html[data-motion="full"] #optic-stage #optic-stage-poster{transition:opacity 420ms cubic-bezier(.23,1,.32,1)!important}
@media(max-width:700px){#hero-optic>.optical-media{transform:translateY(-50%) scale(1.15);mask-image:radial-gradient(ellipse 65% 68% at 50% 44%,#000 58%,transparent 88%)}}