.scroll-film{--sf-bg:#07080c;--sf-ink:#f3f1ec;--sf-muted:#f3f1ecb8;--sf-accent:#d9ff3f;--sf-pos:50% 50%;--sf-pos-mobile:50% 50%;--sf-progress:0;background:var(--sf-bg);color:var(--sf-ink);position:relative}.scroll-film,.scroll-film *,.scroll-film :before{box-sizing:border-box}.sf-stage{height:100dvh;position:sticky;top:0;overflow:hidden}.sf-poster,.sf-poster img,.sf-video{object-fit:cover;object-position:var(--sf-pos);width:100%;height:100%;position:absolute;inset:0}.sf-video{z-index:1}.sf-poster{z-index:2;transition:opacity .25s linear}.scroll-film[data-painted=true] .sf-poster{opacity:0}.sf-story{z-index:3;margin-top:-100dvh;position:relative}.sf-chapter{--sf-w:1.4;min-height:calc(var(--sf-w) * 100vh);min-height:calc(var(--sf-w) * 100dvh)}.sf-pin{align-content:center;height:100dvh;padding:clamp(1.5rem,5vw,5rem);display:grid;position:sticky;top:0}.sf-copy{max-width:34rem;position:relative}.sf-copy:before{content:"";z-index:-1;background:radial-gradient(closest-side, color-mix(in srgb, var(--sf-bg) 88%, transparent), color-mix(in srgb, var(--sf-bg) 58%, transparent) 60%, transparent);pointer-events:none;position:absolute;inset:-3rem -4rem}.sf-copy p{color:var(--sf-muted)}.sf-progress{z-index:4;background:var(--sf-accent);height:2px;transform:scaleX(var(--sf-progress));transform-origin:0;margin-top:-2px;position:sticky;bottom:0}@media (hover:none) and (pointer:coarse),(max-width:860px){.sf-poster,.sf-poster img,.sf-video{object-position:var(--sf-pos-mobile)}.sf-pin{padding:1.25rem 1.25rem calc(2.5rem + env(safe-area-inset-bottom));align-content:end}.sf-copy:before{inset:-40vh -1.25rem calc(-2.5rem - env(safe-area-inset-bottom));background:linear-gradient(to top, color-mix(in srgb, var(--sf-bg) 92%, transparent) 35%, transparent)}}@media (prefers-reduced-motion:reduce){.sf-chapter{min-height:100dvh}.sf-poster{transition:none}.sf-progress{display:none}}