/* TRANSITION V2 · cinematic theme
   Type: Instrument Serif (display), Space Grotesk (labels), Inter (reading), IBM Plex Mono (timecodes).
   Space Grotesk, Inter and IBM Plex Mono are the SEED kit files already shipped with the site. */

@font-face{font-family:"Instrument Serif";src:url('InstrumentSerif-Regular.woff2') format('woff2');font-display:swap}
@font-face{font-family:"Instrument Serif";src:url('InstrumentSerif-Italic.woff2') format('woff2');font-style:italic;font-display:swap}
@font-face{font-family:Inter;src:url('../Inter-Variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:"Space Grotesk";src:url('../SpaceGrotesk-Variable.woff2') format('woff2');font-weight:300 700;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url('../IBMPlexMono-Regular.woff2') format('woff2');font-display:swap}

:root{
  --night:#07090A;
  --night-2:#0C1112;
  --night-3:#131A1B;
  --film:#F1EADF;
  --film-dim:#BDB8AE;
  --film-faint:#8E8B83;
  --ember:#E8B67A;
  --ember-hi:#F4CF9C;
  --line:rgba(241,234,223,.13);
  --line-strong:rgba(241,234,223,.32);
  --serif:"Instrument Serif",Georgia,"Times New Roman",serif;
  --label:"Space Grotesk",Inter,Arial,sans-serif;
  --sans:Inter,Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,monospace;
  --gutter:clamp(16px,4.5vw,72px);
  --max:1360px;
  --ease:cubic-bezier(.22,.61,.12,1);
  --slow:1100ms;
  color-scheme:dark;
}

*{box-sizing:border-box}
html{scroll-padding-top:96px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--night);color:var(--film);font:400 17px/1.65 var(--sans);font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;overflow-x:clip}
img,video,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3,p,figure,ol,ul{margin:0}
ol,ul{padding:0;list-style:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
::selection{background:var(--ember);color:#120d08}
:focus-visible{outline:3px solid var(--ember);outline-offset:3px;border-radius:4px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;left:16px;top:-80px;z-index:200;background:var(--film);color:var(--night);padding:12px 18px;border-radius:8px;font-weight:600}
.skip:focus{top:16px}

/* Film grain + vignette: one fixed, non-interactive layer for the whole page. */
.grain{position:fixed;inset:-50%;z-index:90;pointer-events:none;opacity:.07;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:grain 1.2s steps(6) infinite}
@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-4%)}60%{transform:translate(-4%,-1%)}80%{transform:translate(3%,3%)}100%{transform:translate(0,0)}}

.wrap{width:min(var(--max),100% - 2*var(--gutter));margin-inline:auto}
.label{font:500 12px/1.4 var(--label);letter-spacing:.2em;text-transform:uppercase;color:var(--film-dim)}
.label.ember{color:var(--ember)}
.timecode{font:400 12px/1.4 var(--mono);letter-spacing:.04em;color:var(--film-faint)}
.timecode b{font-weight:400;color:var(--film)}
.serif{font-family:var(--serif);font-weight:400}
em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em}
.display{font:400 clamp(48px,8.4vw,136px)/.92 var(--serif);letter-spacing:-.025em}
.title{font:400 clamp(40px,5.6vw,88px)/.98 var(--serif);letter-spacing:-.02em}
.title em,.display em{color:var(--ember-hi)}
.subtitle{font:400 clamp(28px,3vw,44px)/1.08 var(--serif);letter-spacing:-.01em}
.lede{font-size:clamp(17px,1.35vw,20px);line-height:1.7;color:var(--film-dim);max-width:60ch}
.body{color:var(--film-dim);max-width:64ch}
.body p+p{margin-top:1.1em}
.rule{height:1px;background:var(--line);border:0;margin:0}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 26px;border-radius:999px;font:500 15px/1 var(--sans);letter-spacing:.01em;transition:background-color 220ms,color 220ms,border-color 220ms,transform 220ms var(--ease)}
.btn-primary{background:var(--film);color:var(--night)}
.btn-primary:hover{background:var(--ember-hi)}
.btn-ghost{border:1px solid var(--line-strong);color:var(--film);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(7,9,10,.18)}
.btn-ghost:hover{border-color:var(--film)}
.btn .play{width:22px;height:22px;border-radius:50%;background:var(--night);color:var(--film);display:grid;place-items:center;font-size:8px;padding-left:2px}
.btn .meta{font:400 12px/1 var(--mono);opacity:.6}
.link{display:inline-flex;width:fit-content;max-width:100%;align-self:flex-start;justify-self:start;align-items:center;gap:8px;min-height:44px;font-weight:500;color:var(--film);background:linear-gradient(currentColor,currentColor) 0 calc(100% - 10px)/0 1px no-repeat;transition:background-size 220ms var(--ease),color 220ms var(--ease)}
.link:hover,.link:focus-visible{background-size:100% 1px}
.arrow{display:inline-flex;flex:none;font-size:.85em;line-height:1;transition:transform 220ms var(--ease)}
.link:hover .arrow,.link:focus-visible .arrow{transform:translate(2px,-2px)}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}

