.film{position:relative}.film-stage{display:none}@media screen and (prefers-reduced-motion:no-preference){html[data-js]:not([data-motion=reduced]) .film-stage{z-index:0;pointer-events:none;block-size:100svh;margin-block-end:-100svh;display:block;position:sticky;top:0;overflow:clip}}.film-canvas{opacity:0;block-size:100%;inline-size:100%;transition:opacity .7s var(--ease-out);display:block}.film[data-on] .film-canvas{opacity:1}.film[data-on]>section{background-color:#0000}.film[data-on] .photo-img,.film[data-on] .tr-fog{opacity:0;transition:opacity .7s var(--ease-out)}@media screen and (prefers-reduced-motion:no-preference) and (min-height:34rem){html[data-js]:not([data-motion=reduced]) .film-pin{min-block-size:340svh}html[data-js]:not([data-motion=reduced]) .film-pin>section{block-size:100svh;min-block-size:0;position:sticky;top:0}}.film[data-on] .photo-scrim{opacity:0;transition:opacity .7s var(--ease-out)}.film-scrim .film-stage:after{content:"";opacity:0;transition:opacity .7s var(--ease-out);background:linear-gradient(to bottom in oklab, #0e11246b, #0e112400 22%), radial-gradient(70% 55% at 18% 62% in oklab, #0e112452, #0e112400), linear-gradient(to right in oklab, #0e112499, #0e11245c 38%, #0e112400 66%);position:absolute;inset:0}.film-scrim[data-on] .film-stage:after{opacity:1}@media (max-aspect-ratio:4/5){.film-scrim .film-stage:after{background:linear-gradient(to bottom in oklab, #0e1124b3, #0e112499 30%, #0e112475 52%, #0e112438 72%, #0e112400 90%)}}