.film{--film-finale:0;--film-progress:0;--ring-x:50vw;--ring-y:36dvh;--ring-outer:20dvh;isolation:isolate;color:var(--hc-text);background:var(--hc-background);position:relative;overflow-x:clip}.film__stage{z-index:0;background:var(--hc-background);height:100dvh;position:sticky;top:0;overflow:hidden}.film__media,.film__layer,.film__picture,.film__poster,.film__video{width:100%;height:100%;position:absolute;inset:0}.film__layer{opacity:0;transform-origin:0 0;will-change:opacity, transform;margin:0;overflow:hidden}.film__layer:first-child{opacity:1}.film__layer--finale{--film-mask-size:calc(72% - 22% * var(--film-finale));-webkit-mask-image:radial-gradient(ellipse var(--film-mask-size) var(--film-mask-size) at 50% 50%, #000 calc(100% - 36% * var(--film-finale)), transparent 100%);-webkit-mask-image:radial-gradient(ellipse var(--film-mask-size) var(--film-mask-size) at 50% 50%, #000 calc(100% - 36% * var(--film-finale)), transparent 100%);mask-image:radial-gradient(ellipse var(--film-mask-size) var(--film-mask-size) at 50% 50%, #000 calc(100% - 36% * var(--film-finale)), transparent 100%)}.film__poster,.film__video{object-fit:cover;object-position:var(--film-position);display:block}.film__video{z-index:1}.film__picture--end{opacity:var(--film-finale)}.film__layer[data-video-painted=true] .film__poster{visibility:hidden}.film__fire{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.film__vignette{z-index:4;pointer-events:none;background:radial-gradient(ellipse 85% 75% at 50% 45%, transparent 55%, #05030a99 100%), linear-gradient(to bottom, #05030a8c 0%, transparent 16%, transparent 84%, var(--hc-background) 100%);position:absolute;inset:0}.film__progress{z-index:6;background:#f8eed514;height:1px;position:absolute;bottom:0;left:0;right:0}.film__progress span{background:linear-gradient(90deg, var(--hc-gold-dark), var(--hc-gold-light));height:100%;transform:scaleX(var(--film-progress));transform-origin:0;display:block}.film__dust{z-index:2;pointer-events:none;width:100%;height:100%;opacity:clamp(0, calc(1 - var(--film-progress) * 3.2), 1);position:absolute;inset:0}.film__rail{z-index:7;flex-direction:column;align-items:flex-end;gap:.15rem;display:flex;position:absolute;top:50%;right:clamp(.75rem,2.5vw,2.25rem);transform:translateY(-50%)}.film__rail-button{min-height:2.75rem;color:var(--hc-text-faint);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.85rem;padding:.35rem .5rem;display:flex}.film__rail-numeral{width:2.2rem;font-family:var(--font-display);text-align:right;font-size:.95rem;transition:color .3s}.film__rail-label{letter-spacing:.22em;text-transform:uppercase;opacity:0;transition:opacity .35s var(--ease-veil), transform .35s var(--ease-veil);order:-1;font-size:.7rem;font-weight:600;transform:translate(.5rem)}.film__rail-button:after{content:"";opacity:.5;width:1.5rem;height:1px;transition:width .35s var(--ease-veil), background-color .35s ease;background:currentColor}.film__rail-button:hover,.film__rail-button:focus-visible,.film__rail-button[aria-current=step]{color:var(--hc-gold-light)}.film__rail-button:hover .film__rail-label,.film__rail-button:focus-visible .film__rail-label,.film__rail-button[aria-current=step] .film__rail-label{opacity:1;transform:none}.film__rail-button[aria-current=step]:after{background:var(--hc-gold);opacity:1;width:2.75rem}.film__rail-button:focus-visible{outline:1px solid var(--hc-gold);outline-offset:2px}.film__skip{bottom:max(1.75rem, env(safe-area-inset-bottom));z-index:7;color:var(--hc-text-soft);letter-spacing:.26em;text-transform:uppercase;transition:opacity .5s var(--ease-veil);flex-direction:column;align-items:center;gap:.75rem;font-size:.7rem;font-weight:600;text-decoration:none;display:flex;position:absolute;left:50%;transform:translate(-50%)}.film__skip:hover,.film__skip:focus-visible{color:var(--hc-gold-light)}.film__skip[data-hidden]{opacity:0;pointer-events:none}.film__skip-line{background:#d6a84f33;width:1px;height:3rem;position:relative;overflow:hidden}.film__skip-line:after{content:"";background:linear-gradient(to bottom, transparent, var(--hc-gold-light));animation:film-cue 2.4s var(--ease-veil) infinite;position:absolute;inset:0}@keyframes film-cue{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.film__story{z-index:5;pointer-events:none;margin-top:-100dvh;position:relative}.film__chapter{view-timeline:--film-chapter block;position:relative}.film__pin{min-height:100dvh;padding:clamp(6rem, 10vw, 9rem) var(--gutter);pointer-events:none;align-items:center;display:flex;position:sticky;top:0}.film__copy{pointer-events:auto;width:min(40rem,50vw);position:relative}.film__copy:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 40%,#05030ad1 0%,#05030a80 52%,#0000 76%);position:absolute;inset:-3.5rem -6rem}.film__kicker{color:var(--hc-gold);font-family:var(--font-sans);letter-spacing:.32em;text-transform:uppercase;align-items:center;gap:.9rem;margin-bottom:1.4rem;font-size:.75rem;font-weight:600;line-height:1.2;display:flex}.film__kicker:before{content:"";background:linear-gradient(90deg, transparent, var(--hc-gold));width:2.5rem;height:1px}.film__title{max-width:17ch;font-family:var(--font-display);letter-spacing:-.015em;text-wrap:balance;margin:0;font-size:clamp(2.7rem,5.4vw,5.6rem);font-weight:300;line-height:1.02}.film__actions{flex-wrap:wrap;gap:.75rem 1rem;margin-top:2rem;display:flex}.film__body{max-width:34rem;color:var(--hc-text-soft);margin:1.6rem 0 0;font-size:clamp(1.02rem,1.3vw,1.2rem);line-height:1.65}@supports (animation-timeline:view()){.film__copy{animation:linear both film-copy;animation-timeline:--film-chapter;animation-range:contain}.film__chapter:first-child .film__copy{animation-name:film-copy-first}}@keyframes film-copy{0%{opacity:0;filter:blur(8px);transform:translateY(2rem)}22%,72%{opacity:1;filter:blur();transform:none}to{opacity:0;filter:blur(6px);transform:translateY(-1.25rem)}}@keyframes film-copy-first{0%,72%{opacity:1;filter:blur();transform:none}to{opacity:0;filter:blur(6px);transform:translateY(-1.25rem)}}.film__finale{top:calc(var(--ring-y) + var(--ring-outer) * 1.02);right:var(--gutter);left:var(--gutter);text-align:center;opacity:var(--film-finale);transform:translateY(calc((1 - var(--film-finale)) * 1.75rem));pointer-events:auto;flex-direction:column;align-items:center;display:flex;position:absolute}.film[data-finale-layout=side] .film__finale{top:50%;right:var(--gutter);text-align:left;transform:translateY(calc(-50% + (1 - var(--film-finale)) * 1.75rem));align-items:flex-start;left:52vw}.film__finale-title{align-items:inherit;flex-direction:column;gap:.6rem;margin:0;font-weight:500;display:flex}.film__finale-eyebrow{color:var(--hc-gold);font-family:var(--font-display);letter-spacing:.04em;font-size:clamp(1.15rem,1.8vw,1.5rem);font-style:italic}.film__finale-name{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(180deg, #fff3cf 0%, var(--hc-gold-light) 30%, var(--hc-gold) 65%, var(--hc-gold-dark) 100%);color:#0000;filter:drop-shadow(0 0 1.6rem #ffaa5047);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.35rem,6.6vw,6rem);font-weight:400;line-height:1}.film__finale-body{max-width:32rem;color:var(--hc-text-soft);margin:1.1rem 0 0;font-size:clamp(.98rem,1.25vw,1.15rem);line-height:1.6}.film__finale-actions{justify-content:inherit;flex-wrap:wrap;gap:.75rem 1.25rem;margin-top:1.75rem;display:flex}.film[data-finale-layout=stack] .film__finale-actions{justify-content:center}.film:not([data-finale-ready]) .film__finale-actions{visibility:hidden}@media (max-width:860px){.film__poster,.film__video{object-position:var(--film-mobile-position)}.film__rail{display:none}.film__pin{padding:6rem max(1.25rem, env(safe-area-inset-right)) calc(7.5rem + env(safe-area-inset-bottom)) max(1.25rem, env(safe-area-inset-left));align-items:flex-end}.film__skip{bottom:max(1.25rem, env(safe-area-inset-bottom));gap:.5rem}.film__skip-line{height:1.75rem}.film__copy{width:min(100%,34rem)}.film__copy:before{background:linear-gradient(#0000 0%,#05030ab3 45%,#05030af2 100%);inset:-4rem -2rem -1.5rem}.film__title{font-size:clamp(2.2rem,10.5vw,3.6rem)}.film__finale-name{letter-spacing:.05em}}@media (prefers-reduced-motion:reduce){.film__skip-line:after{animation:none}.film__copy{animation:none!important}}