/* Header */
.site-header{position:fixed;inset:0 0 auto;z-index:80;transition:background-color 360ms,border-color 360ms,transform 360ms var(--ease);border-bottom:1px solid transparent}
.site-header .bar{height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.site-header.scrolled{background:rgba(7,9,10,.72);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);border-color:var(--line)}
.site-header.tucked{transform:translateY(-100%)}
.brand{display:inline-flex;align-items:center;min-height:44px}
.brand svg{width:clamp(150px,13vw,196px);height:auto}
.nav{display:flex;align-items:center;gap:clamp(18px,2.4vw,36px)}
.nav a:not(.btn){font:500 14px/1 var(--sans);color:var(--film-dim);padding:14px 0;transition:color 220ms;position:relative}
.nav a:not(.btn):hover,.nav a:not(.btn)[aria-current="page"]{color:var(--film)}
.nav a:not(.btn)[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:1px;background:var(--ember)}
.nav .btn{min-height:44px;padding:0 20px;font-size:14px}
.nav-toggle{display:none;min-height:44px;padding:0 4px;align-items:center;gap:12px;font:500 13px/1 var(--label);letter-spacing:.18em;text-transform:uppercase}
.nav-toggle .bars{width:26px;height:10px;position:relative}
.nav-toggle .bars::before,.nav-toggle .bars::after{content:"";position:absolute;left:0;right:0;height:1.5px;background:currentColor;transition:transform 360ms var(--ease),top 360ms var(--ease)}
.nav-toggle .bars::before{top:0}.nav-toggle .bars::after{top:8.5px}
.nav-toggle[aria-expanded="true"] .bars::before{top:4.25px;transform:rotate(45deg)}
.nav-toggle[aria-expanded="true"] .bars::after{top:4.25px;transform:rotate(-45deg)}

/* Animated wordmark: strokes draw on, the horizon extends, the sun rises. */
.t-anim .tl{stroke-dasharray:var(--len,700);stroke-dashoffset:var(--len,700)}
.t-anim .tl-sun{transform:translateY(34px);transform-box:fill-box}
.is-ready .t-anim .tl{animation:draw 2.2s var(--ease) forwards;animation-delay:calc(var(--i,0) * 90ms + 500ms)}
.is-ready .t-anim .tl-horizon{animation-duration:1.6s;animation-delay:1.7s}
.is-ready .t-anim .tl-sun{animation:rise 2.4s var(--ease) 2.2s forwards}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes rise{to{transform:translateY(0)}}
html:not(.js) .t-anim .tl{stroke-dashoffset:0}
html:not(.js) .t-anim .tl-sun{transform:none}

/* Hero */
.hero{position:relative;height:100svh;min-height:640px;max-height:1200px;overflow:hidden;background:#000;isolation:isolate}
.hero-media{position:absolute;inset:0;z-index:-2;overflow:hidden}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:62% 50%;transform:scale(1.14);opacity:0;transition:opacity 2.4s ease,transform 14s var(--ease)}
.is-ready .hero-media img{opacity:1;transform:scale(1.02)}
.hero-shade{position:absolute;inset:0;z-index:-1;background:
  linear-gradient(90deg,rgba(5,7,8,.86) 0,rgba(5,7,8,.55) 34%,rgba(5,7,8,0) 62%),
  linear-gradient(0deg,var(--night) 0,rgba(7,9,10,.65) 22%,rgba(7,9,10,0) 52%),
  linear-gradient(180deg,rgba(7,9,10,.65) 0,rgba(7,9,10,0) 22%)}
.letterbox::before,.letterbox::after{content:"";position:absolute;left:0;right:0;height:14vh;background:#000;z-index:5;transition:transform 1.8s var(--ease) .2s}
.letterbox::before{top:0;transform-origin:top}
.letterbox::after{bottom:0;transform-origin:bottom}
.is-ready .letterbox::before,.is-ready .letterbox::after{transform:scaleY(0)}
html:not(.js) .letterbox::before,html:not(.js) .letterbox::after{display:none}
html:not(.js) .hero-media img{opacity:1}
.hero-inner{position:absolute;inset:auto 0 0;padding-bottom:clamp(32px,6vh,72px)}
.hero-title{width:min(980px,74vw);margin:18px 0 26px -0.4%}
.hero-title svg{width:100%;height:auto;overflow:visible;filter:drop-shadow(0 2px 30px rgba(0,0,0,.55))}
.hero-hook{font:italic 400 clamp(30px,3.4vw,54px)/1.04 var(--serif);letter-spacing:-.01em;margin-bottom:18px}
.hero-summary{max-width:46ch;color:var(--film-dim);font-size:clamp(15px,1.1vw,17px);margin-bottom:30px}
.hero-foot{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-top:clamp(28px,6vh,64px);padding-top:20px;border-top:1px solid var(--line)}
.hero-foot .scroll-cue{display:flex;align-items:center;gap:14px}
.scroll-cue .line{width:1px;height:38px;background:linear-gradient(var(--film),transparent);animation:cue 2.6s var(--ease) infinite;transform-origin:top}
@keyframes cue{0%{transform:scaleY(0)}50%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}
.fade-up{opacity:0;transform:translateY(18px);transition:opacity 1.2s var(--ease),transform 1.2s var(--ease)}
.is-ready .fade-up{opacity:1;transform:none}
.is-ready .fade-up.d1{transition-delay:2.3s}.is-ready .fade-up.d2{transition-delay:2.6s}.is-ready .fade-up.d3{transition-delay:2.9s}.is-ready .fade-up.d4{transition-delay:3.2s}.is-ready .fade-up.d0{transition-delay:.4s}
html:not(.js) .fade-up{opacity:1;transform:none}

/* Scroll reveals */
.js .reveal{opacity:0;transform:translateY(34px);transition:opacity var(--slow) var(--ease),transform var(--slow) var(--ease);transition-delay:var(--delay,0ms)}
.js .reveal.in{opacity:1;transform:none}
.js .reveal-img{clip-path:inset(12% 0 12% 0);transition:clip-path 1.6s var(--ease)}
.js .reveal-img img{transform:scale(1.18);transition:transform 2s var(--ease)}
.js .reveal-img.in{clip-path:inset(0 0 0 0)}
.js .reveal-img.in img{transform:scale(1)}

.section{padding-block:clamp(96px,14vw,200px)}
.section-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:32px 64px;align-items:end;margin-bottom:clamp(48px,6vw,96px)}
.section-head>.chapter,.section-head>.label{grid-column:1/-1;margin-bottom:0}
.section-head>.lede{padding-bottom:.4em}
.chapter{display:flex;align-items:center;gap:18px;margin-bottom:28px}
.chapter .n{font:400 12px/1 var(--mono);color:var(--ember)}
.chapter .bar{width:48px;height:1px;background:var(--line-strong)}

