.film-scroll{position:relative;isolation:isolate;background:#171b18;--film-copy-opacity:1}
.film-scroll.is-scrubbing{height:480svh}
.film-scroll-stage{position:relative;height:100svh;overflow:clip;background:#171b18}
.is-scrubbing>.film-scroll-stage{position:sticky;top:0}
.film-scroll-poster,#spatial-film{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:56% center}
#spatial-film{opacity:0;pointer-events:none}
.film-scroll.has-frame #spatial-film{opacity:1}
.film-scroll-shade{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 0% 100%,#101814c4 0%,#10181485 28%,transparent 70%);opacity:var(--film-copy-opacity)}
.film-scroll-copy{position:absolute;left:var(--space-gutter);bottom:clamp(125px,17svh,180px);max-width:700px;padding-right:var(--space-gutter);opacity:var(--film-copy-opacity);pointer-events:none}
.film-scroll-copy h2{font-size:clamp(64px,8.2vw,116px);line-height:.94;letter-spacing:-.045em}
.film-scroll-copy p{font-size:14px;line-height:1.6;margin-top:28px;max-width:330px;text-wrap:pretty}
.film-scroll-caption{position:absolute;left:var(--space-gutter);right:var(--space-gutter);bottom:34px;display:flex;align-items:center;justify-content:space-between;gap:28px;font-size:11px;line-height:1.5;color:#faf9f2}
.film-scroll-caption>span{padding:8px 11px;background:#172019c9}
.film-scroll-skip{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;background:#172019dc;border:1px solid #faf9f260;transition:background .18s}
.film-scroll-skip:active{transform:translateY(1px)}
.film-scroll-track{position:absolute;left:var(--space-gutter);right:var(--space-gutter);bottom:20px;height:1px;background:#faf9f24d}
.film-scroll-progress{display:block;height:100%;background:#faf9f2;transform:scaleX(0);transform-origin:left}
.film-scroll:not(.is-scrubbing) .film-scroll-track{display:none}
@media(hover:hover) and (pointer:fine){.film-scroll-skip:hover{background:#26372cec}}
@media(max-width:760px){
  .film-scroll.is-scrubbing{height:440svh}
  #spatial-film{object-position:center}
  .film-scroll-poster{object-position:center}
  .film-scroll-copy{bottom:135px;max-width:100%;}
  .film-scroll-copy h2{font-size:clamp(52px,13.7vw,82px);line-height:.96}
  .film-scroll-copy p{font-size:12px;max-width:245px;margin-top:22px}
  .film-scroll-shade{background:linear-gradient(0deg,#101814c4,transparent 72%)}
  .film-scroll-caption{bottom:32px;gap:16px;font-size:10px}
  .film-scroll-caption>span{max-width:185px;padding:7px 9px}
  .film-scroll-skip{padding:10px 13px}
  .film-scroll-track{bottom:18px}
}
@media(max-height:560px){.film-scroll-copy{bottom:103px}.film-scroll-copy h2{font-size:clamp(43px,7vw,68px)}.film-scroll-copy p{margin-top:14px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.film-scroll-skip{transition:none}}
@media print{.film-scroll.is-scrubbing{height:auto}.is-scrubbing>.film-scroll-stage{position:relative;height:70vh}#spatial-film,.film-scroll-skip,.film-scroll-track{display:none}.film-scroll-copy,.film-scroll-shade{opacity:1}}