@font-face{font-family:"Cronic Sans";src:local("Helvetica Neue"),local("Arial");font-display:swap}
:root{--black:#050505;--white:#f4f3ef;--muted:rgba(244,243,239,.58);--line:rgba(244,243,239,.18);--blue:#72dcff;--pad:clamp(1.2rem,3vw,3.2rem);color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--black)}
body{margin:0;overflow-x:clip;background:var(--black);color:var(--white);font-family:"Cronic Sans","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
body.film-player-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
.film-header{transition:opacity .55s,transform .55s,visibility 0s}
.film-at-opening:not(.film-interface-visible) .film-header{visibility:hidden;pointer-events:none;opacity:0;transform:translateY(-1rem)}
.film-header img{display:block;width:clamp(6.5rem,8vw,8.5rem)}
.film-header>p span{color:var(--blue)}
.film-kicker{margin:0;color:var(--blue);font-size:.58rem;font-weight:500;letter-spacing:.2em;line-height:1.4}
.film-opening{position:relative;height:100svh;min-height:34rem;overflow:hidden;background:#000}
.film-opening__media,.film-opening__veil{position:absolute;inset:0;width:100%;height:100%}
.film-opening__media{overflow:hidden;background:#000}
.film-opening__media>img{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.7) brightness(.72);transition:opacity 1.2s .35s}
.film-opening__media iframe{position:absolute;z-index:1;top:50%;left:50%;width:max(100vw,177.778vh);height:max(56.25vw,100vh);border:0;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(1.012);transition:opacity 1.2s}
.film-opening__media.is-ready>img{opacity:0}
.film-opening__media.is-ready iframe{opacity:1}
.film-opening__veil{z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.32),transparent 18%,transparent 72%,rgba(0,0,0,.55)),repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 4px)}
.film-opening::before,.film-opening::after{position:absolute;z-index:3;right:0;left:0;height:clamp(.55rem,1.2vw,1.1rem);background:#000;content:"";pointer-events:none}
.film-opening::before{top:0}.film-opening::after{bottom:0}
.film-opening__topline,.film-opening__controls{position:absolute;z-index:4;right:var(--pad);left:var(--pad);display:flex;justify-content:space-between;align-items:center;font-size:.5rem;letter-spacing:.2em;text-shadow:0 1px 1rem #000}
.film-opening__topline{top:clamp(1.8rem,3.5vw,3.6rem);color:rgba(255,255,255,.66);transition:top .55s cubic-bezier(.16,1,.3,1)}
.film-interface-visible .film-opening__topline{top:clamp(6.6rem,8vw,7.6rem)}
.film-opening__topline span:first-child{color:var(--blue)}
.film-opening__controls{bottom:clamp(2rem,3.5vw,3.7rem)}
.film-opening__controls button{display:flex;align-items:center;gap:.85rem;padding:.75rem 0;border:0;background:transparent;color:#fff;cursor:pointer;font-size:.5rem;letter-spacing:.2em}
.film-opening__controls button:focus-visible,.film-opening__controls a:focus-visible{outline:1px solid var(--blue);outline-offset:.5rem}
.film-opening__sound-icon{display:flex;height:1rem;align-items:flex-end;gap:2px}
.film-opening__sound-icon i{display:block;width:2px;background:var(--blue);animation:film-sound 1s ease-in-out infinite;animation-play-state:paused}
.film-opening__sound-icon i:nth-child(1){height:.35rem}.film-opening__sound-icon i:nth-child(2){height:.75rem;animation-delay:-.32s}.film-opening__sound-icon i:nth-child(3){height:.52rem;animation-delay:-.64s}
.film-opening__controls button[aria-pressed="true"] .film-opening__sound-icon i{animation-play-state:running}
.film-opening__play-icon{position:relative;display:block;width:.72rem;height:.85rem}
.film-opening__play-icon::before{position:absolute;top:.08rem;left:0;border-top:.35rem solid transparent;border-bottom:.35rem solid transparent;border-left:.62rem solid var(--blue);content:""}
.film-opening__controls button[aria-pressed="true"] .film-opening__play-icon::before{top:.05rem;width:.16rem;height:.75rem;border:0;background:var(--blue);box-shadow:.3rem 0 0 var(--blue)}
.film-opening__controls a span{margin-left:.8rem;color:var(--blue)}
.film-at-opening:not(.film-interface-visible) .film-progress{opacity:0}
.film-showreel{position:relative;background:#000;scroll-margin-top:5rem}
.film-showreel>video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#000}
.film-showreel__caption{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1rem var(--pad);border-top:1px solid var(--line);color:var(--muted);font-size:.58rem;letter-spacing:.16em}
.film-showreel__caption>span,.film-showreel__caption a span{color:var(--blue)}
.film-showreel__caption button{min-height:44px;padding:.5rem .8rem;border:1px solid var(--line);background:transparent;color:var(--white);cursor:pointer;font-size:inherit;letter-spacing:inherit}
.film-showreel__caption button:focus-visible,.film-showreel__caption a:focus-visible{outline:1px solid var(--blue);outline-offset:4px}
.film-hero{position:relative;min-height:100svh;overflow:hidden;background:#030303}
.film-hero__poster,.film-hero__shade{position:absolute;inset:0;width:100%;height:100%}
.film-hero__poster{object-fit:cover;object-position:center;filter:saturate(.72) contrast(1.06);transform:scale(1.035);animation:film-breathe 14s ease-out both}
.film-hero__shade{background:linear-gradient(90deg,rgba(1,3,4,.91) 0%,rgba(1,3,4,.56) 43%,rgba(1,3,4,.08) 78%),linear-gradient(180deg,rgba(0,0,0,.25),transparent 35%,rgba(0,0,0,.74) 100%)}
.film-hero::after{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px);content:"";mix-blend-mode:overlay;opacity:.55}
.film-frame{position:absolute;z-index:2;inset:6.7rem var(--pad) 2rem;display:flex;justify-content:space-between;align-items:flex-start;border:1px solid rgba(255,255,255,.23);border-top:0;border-bottom:0;pointer-events:none}
.film-frame::before,.film-frame::after{position:absolute;top:0;width:4rem;height:1px;background:rgba(255,255,255,.44);content:""}
.film-frame::before{left:0}.film-frame::after{right:0}
.film-frame span{margin:.75rem;color:rgba(255,255,255,.65);font-size:.48rem;letter-spacing:.18em}
.film-hero__copy{position:relative;z-index:3;display:flex;min-height:100svh;flex-direction:column;justify-content:flex-end;padding:9rem clamp(2rem,7vw,8.2rem) clamp(4.2rem,7vw,7rem)}
.film-hero h1{max-width:10ch;margin:1.2rem 0 clamp(2rem,6vh,5rem);font-size:clamp(4.2rem,10vw,11.8rem);font-weight:420;letter-spacing:-.078em;line-height:.78;text-shadow:0 .1em .9em rgba(0,0,0,.38)}
.film-hero h1 span{font-size:.38em;letter-spacing:-.04em;text-transform:uppercase}
.film-hero h1 em{color:transparent;-webkit-text-stroke:1px rgba(244,243,239,.8)}
.film-hero__details{display:grid;grid-template-columns:minmax(13rem,.72fr) minmax(18rem,1fr) auto;gap:clamp(1.5rem,4vw,5rem);align-items:end;border-top:1px solid rgba(255,255,255,.4);padding-top:1.1rem}
.film-hero__details>p{max-width:32rem;margin:0;font-size:clamp(1rem,1.5vw,1.35rem);line-height:1.4}
.film-hero__credits{display:grid;gap:.38rem;color:rgba(255,255,255,.66);font-size:.52rem;letter-spacing:.16em;line-height:1.45}
.film-play{display:flex;align-items:center;gap:.9rem;padding:0;border:0;background:transparent;color:#fff;cursor:pointer;font-size:.58rem;letter-spacing:.17em}
.film-play__icon{display:grid;width:3.5rem;height:3.5rem;place-items:center;border:1px solid var(--blue);border-radius:50%;color:var(--blue);font-size:.68rem;transition:background .3s,color .3s,transform .4s}
.film-play:hover .film-play__icon,.film-play:focus-visible .film-play__icon{background:var(--blue);color:#050505;transform:scale(1.08)}
.film-play:focus-visible{outline:1px solid var(--blue);outline-offset:.6rem}
.film-hero__scroll{position:absolute;z-index:4;right:var(--pad);bottom:1rem;font-size:.48rem;letter-spacing:.18em}
.film-hero__scroll span{margin-left:.6rem;color:var(--blue)}
.film-manifesto{display:grid;grid-template-columns:.5fr 1.55fr .8fr;gap:clamp(2rem,5vw,7rem);padding:clamp(8rem,14vw,14rem) var(--pad);border-bottom:1px solid var(--line)}
.film-manifesto__index>span{display:block;margin-top:1.2rem;color:var(--muted);font-size:.64rem;letter-spacing:.15em;line-height:1.5}
.film-manifesto__statement p{margin:0;color:rgba(244,243,239,.35);font-size:clamp(3rem,6.4vw,7.8rem);font-weight:420;letter-spacing:-.07em;line-height:.86}
.film-manifesto__statement p+p{margin-top:.14em}
.film-manifesto__statement em{color:transparent;-webkit-text-stroke:1px rgba(244,243,239,.6)}
.film-manifesto__statement strong{color:var(--blue);font-weight:420}
.film-manifesto__body{align-self:end}
.film-manifesto__body>p{margin:0 0 3rem;color:rgba(244,243,239,.82);font-size:clamp(1rem,1.35vw,1.3rem);line-height:1.5}
.film-manifesto ul{margin:0;padding:0;border-top:1px solid var(--line);list-style:none}
.film-manifesto li{display:grid;grid-template-columns:2.4rem 1fr;padding:.9rem 0;border-bottom:1px solid var(--line);font-size:.57rem;letter-spacing:.15em}
.film-manifesto li span{color:var(--blue)}
.film-selection{padding:clamp(8rem,12vw,13rem) var(--pad)}
.film-section-heading{display:grid;grid-template-columns:.5fr 1.55fr .8fr;gap:clamp(2rem,5vw,7rem);align-items:end;margin-bottom:clamp(5rem,9vw,9rem)}
.film-section-heading h2,.film-vertical h2,.film-closing h2{margin:0;font-size:clamp(3.8rem,7.7vw,9rem);font-weight:420;letter-spacing:-.075em;line-height:.84}
.film-section-heading h2 em,.film-vertical h2 em,.film-closing h2 em{color:transparent;-webkit-text-stroke:1px rgba(244,243,239,.68)}
.film-section-heading>p:last-child{margin:0;color:var(--muted);font-size:clamp(.95rem,1.25vw,1.2rem);line-height:1.5}
.film-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(1rem,2.4vw,2.8rem);row-gap:clamp(5rem,10vw,11rem)}
.film-card--wide{grid-column:span 7}.film-card--portrait{grid-column:9/span 4;margin-top:14vw}.film-card--landscape{grid-column:2/span 5}.film-card:nth-child(4){grid-column:7/span 6;margin-top:7vw}.film-card:nth-child(5){grid-column:1/span 6}.film-card:nth-child(6){grid-column:9/span 4;margin-top:9vw}
.film-card__media{position:relative;display:block;width:100%;padding:0;overflow:hidden;contain:paint;border:0;background:#111;color:#fff;cursor:pointer;aspect-ratio:16/9}
.film-card--portrait .film-card__media{aspect-ratio:4/5}
.film-card__media::after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.66));content:"";opacity:.72;transition:opacity .4s}
.film-card__media img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.06);transition:filter .55s,transform .8s cubic-bezier(.16,1,.3,1)}
.film-card--portrait .film-card__media img{transform:scale(1.25)}
.film-card__media:hover img,.film-card__media:focus-visible img{filter:saturate(1) contrast(1);transform:scale(1.035)}
.film-card--portrait .film-card__media:hover img,.film-card--portrait .film-card__media:focus-visible img{transform:scale(1.29)}
.film-card__media:focus-visible{outline:1px solid var(--blue);outline-offset:4px}
.film-card__play,.film-card__duration{position:absolute;z-index:2;bottom:1rem;white-space:nowrap;font-size:.52rem;letter-spacing:.17em}
.film-card__play{left:1rem;color:var(--blue);transform:translateY(.5rem);opacity:0;transition:opacity .35s,transform .35s}
.film-card__duration{right:1rem}
.film-card__media:hover .film-card__play,.film-card__media:focus-visible .film-card__play{opacity:1;transform:none}
.film-card__meta{display:grid;grid-template-columns:1fr auto;gap:.8rem 1.2rem;padding-top:1rem;border-top:1px solid var(--line)}
.film-card__meta>span,.film-card__meta>p{font-size:.51rem;letter-spacing:.16em}
.film-card__meta>span{color:var(--blue)}
.film-card__meta>p{margin:0;color:var(--muted)}
.film-card__meta h3{grid-column:1/-1;margin:1.5rem 0 0;font-size:clamp(1.8rem,3.15vw,4.2rem);font-weight:420;letter-spacing:-.055em;line-height:.92}
.film-vertical{display:grid;grid-template-columns:minmax(17rem,.55fr) minmax(0,1.45fr);gap:clamp(3rem,7vw,9rem);padding:clamp(8rem,13vw,14rem) var(--pad);background:#0a0a0a}
.film-vertical__intro{position:sticky;top:8rem;align-self:start}
.film-vertical h2{margin:1.8rem 0 3rem;font-size:clamp(3.8rem,6.7vw,7.5rem)}
.film-vertical__intro>p:last-child{max-width:29rem;margin:0;color:var(--muted);font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.5}
.film-vertical__rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,4vw,5rem) clamp(1rem,2vw,2rem)}
.reel-card:nth-child(even){margin-top:9vw}
.reel-card button{position:relative;width:100%;padding:0;overflow:hidden;border:0;background:#111;color:#fff;cursor:pointer;aspect-ratio:9/16}
.reel-card img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.75);transition:filter .5s,transform .75s cubic-bezier(.16,1,.3,1)}
.reel-card button::after{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.14),transparent 48%,rgba(0,0,0,.6));content:""}
.reel-card button:hover img,.reel-card button:focus-visible img{filter:saturate(1);transform:scale(1.04)}
.reel-card button:focus-visible{outline:1px solid var(--blue);outline-offset:4px}
.reel-card button span,.reel-card button i{position:absolute;z-index:2}
.reel-card button span{top:1rem;left:1rem;font-size:.5rem;letter-spacing:.16em}
.reel-card button i{right:1rem;bottom:1rem;display:grid;width:3rem;height:3rem;place-items:center;border:1px solid rgba(255,255,255,.7);border-radius:50%;color:var(--blue);font-style:normal;font-size:.6rem}
.reel-card h3{margin:1rem 0 .4rem;font-size:clamp(1.5rem,2.5vw,3rem);font-weight:420;letter-spacing:-.055em}
.reel-card>p{margin:0;color:var(--muted);font-size:.5rem;letter-spacing:.17em}
.film-closing{position:relative;min-height:92svh;display:flex;align-items:flex-end;overflow:hidden;padding:clamp(8rem,13vw,13rem) var(--pad) 4rem;background:radial-gradient(circle at 72% 36%,rgba(65,189,255,.15),transparent 28%),#050505}
.film-closing__line{position:absolute;top:18%;left:-4%;display:flex;gap:4vw;color:transparent;font-size:clamp(5rem,14vw,15rem);letter-spacing:-.08em;white-space:nowrap;-webkit-text-stroke:1px rgba(244,243,239,.08);transform:rotate(-3deg)}
.film-closing__content{position:relative;z-index:2;width:100%}
.film-closing h2{max-width:11ch;margin:1.6rem 0 clamp(3rem,7vw,7rem)}
.film-closing__content>div{display:flex;gap:1rem;border-top:1px solid var(--line);padding-top:1.4rem}
.film-closing a{display:flex;justify-content:space-between;min-width:min(20rem,45vw);padding:1.2rem 1.4rem;border:1px solid var(--line);font-size:.55rem;letter-spacing:.17em;transition:background .3s,color .3s,border-color .3s}
.film-closing a span{color:var(--blue)}
.film-closing a:hover,.film-closing a:focus-visible{border-color:var(--blue);background:var(--blue);color:#050505;outline:0}
.film-closing a:hover span,.film-closing a:focus-visible span{color:#050505}
.film-player{position:fixed;z-index:1001;inset:0;display:grid;place-items:center;padding:clamp(1rem,4vw,4rem);visibility:hidden;opacity:0;transition:opacity .4s,visibility 0s linear .4s}
.film-player.is-open{visibility:visible;opacity:1;transition-delay:0s}
.film-player__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.92);backdrop-filter:blur(14px)}
.film-player__dialog{position:relative;width:min(92vw,96rem);transform:translateY(2rem) scale(.98);transition:transform .55s cubic-bezier(.16,1,.3,1)}
.film-player.is-open .film-player__dialog{transform:none}
.film-player__bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem;color:var(--muted);font-size:.5rem;letter-spacing:.17em}
.film-player__bar p{margin:0}.film-player__bar p span{color:var(--blue)}
.film-player__bar strong{color:#fff;font-weight:400}
.film-player__bar button{padding:.6rem 0;border:0;background:transparent;color:#fff;cursor:pointer;font-size:.5rem;letter-spacing:.17em}
.film-player__bar button span{margin-left:.7rem;color:var(--blue);font-size:1rem}
.film-player__screen{position:relative;overflow:hidden;background:#000;box-shadow:0 0 5rem rgba(0,0,0,.75);aspect-ratio:16/9}
.film-player__screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.film-hero h1 em,.film-manifesto__statement em,.film-section-heading h2 em,.film-vertical h2 em,.film-closing h2 em{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;letter-spacing:-.055em}
.film-progress{position:fixed;z-index:130;right:0;bottom:0;left:0;height:2px;background:rgba(255,255,255,.08);pointer-events:none}
.film-progress span{display:block;width:100%;height:100%;background:var(--blue);transform:scaleX(0);transform-origin:left center;will-change:transform}
[data-reveal]{opacity:0;transform:translateY(2.5rem);transition:opacity .85s,transform 1s cubic-bezier(.16,1,.3,1)}
[data-reveal].is-visible{opacity:1;transform:none}
@keyframes film-breathe{from{transform:scale(1.085)}to{transform:scale(1.035)}}
@keyframes film-sound{0%,100%{transform:scaleY(.4)}50%{transform:scaleY(1)}}
@media(max-width:900px){.film-manifesto,.film-section-heading{grid-template-columns:1fr}.film-manifesto{gap:4rem}.film-manifesto__statement{max-width:47rem}.film-manifesto__body{max-width:30rem;margin-left:auto}.film-section-heading>p:last-child{max-width:28rem;margin-left:auto}.film-vertical{grid-template-columns:1fr}.film-vertical__intro{position:static}.film-vertical__intro>p:last-child{margin-left:auto}.film-vertical__rail{max-width:48rem;margin-left:auto}.film-card--wide{grid-column:span 7}.film-card--portrait{grid-column:9/span 4}.film-card--landscape{grid-column:1/span 6}.film-card:nth-child(4){grid-column:7/span 6}.film-card:nth-child(5){grid-column:1/span 6}.film-card:nth-child(6){grid-column:8/span 5}}
@media(max-width:700px){.film-header>p{display:none}.film-opening__topline span:last-child{display:none}.film-opening__controls{align-items:flex-end}.film-opening__controls>a{max-width:8rem;text-align:right;line-height:1.5}.film-opening__media iframe{width:max(100vw,177.778vh);height:max(56.25vw,100vh)}.film-frame{inset:5.8rem 1rem 1rem}.film-frame span:last-child{display:none}.film-hero__poster{object-position:61% center}.film-hero__shade{background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.2) 34%,rgba(0,0,0,.92) 84%)}.film-hero__copy{padding:8rem 2rem 5rem}.film-hero h1{font-size:clamp(4.1rem,20vw,7rem)}.film-hero__details{grid-template-columns:1fr;gap:1.5rem}.film-hero__credits{display:none}.film-play{margin-top:.4rem}.film-hero__scroll{display:none}.film-manifesto,.film-selection,.film-vertical{padding-right:1.2rem;padding-left:1.2rem}.film-manifesto__statement p{font-size:clamp(3.2rem,15vw,5.8rem)}.film-manifesto__body{margin-left:0}.film-section-heading{margin-bottom:4rem}.film-section-heading h2,.film-vertical h2,.film-closing h2{font-size:clamp(3.7rem,16vw,6rem)}.film-section-heading>p:last-child{margin-left:0}.film-grid{display:block}.film-card,.film-card:nth-child(n){margin:0 0 5rem}.film-card--portrait{width:76%;margin-left:auto!important}.film-card--portrait .film-card__media{aspect-ratio:4/5}.film-card__meta h3{font-size:2.3rem}.film-vertical__intro>p:last-child{margin-left:0}.film-vertical__rail{gap:3rem .8rem}.reel-card:nth-child(even){margin-top:4rem}.reel-card button span{font-size:.43rem}.film-closing{padding-right:1.2rem;padding-left:1.2rem}.film-closing__content>div{flex-direction:column}.film-closing a{min-width:0;width:100%}.film-player{padding:.6rem}.film-player__bar p{max-width:72%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.film-player__screen{width:calc(100% + 1.2rem);margin-left:-.6rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.film-opening__sound-icon i{animation:none}.film-hero__poster{animation:none}.film-card__media img,.reel-card img,[data-reveal],.film-player,.film-player__dialog{transition-duration:.01ms}[data-reveal]{opacity:1;transform:none}}