/* Cold open: a scroll-driven scene. */
.cold-open{position:relative;height:420vh;background:#000}
.cold-stage{position:sticky;top:0;height:100svh;overflow:hidden;display:grid;place-items:center}
.cold-image{position:absolute;inset:0;opacity:0;transition:opacity 1.4s ease}
.cold-image img{position:absolute;right:0;top:0;height:100%;width:min(62vw,100%);object-fit:cover;object-position:50% 46%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 40%);mask-image:linear-gradient(90deg,transparent,#000 40%);opacity:.86;filter:brightness(.72) contrast(1.08) saturate(.9)}
.cold-open[data-step="2"] .cold-image,.cold-open[data-step="3"] .cold-image,.cold-open[data-step="4"] .cold-image{opacity:1}
.cold-lines{position:relative;width:min(var(--max),100% - 2*var(--gutter))}
.cold-line{position:absolute;left:0;top:50%;max-width:16ch;font:400 clamp(36px,5.4vw,84px)/1.02 var(--serif);letter-spacing:-.02em;opacity:0;transform:translateY(calc(-50% + 30px));filter:blur(8px);transition:opacity 1s var(--ease),transform 1.2s var(--ease),filter 1s var(--ease)}
.cold-line.on{opacity:1;transform:translateY(-50%);filter:none}
.cold-line.past{opacity:0;transform:translateY(calc(-50% - 40px));filter:blur(6px)}
.cold-line em{color:var(--ember-hi)}
.cold-typed{display:inline-flex;align-items:center;gap:.06em;padding:.08em .34em;border:1px solid var(--line-strong);border-radius:.22em;background:rgba(7,9,10,.55);font-family:var(--sans);font-size:.7em;font-style:normal;letter-spacing:-.02em;vertical-align:.08em}
.cold-typed .caret{width:.06em;height:.9em;background:var(--ember);animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.cold-progress{position:absolute;left:var(--gutter);bottom:clamp(24px,5vh,48px);display:flex;gap:10px;align-items:center}
.cold-progress i{width:28px;height:2px;background:var(--line-strong);position:relative;overflow:hidden}
.cold-progress i::after{content:"";position:absolute;inset:0;background:var(--film);transform:scaleX(0);transform-origin:left;transition:transform 600ms var(--ease)}
.cold-progress i.done::after{transform:scaleX(1)}
.cold-skip{position:absolute;right:var(--gutter);bottom:clamp(14px,5vh,38px)}
/* Without JS or with reduced motion the scene becomes a calm stacked prologue. */
.cold-open.static{height:auto;padding-block:clamp(96px,14vw,180px)}
.cold-open.static .cold-stage{position:relative;height:auto;display:block}
.cold-open.static .cold-image{position:relative;opacity:1;height:56vw;max-height:620px;margin-bottom:48px}
.cold-open.static .cold-image img{width:100%;-webkit-mask-image:linear-gradient(0deg,transparent,#000 40%);mask-image:linear-gradient(0deg,transparent,#000 40%)}
.cold-open.static .cold-lines{margin-inline:auto}
.cold-open.static .cold-line{position:static;transform:none;opacity:1;filter:none;margin-bottom:.6em;max-width:20ch}
.cold-open.static .cold-progress,.cold-open.static .cold-skip{display:none}

/* The Key: feature with ambient light from the film */
.feature{position:relative;overflow:hidden;isolation:isolate}
.feature-ambient{position:absolute;inset:-20%;z-index:-1;background-size:cover;background-position:center;filter:blur(90px) saturate(1.3);opacity:.32;transform:scale(1.1)}
.feature::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 30% 50%,transparent 0,var(--night) 70%)}
.feature-grid{display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:clamp(40px,8vw,140px);align-items:center}
.screen{position:relative;display:block;width:min(100%,calc(80vh * 468 / 876));aspect-ratio:468/876;border-radius:22px;overflow:hidden;background:#111;box-shadow:0 60px 120px -30px rgba(0,0,0,.9),0 0 0 1px var(--line)}
.screen img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease),filter 600ms}
.screen:hover img{transform:scale(1.04)}
.screen .play-ring{position:absolute;left:50%;top:50%;width:96px;height:96px;margin:-48px 0 0 -48px;border-radius:50%;display:grid;place-items:center;background:rgba(7,9,10,.3);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(241,234,223,.55);transition:transform 360ms var(--ease),background-color 360ms}
.screen:hover .play-ring{transform:scale(1.08);background:rgba(241,234,223,.92);color:var(--night)}
.play-ring svg{width:22px;height:22px;margin-left:4px}
.screen .screen-meta{position:absolute;left:18px;right:18px;bottom:16px;display:flex;justify-content:space-between;color:#fff}
.screen::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent 30%);pointer-events:none}
.feature-copy .display{margin:18px 0 28px}
.tagline-lines{font:400 clamp(22px,2.2vw,32px)/1.3 var(--serif);color:var(--film);margin-bottom:36px}
.tagline-lines span{display:block}
.tagline-lines span:nth-child(2){color:var(--film-dim)}
.tagline-lines span:nth-child(3){color:var(--ember-hi);font-style:italic}
.quiet{font:400 13px/1.5 var(--mono);color:var(--film-faint);margin-top:18px}

/* Cast */
.cast{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,22px)}
.person{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:3/4.1;background:var(--night-3);isolation:isolate}
.person img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.6) brightness(.8);transition:filter 900ms var(--ease),transform 1.6s var(--ease)}
.person::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(0deg,rgba(5,7,8,.96) 0,rgba(5,7,8,.5) 38%,transparent 64%);transition:background 700ms}
.person-copy{position:absolute;inset:auto 0 0;z-index:1;padding:clamp(18px,1.8vw,28px)}
.person h3{font:400 clamp(36px,3.2vw,52px)/1 var(--serif);letter-spacing:-.015em}
.person .role{margin-top:8px}
.person .bio{font-size:15px;line-height:1.6;color:var(--film-dim);max-height:0;opacity:0;overflow:hidden;transition:max-height 900ms var(--ease),opacity 700ms,margin 700ms}
.person:hover img,.person:focus-within img{filter:none;transform:scale(1.04)}
.person:hover .bio,.person:focus-within .bio{max-height:240px;opacity:1;margin-top:14px}
.person:hover::after{background:linear-gradient(0deg,rgba(5,7,8,.97) 0,rgba(5,7,8,.75) 48%,transparent 78%)}
@media (hover:none){.person .bio{max-height:none;opacity:1;margin-top:12px}.person img{filter:none}}

/* Horizons: sticky image that changes with each chapter of the world */
.horizons{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(40px,7vw,120px)}
.horizon-visual{position:sticky;top:12vh;height:76vh;border-radius:24px;overflow:hidden;background:var(--night-3)}
.horizon-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.08);transition:opacity 1.2s var(--ease),transform 3s var(--ease)}
.horizon-visual img.on{opacity:1;transform:scale(1)}
html:not(.js) .horizon-visual img:first-child{opacity:1;transform:none}
.horizon-visual .counter{position:absolute;left:24px;bottom:22px;z-index:2;font:400 13px/1 var(--mono);color:#fff;display:flex;gap:10px}
.horizon-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.5),transparent 30%)}
.horizon-steps{padding-block:12vh 20vh}
.horizon-step{min-height:62vh;display:flex;flex-direction:column;justify-content:center;opacity:.28;transition:opacity 700ms var(--ease)}
.horizon-step.on{opacity:1}
.horizon-step .n{font:400 13px/1 var(--mono);color:var(--ember);margin-bottom:22px}
.horizon-step h3{font:400 clamp(36px,3.8vw,60px)/1 var(--serif);letter-spacing:-.015em;margin-bottom:22px}
.horizon-step p{color:var(--film-dim);max-width:44ch}
.horizon-step .inline-img{display:none}

/* Questions index with cursor-following preview */
.questions{border-top:1px solid var(--line)}
.question{border-bottom:1px solid var(--line)}
.question a{display:grid;grid-template-columns:72px minmax(0,1fr) 40px;gap:24px;align-items:center;padding:clamp(24px,3vw,40px) 0;transition:padding 500ms var(--ease)}
.question .n{font:400 13px/1 var(--mono);color:var(--film-faint)}
.question h3{font:400 clamp(28px,3.4vw,54px)/1.04 var(--serif);letter-spacing:-.015em;transition:color 400ms,transform 600ms var(--ease)}
.question .theme{font:500 12px/1.5 var(--label);letter-spacing:.18em;text-transform:uppercase;color:var(--film-faint)}
.question .go{width:40px;height:40px;border-radius:50%;border:1px solid var(--line-strong);display:grid;place-items:center;transition:all 400ms var(--ease)}
.question a:hover h3,.question a:focus-visible h3{color:var(--ember-hi);transform:translateX(12px)}
.question a:hover .go{background:var(--film);color:var(--night);border-color:var(--film)}
.question .thumb{display:none}
.questions.dim .question a:not(:hover) h3{color:var(--film-faint)}
.cursor-preview{position:fixed;left:0;top:0;z-index:60;width:340px;aspect-ratio:16/10;border-radius:14px;overflow:hidden;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.85);transition:opacity 400ms var(--ease),transform 600ms var(--ease);box-shadow:0 40px 80px -20px #000}
.cursor-preview.on{opacity:1;transform:translate(-50%,-50%) scale(1)}
.cursor-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 400ms}
.cursor-preview img.on{opacity:1}

/* Beyond / portal */
.portal{position:relative;min-height:min(110vh,1100px);display:flex;align-items:end;overflow:hidden;isolation:isolate}
.portal-media{position:absolute;inset:-8% 0;z-index:-2}
.portal-media img{width:100%;height:100%;object-fit:cover;object-position:70% 50%}
.portal::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,var(--night) 0,rgba(7,9,10,.55) 30%,rgba(7,9,10,0) 60%),linear-gradient(180deg,var(--night) 0,rgba(7,9,10,0) 18%),linear-gradient(90deg,rgba(7,9,10,.75),transparent 55%)}
.portal-copy{padding-bottom:clamp(64px,10vw,140px)}
.portal-copy .display{margin:20px 0 24px;max-width:12ch}
.paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line)}
.path+.path{border-left:1px solid var(--line)}
.path{background:var(--night);padding:clamp(28px,3vw,48px) clamp(20px,2.4vw,40px) clamp(32px,3vw,48px);display:flex;flex-direction:column;gap:16px;min-height:340px;transition:background-color 500ms}
.path:hover{background:var(--night-2)}
.path h3{font:400 clamp(30px,2.8vw,44px)/1.02 var(--serif);letter-spacing:-.01em}
.path p{color:var(--film-dim);font-size:16px}
.path .link{margin-top:auto}
.path .seed-lockup{width:192px;height:auto;margin:-14px 0 -10px -20px}
.ht-lockup{display:inline-flex;align-items:center;gap:12px;font:600 15px/1.05 var(--sans)}
.ht-lockup img{width:40px;height:40px;border-radius:8px}
.ht-lockup .ownbeing-wordmark{width:224px;max-width:100%;height:auto;border-radius:0}

/* Closing call to action */
.finale{position:relative;text-align:center;padding-block:clamp(120px,16vw,220px);overflow:hidden;isolation:isolate}
.finale::before{content:"";position:absolute;left:50%;top:84%;width:min(1100px,140vw);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;z-index:-1;background:radial-gradient(circle,rgba(232,182,122,.22),rgba(232,182,122,.05) 40%,transparent 66%)}
.finale .horizon{position:absolute;left:0;right:0;top:84%;height:1px;background:linear-gradient(90deg,transparent,var(--line-strong) 20%,var(--line-strong) 80%,transparent);z-index:-1}
.finale .title{max-width:15ch;margin:22px auto 26px}
.finale .lede{margin:0 auto 40px}
.finale .actions{justify-content:center}

/* Footer */
.site-footer{border-top:1px solid var(--line);padding-top:clamp(56px,7vw,96px);padding-bottom:28px;overflow:hidden}
.footer-mark svg{width:100%;height:auto}
.footer-mark{margin-bottom:clamp(48px,6vw,80px)}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:32px;padding-bottom:56px}
.footer-grid h4{font:500 12px/1.4 var(--label);letter-spacing:.2em;text-transform:uppercase;color:var(--film-faint);margin:0 0 16px}
.footer-grid a{display:flex;align-items:center;min-height:36px;color:var(--film-dim);transition:color 220ms}
.footer-grid a:hover{color:var(--film)}
.footer-grid p{color:var(--film-dim);max-width:32ch;font-size:15px}
.billing{font:500 11px/1.9 var(--label);letter-spacing:.24em;text-transform:uppercase;color:var(--film-faint);text-align:center;border-top:1px solid var(--line);padding-top:26px}
.billing span{color:var(--film-dim)}
.footer-bottom{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:22px;font-size:13px;color:var(--film-faint)}
.footer-bottom nav{display:flex;gap:22px}
.footer-bottom a{min-height:44px;display:inline-flex;align-items:center}
.footer-bottom a:hover{color:var(--film)}

/* Theater dialog */
.theater{border:0;padding:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;background:transparent;color:var(--film)}
.theater::backdrop{background:rgba(0,0,0,.94);backdrop-filter:blur(8px)}
.theater[open]{display:grid;place-items:center;animation:lightsdown 700ms var(--ease)}
@keyframes lightsdown{from{opacity:0}to{opacity:1}}
.theater video{height:min(86dvh,(100vw - 32px) * 1.872);width:auto;aspect-ratio:468/876;border-radius:16px;background:#000;box-shadow:0 0 120px rgba(232,182,122,.12)}
.theater-close{position:fixed;top:20px;right:20px;min-height:48px;padding:0 20px;border-radius:999px;border:1px solid var(--line-strong);font:500 13px/1 var(--label);letter-spacing:.18em;text-transform:uppercase;background:rgba(7,9,10,.6)}
.theater-close:hover{border-color:var(--film)}

/* Inner pages */
.page-hero{position:relative;min-height:min(92svh,980px);display:flex;align-items:end;overflow:hidden;isolation:isolate;padding-top:120px}
.page-hero .bg{position:absolute;inset:0;z-index:-2}
.page-hero .bg img{width:100%;height:100%;object-fit:cover}
.page-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,var(--night) 0,rgba(7,9,10,.6) 34%,rgba(7,9,10,.1) 70%),linear-gradient(180deg,rgba(7,9,10,.7),transparent 25%)}
.page-hero .wrap{padding-bottom:clamp(48px,8vw,110px)}
.page-hero .display{margin-top:18px;max-width:18ch}
.page-hero .lede{margin-top:26px}
.page-intro{padding-top:clamp(150px,20vw,240px);padding-bottom:clamp(56px,6vw,80px)}
.page-intro .display{margin:18px 0 26px;max-width:15ch}
.back{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--film-dim);font-size:14px;margin-bottom:12px}
.back:hover{color:var(--film)}

/* Watch */
.watch-stage{position:relative;padding-top:clamp(120px,14vw,170px);padding-bottom:clamp(64px,8vw,110px);overflow:hidden;isolation:isolate}
.watch-stage .feature-ambient{opacity:.45}
.watch-grid{display:grid;grid-template-columns:1fr minmax(280px,440px) 1fr;gap:clamp(28px,4vw,72px);align-items:center}
.watch-grid .left .display{margin:16px 0 22px}
.watch-player{position:relative;aspect-ratio:468/876;border-radius:22px;overflow:hidden;background:#000;box-shadow:0 70px 140px -40px #000,0 0 0 1px var(--line),0 0 160px rgba(232,182,122,.09)}
.watch-player video{width:100%;height:100%;object-fit:cover;background:#000}
.watch-grid .right{align-self:end}
.credits-list{display:grid;gap:18px}
.credits-list div{border-top:1px solid var(--line);padding-top:14px}
.credits-list dt{font:500 11px/1.4 var(--label);letter-spacing:.2em;text-transform:uppercase;color:var(--film-faint)}
.credits-list dd{margin:6px 0 0;font:400 22px/1.2 var(--serif)}
.watch-followup{padding-top:clamp(32px,5vw,72px)}
.after-film{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:end;padding:clamp(32px,4vw,56px);border:1px solid var(--line);border-radius:24px;background:linear-gradient(120deg,rgba(232,182,122,.08),transparent 60%);transition:border-color 900ms,box-shadow 900ms}
.after-film.film-finished{border-color:var(--ember);box-shadow:0 0 80px rgba(232,182,122,.15)}
.after-film-action{display:grid;gap:14px;justify-items:start;max-width:30ch}
.after-film .subtitle{margin:14px 0 14px}
.platforms{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:20px;overflow:hidden}
.platform{background:var(--night);padding:28px;display:grid;gap:6px}
.platform strong{font:400 30px/1.1 var(--serif)}
.platform span{color:var(--film-dim);font-size:15px}
.status{display:inline-flex;align-items:center;gap:8px;width:max-content;font:400 12px/1 var(--mono);color:var(--film-dim);border:1px solid var(--line-strong);border-radius:999px;padding:7px 12px;margin-top:10px}
.status::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ember)}
.slate{counter-reset:ep;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(32px,5vw,80px);border-top:1px solid var(--line)}
.slate li{display:grid;grid-template-columns:56px 1fr auto;gap:18px;align-items:baseline;padding:26px 0;border-bottom:1px solid var(--line)}
.slate .n{font:400 13px/1 var(--mono);color:var(--ember)}
.slate h3{font:400 clamp(26px,2.4vw,36px)/1.1 var(--serif)}
.slate .status{margin:0}

/* Story */
.synopsis{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(40px,8vw,140px)}
.synopsis aside{position:sticky;top:120px;align-self:start}
.synopsis aside .title{font-size:clamp(36px,3.8vw,58px);margin:18px 0 30px}
.toc a{display:flex;justify-content:space-between;align-items:center;min-height:52px;border-top:1px solid var(--line);color:var(--film-dim);transition:color 220ms,padding 360ms var(--ease)}
.toc a:last-child{border-bottom:1px solid var(--line)}
.toc a:hover{color:var(--film);padding-left:8px}
.prose p{color:var(--film-dim);font-size:clamp(17px,1.25vw,19px);line-height:1.8;max-width:62ch}
.prose p+p{margin-top:1.3em}
.prose .first{font:400 clamp(26px,2.4vw,36px)/1.32 var(--serif);color:var(--film);max-width:30ch}
.prose .first::first-letter{float:left;font-size:3.3em;line-height:.82;padding:.06em .1em 0 0;color:var(--ember-hi)}
.horizon-list{border-top:1px solid var(--line)}
.horizon-list article{display:grid;grid-template-columns:80px minmax(0,1fr) minmax(0,1.1fr);gap:24px 48px;padding:clamp(28px,3.4vw,48px) 0;border-bottom:1px solid var(--line);align-items:baseline}
.horizon-list .n{font:400 13px/1 var(--mono);color:var(--ember)}
.horizon-list h3{font:400 clamp(30px,3vw,46px)/1.05 var(--serif)}
.horizon-list p{color:var(--film-dim)}
.themes{display:grid;gap:clamp(80px,10vw,150px)}
.theme{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:center;scroll-margin-top:100px}
.theme:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}
.theme:nth-child(even) figure{order:2}
.theme figure{border-radius:22px;overflow:hidden;aspect-ratio:16/10;background:var(--night-3)}
.theme figure img{width:100%;height:100%;object-fit:cover}
.theme .label{display:flex;gap:14px;margin-bottom:18px}
.theme .label b{font:400 12px/1.4 var(--mono);color:var(--ember);letter-spacing:0}
.theme h3{font:400 clamp(34px,3.4vw,54px)/1.02 var(--serif);letter-spacing:-.015em;margin-bottom:22px}
.theme p{color:var(--film-dim);max-width:46ch}

/* Beyond, join, support, privacy */
.statement{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:40px clamp(40px,8vw,120px)}
.statement .body p{font-size:clamp(18px,1.5vw,22px);line-height:1.6;color:var(--film)}
.statement .body p+p{color:var(--film-dim)}
.eco{display:grid;gap:clamp(40px,4vw,64px)}
.eco article{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);border:1px solid var(--line);border-radius:28px;overflow:hidden;background:var(--night-2);min-height:520px}
.eco article:nth-child(even) .eco-media{order:-1}
.eco-copy{padding:clamp(32px,4.5vw,72px);display:flex;flex-direction:column;justify-content:center;gap:20px;align-items:flex-start}
.eco-copy h2{font:400 clamp(40px,4.4vw,68px)/.98 var(--serif);letter-spacing:-.02em}
.eco-copy p:not(.label){color:var(--film-dim);max-width:44ch}
.eco-media{position:relative;min-height:340px;overflow:hidden}
.eco-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.eco-media.card{display:grid;place-items:center;padding:clamp(24px,4vw,56px);background:radial-gradient(circle at 50% 40%,#1b2626,var(--night-2) 70%)}
.eco-media.card img{position:static;width:100%;max-width:520px;height:auto;border-radius:14px;box-shadow:0 40px 80px -20px #000}
.eco-media.card figcaption{margin-top:16px}
.eco-seed .eco-copy{background:#F6F4EF;color:#101A1A}
.eco-seed .eco-copy p:not(.label){color:#3c4747}
.eco-seed .eco-copy .label{color:#28655B}
.eco-seed .eco-copy .link{color:#101A1A}
.eco-seed .eco-copy :focus-visible{outline-color:#28655B}
.eco-seed .seed-lockup{width:192px;height:auto;margin:-18px 0 -8px -22px}

.invite{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:start}
.invite-card{position:relative;border:1px solid var(--line);border-radius:28px;padding:clamp(32px,4vw,56px);background:radial-gradient(circle at 80% 0,rgba(232,182,122,.16),transparent 55%),var(--night-2);display:grid;gap:20px;justify-items:start;overflow:hidden}
.invite-card .mark{width:88px;height:88px}
.invite-card p:not(.label){color:var(--film-dim)}
.invite-card .btn{margin-top:6px}
.note{font-size:14px;color:var(--film-faint);max-width:46ch}
.steps{display:grid}
.steps article{display:grid;grid-template-columns:64px 1fr;gap:20px;padding:30px 0;border-top:1px solid var(--line)}
.steps article:last-child{border-bottom:1px solid var(--line)}
.steps .n{font:400 40px/1 var(--serif);color:var(--ember-hi)}
.steps h3{font:400 30px/1.1 var(--serif);margin-bottom:10px}
.steps p{color:var(--film-dim)}
.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border-block:1px solid var(--line)}
.grid-4 article{background:var(--night);padding:32px 26px 36px;display:flex;flex-direction:column;gap:14px}
.grid-4 .n{font:400 12px/1 var(--mono);color:var(--ember)}
.grid-4 h3{font:400 30px/1.08 var(--serif)}
.grid-4 p{color:var(--film-dim);font-size:16px}
.faq>*{max-width:900px}
.faq details{border-bottom:1px solid var(--line)}
.faq details:first-of-type{border-top:1px solid var(--line)}
.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:76px;padding:18px 0;cursor:pointer;font:400 clamp(22px,2vw,28px)/1.25 var(--serif)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:300 26px/1 var(--sans);color:var(--ember);transition:transform 360ms var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{color:var(--film-dim);padding:0 0 26px;max-width:62ch}
.two-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,3vw,48px)}
.two-cards article{border:1px solid var(--line);border-radius:28px;padding:clamp(32px,4vw,56px);display:flex;flex-direction:column;gap:18px;align-items:flex-start;background:var(--night-2)}
.two-cards article p:not(.label){color:var(--film-dim)}
.two-cards h2{font:400 clamp(36px,3.6vw,54px)/1 var(--serif);letter-spacing:-.015em}
.two-cards .investment{background:linear-gradient(160deg,#121818,var(--night-2))}
.closed{display:inline-flex;align-items:center;gap:8px;font:400 12px/1 var(--mono);color:var(--film);border:1px solid var(--line-strong);border-radius:999px;padding:8px 13px}
.closed::before{content:"";width:7px;height:7px;border-radius:50%;border:1.5px solid var(--film-dim)}
.investment-bottom{display:flex;justify-content:space-between;width:100%;border-top:1px solid var(--line);padding-top:18px;margin-top:auto;font:400 13px/1 var(--mono);color:var(--film-faint)}
.investment-bottom .republic-word{font:600 20px/1 var(--sans);color:var(--film);letter-spacing:-.02em}
.share-feedback{min-height:1.5em;font-size:14px;color:var(--ember-hi)}
.legal{max-width:760px}
.legal h2{font:400 clamp(28px,2.6vw,38px)/1.1 var(--serif);margin:56px 0 16px}
.legal h2:first-child{margin-top:0}
.legal p{color:var(--film-dim)}
.legal a:not(.link){color:var(--film);text-decoration:underline;text-decoration-color:var(--ember);text-underline-offset:4px}
.closing{text-align:center;padding-block:clamp(96px,12vw,170px)}
.closing .title{margin:0 auto 34px;max-width:16ch}
.closing .actions{justify-content:center}
.closing p.lede{margin:0 auto 34px;text-align:center}

/* Support: the story, the real project, then a clear way to join. */
.support-hero{position:relative;min-height:90svh;display:flex;align-items:center;isolation:isolate;overflow:hidden;padding:clamp(140px,12vw,180px) 0 80px}
.support-hero-media{position:absolute;inset:0;z-index:-2}
.support-hero-media img{width:100%;height:100%;object-fit:cover;object-position:65% center}
.support-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(7,9,10,.85),transparent 24%),linear-gradient(90deg,var(--night),rgba(7,9,10,.8) 35%,rgba(7,9,10,.12)),linear-gradient(0deg,var(--night),transparent 50%)}
.support-hero-copy .display{font-size:clamp(56px,6.6vw,104px);max-width:12ch;margin:24px 0 28px}
.support-hero-copy .lede{max-width:42ch}
.support-hero-copy .actions{margin-top:32px}
.support-hero-copy .note{margin-top:20px;max-width:44ch}
.support-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:center}
.support-intro-image{border-radius:24px;overflow:hidden;aspect-ratio:4/5}
.support-intro-image img{width:100%;height:100%;object-fit:cover}
.support-intro-copy{display:grid;gap:24px;justify-items:start}
.support-seed-logo{width:192px;height:auto}
.support-intro-copy p:not(.label){color:var(--film-dim)}
.support-tool-grid,.support-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(32px,4vw,64px)}
.support-tool-grid article,.support-step-grid li{border-top:1px solid var(--line-strong);padding-top:28px;display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.support-tool-grid h3,.support-step-grid h3{font:400 clamp(32px,3vw,44px)/1.08 var(--serif)}
.support-tool-grid p,.support-step-grid p{color:var(--film-dim)}
.support-tool-grid .n,.support-step-grid .n{font:400 12px/1.5 var(--mono);color:var(--ember)}
.support-tool-grid .link{margin-top:auto}
.support-steps-actions{margin-top:48px}
.support-steps-actions .share-feedback:empty{display:none}
.support-faq{padding-bottom:clamp(48px,6vw,80px)}
@media(max-width:800px){
 .support-hero{min-height:100svh;padding-bottom:64px}
 .support-hero::after{background:linear-gradient(90deg,rgba(7,9,10,.9),rgba(7,9,10,.5)),linear-gradient(0deg,var(--night),transparent 70%)}
 .support-hero-copy .display{font-size:clamp(56px,11vw,88px)}
 .support-intro,.support-tool-grid,.support-step-grid{grid-template-columns:1fr}
 .support-intro-image{aspect-ratio:4/3}
 .support-tool-grid,.support-step-grid{gap:48px}
}

/* Responsive */
@media (max-width:1080px){
  .site-header.scrolled{backdrop-filter:none;-webkit-backdrop-filter:none}
  /* A filtered/transformed ancestor would constrain the fixed mobile overlay. */
  .site-header.menu-open{backdrop-filter:none;-webkit-backdrop-filter:none;transform:none;transition:none;background:var(--night)}
  .nav{position:fixed;inset:0;z-index:-1;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:100px var(--gutter) 48px;background:var(--night);opacity:0;visibility:hidden;transition:opacity 500ms var(--ease),visibility 0s 500ms}
  .nav{overflow-y:auto;overscroll-behavior:contain}
  .nav.open{opacity:1;visibility:visible;transition:opacity 500ms var(--ease)}
  .nav a:not(.btn){font:400 clamp(40px,10vw,64px)/1.1 var(--serif);color:var(--film);padding:6px 0}
  .nav a[aria-current="page"]{color:var(--ember-hi)}
  .nav a[aria-current="page"]::after{display:none}
  .nav .btn{margin-top:28px;min-height:52px;padding:0 26px;font-size:15px}
  .nav-toggle{display:inline-flex}
  .feature-grid{grid-template-columns:minmax(220px,340px) 1fr}
  .cast{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-grid{grid-template-columns:1fr 1fr}
  .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .watch-grid{grid-template-columns:minmax(0,1fr) minmax(260px,380px)}
  .watch-grid .right{grid-column:1/-1}
  .credits-list{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:1080px) and (max-height:650px){
  .nav{justify-content:flex-start;padding-top:90px;padding-bottom:28px}
}
@media (max-width:800px){
  body{font-size:16px}
  .site-header .bar{height:68px}
  .hero{height:auto;min-height:100svh;max-height:none;display:flex;flex-direction:column;justify-content:flex-end}
  .hero-media{bottom:auto;height:66svh}
  .hero-media img{object-position:91% 50%}
  .hero-shade{bottom:auto;height:66svh;background:linear-gradient(0deg,var(--night) 0,rgba(7,9,10,.7) 22%,rgba(7,9,10,0) 50%),linear-gradient(180deg,rgba(7,9,10,.6),transparent 22%)}
  .hero-inner{position:relative;padding-top:46svh}
  .hero-title{width:100%;margin-bottom:20px}
  .hero-foot{flex-direction:column;align-items:flex-start}
  .hero-foot .scroll-cue{display:none}
  .letterbox::before,.letterbox::after{height:9vh}
  .section-head{grid-template-columns:1fr}
  .cold-image img{width:100%;-webkit-mask-image:linear-gradient(0deg,transparent 0,#000 55%);mask-image:linear-gradient(0deg,transparent 0,#000 55%);opacity:.5;height:62%}
  .cold-line{top:66%}
  .feature-grid{grid-template-columns:1fr}
  .feature-grid .screen{width:min(340px,82%);margin-inline:auto}
  .cast{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);gap:12px;scrollbar-width:none}
  .cast::-webkit-scrollbar{display:none}
  .person{flex:0 0 78%;scroll-snap-align:center}
  .horizons{grid-template-columns:1fr}
  .horizon-visual{display:none}
  .horizon-steps{padding:0}
  .horizon-step{min-height:0;opacity:1;padding:36px 0;border-top:1px solid var(--line)}
  .horizon-step .inline-img{display:block;border-radius:16px;overflow:hidden;aspect-ratio:16/10;margin-bottom:24px}
  .horizon-step .inline-img img{width:100%;height:100%;object-fit:cover}
  .question a{grid-template-columns:1fr 40px;gap:14px 16px}
  .question .n{display:none}
  .question .theme{grid-row:1;grid-column:1/-1}
  .question .thumb{display:block;grid-column:1/-1;border-radius:12px;overflow:hidden;aspect-ratio:16/8}
  .question .thumb img{width:100%;height:100%;object-fit:cover}
  .paths{grid-template-columns:1fr}
  .path+.path{border-left:0;border-top:1px solid var(--line)}
  .path{min-height:0}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-grid>div:first-child{grid-column:1/-1}
  .watch-grid{grid-template-columns:1fr}
  .watch-player{width:min(380px,100%);margin-inline:auto}
  .credits-list{grid-template-columns:1fr}
  .after-film{grid-template-columns:1fr}
  .platforms{grid-template-columns:1fr}
  .slate{grid-template-columns:1fr}
  .synopsis{grid-template-columns:1fr}
  .synopsis aside{position:static}
  .horizon-list article{grid-template-columns:1fr;gap:10px}
  .theme,.theme:nth-child(even){grid-template-columns:1fr}
  .theme:nth-child(even) figure{order:0}
  .statement{grid-template-columns:1fr}
  .eco article{grid-template-columns:1fr;min-height:0}
  .eco article:nth-child(even) .eco-media{order:0}
  .eco-media{min-height:300px}
  .invite{grid-template-columns:1fr}
  .grid-4{grid-template-columns:1fr}
  .two-cards{grid-template-columns:1fr}
  .billing{text-align:left}
}
@media (max-width:420px){
  .btn{padding:0 20px}
  .hero .actions .btn{width:100%}
  .person{flex-basis:86%}
  .slate li{grid-template-columns:28px minmax(0,1fr);gap:10px 14px}
  .slate .status{grid-column:2}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;transition-delay:0ms!important;scroll-behavior:auto!important}
  .grain{animation:none}
  .hero-media img{transform:none}
  .js .reveal{opacity:1;transform:none}
  .js .reveal-img{clip-path:none}
}

/* Keep the exported composition usable without scripting and on narrow touch screens. */
.site-header{padding-top:env(safe-area-inset-top,0px)}
@media (max-width:1080px){
  html:not(.js) .site-header{position:relative}
  html:not(.js) .site-header .bar{height:auto;flex-wrap:wrap;padding-block:20px}
  html:not(.js) .nav-toggle{display:none}
  html:not(.js) .nav{position:static;opacity:1;visibility:visible;z-index:auto;padding:16px 0;flex-direction:row;flex-wrap:wrap}
  html:not(.js) .nav a:not(.btn){font:400 18px/1.5 var(--sans);padding:8px}
}
@media (max-width:600px) and (hover:none){
  .person{aspect-ratio:auto;min-height:510px}
  .person::after{background:linear-gradient(0deg,rgba(5,7,8,.98),rgba(5,7,8,.65) 48%,transparent 85%)}
}