:root{
  
  --navy:#0B1640; --cobalt:#1636D9; --sky:#A9C8FF; --sunflower:#FFD23F; --white:#FFFFFF; --slate:#4A5478;

  
  --g-paper:var(--white); --g-ink:var(--navy); --g-company:var(--cobalt); --g-field:var(--sky);
  --c-ink:var(--navy); --c-ink-soft:var(--slate); --c-on-dark:var(--white); --c-on-dark-soft:var(--sky);
  --c-pointer:var(--sunflower);           
  --c-link-on-paper:var(--cobalt);
  
  --rule-paper:color-mix(in srgb,var(--navy) 16%,var(--white));
  --rule-paper-strong:var(--navy);
  --rule-dark:color-mix(in srgb,var(--sky) 38%,transparent);
  --rule-company:color-mix(in srgb,var(--sky) 55%,var(--cobalt));
  --scrim:color-mix(in srgb,var(--navy) 72%,transparent);
  --shade-film-side:linear-gradient(90deg,color-mix(in srgb,var(--navy) 84%,transparent) 0%,color-mix(in srgb,var(--navy) 62%,transparent) 45%,color-mix(in srgb,var(--navy) 20%,transparent) 62%,transparent 76%);
  --shade-film-foot:linear-gradient(0deg,color-mix(in srgb,var(--navy) 92%,transparent) 0%,color-mix(in srgb,var(--navy) 30%,transparent) 34%,transparent 64%);
  --shade-film-head:linear-gradient(180deg,color-mix(in srgb,var(--navy) 78%,transparent),transparent);
  --shade-film-head-deep:linear-gradient(180deg,color-mix(in srgb,var(--navy) 92%,transparent) 0%,color-mix(in srgb,var(--navy) 70%,transparent) 55%,transparent);
  --ghost:.38;
  --plan-ghost:color-mix(in srgb,var(--cobalt) 22%,var(--white));                              

  
  --wm-year-on-ink:var(--sunflower); --wm-year-on-paper:var(--cobalt);

  
  --f-sans:Mona,'Helvetica Neue',Arial,sans-serif;
  --wordmark-width:115%; --wordmark-weight:800;   
  --display-width:125%; --display-weight:780;     
  
  --d1:clamp(42px,7.8vw + 11.5px,156px);  --d1-track:-.05em;  --d1-lead:.98;
  --d2:clamp(36px,3.4vw + 23px,84px);     --d2-track:-.035em; --d2-lead:1.04; --d2-width:112%; --d2-weight:700;
  --d3:clamp(27px,1.9vw + 20px,50px);     --d3-track:-.022em; --d3-lead:1.1;  --d3-width:100%; --d3-weight:650;
  --d4:clamp(20px,.75vw + 17px,29px);     --d4-track:-.01em;  --d4-lead:1.38; --d4-weight:450;
  
  --d1-hero:min(var(--d1),11.4vh,6.6vw);
  --d1-hero-track:-.035em;  
  --face-phone-bottom:.5;    
  --hero-film-w:165%;        
  --hero-film-shift:-29vw;   
  --t-body:clamp(17px,.2vw + 16.2px,19px); --t-small:15px; --t-label:13px; --t-figure:14px;
  --lh-body:1.6; --track-label:.08em; --wt-body:450; --wt-strong:650;
  --measure:64ch;

  
  --gutter:clamp(20px,4.2vw,80px);
  --s1:8px; --s2:16px; --s3:24px; --s4:40px; --s5:64px; --s6:104px;
  --section:clamp(72px,8.5vw,152px);
  --bar-h:64px; --band-h:56px;
  --max:1680px;
  --edge:max(var(--gutter),calc((100vw - var(--max)) / 2 + var(--gutter)));   
  --hit:48px; --control:44px;

  
  --ease:cubic-bezier(.2,0,0,1); --d-fast:.2s; --d-state:.45s; --d-move:.8s;
  --zoom-total:3.5s;

  
  --focus-w:3px; --focus-off:4px; --focus-paper:var(--cobalt); --focus-dark:var(--sunflower); --focus-field:var(--navy);
}


@font-face{font-family:Mona;src:url('/assets/fonts/MonaSans.5ea3740633.woff2') format('woff2');font-weight:200 900;font-stretch:75% 125%;font-display:block}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--bar-h) + var(--s3))}
body{margin:0;background:var(--g-paper);color:var(--c-ink);font:var(--wt-body) var(--t-body)/var(--lh-body) var(--f-sans);font-kerning:normal;text-rendering:optimizeLegibility}
::selection{background:var(--sky);color:var(--navy)}
img,video,svg{display:block;max-width:100%}
h1,h2,h3,h4,p,figure,blockquote,ol,ul{margin:0}
ol,ul{padding:0;list-style:none}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.28em}
a:hover{text-decoration-thickness:2px}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:var(--focus-w) solid var(--focus-paper);outline-offset:var(--focus-off)}
.on-ink :focus-visible,.on-company :focus-visible,.hero :focus-visible{outline-color:var(--focus-dark)}
.on-field :focus-visible{outline-color:var(--focus-field)}
p+p{margin-top:1em}
strong{font-weight:var(--wt-strong)}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:var(--s3);top:-200px;z-index:100;background:var(--sunflower);color:var(--navy);padding:var(--s2);font-weight:var(--wt-strong)}
.skip:focus{top:var(--s2)}


.d1{font-size:var(--d1);font-stretch:var(--display-width);font-weight:var(--display-weight);letter-spacing:var(--d1-track);line-height:var(--d1-lead);text-wrap:balance}
.d2{font-size:var(--d2);font-stretch:var(--d2-width);font-weight:var(--d2-weight);letter-spacing:var(--d2-track);line-height:var(--d2-lead);text-wrap:balance}
.d3{font-size:var(--d3);font-stretch:var(--d3-width);font-weight:var(--d3-weight);letter-spacing:var(--d3-track);line-height:var(--d3-lead);text-wrap:balance}
.d4{font-size:var(--d4);font-weight:var(--d4-weight);letter-spacing:var(--d4-track);line-height:var(--d4-lead);text-wrap:pretty}
.lab{display:block;font-size:var(--t-label);font-weight:var(--wt-strong);letter-spacing:var(--track-label);text-transform:uppercase;line-height:1.4}
.small{font-size:var(--t-small);line-height:1.55}
@media (min-width:900px){.small,.note,.film-cap,.chapters li>*{font-size:16px}}
.prose{max-width:var(--measure)}
.prose p,.prose li{text-wrap:pretty}
.prose ul{margin-top:1em}
.prose li{padding-left:1.2em;position:relative}
.prose li+li{margin-top:.5em}
.prose li::before{content:'';position:absolute;left:0;top:.72em;width:.5em;height:2px;background:currentColor}
.on-paper .prose a,.reading a{color:var(--c-link-on-paper)}
.yr{color:var(--sunflower)}            
.on-paper .yr,.on-field .yr{color:var(--cobalt)}


.on-paper{background:var(--g-paper);color:var(--c-ink)}
.on-field{background:var(--g-field);color:var(--c-ink)}
.on-company{background:var(--g-company);color:var(--c-on-dark)}
.on-ink{background:var(--g-ink);color:var(--c-on-dark)}
.wrap{padding-inline:var(--edge)}
.sec{padding-block:var(--section)}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--s3)}


.btn{display:inline-flex;align-items:center;gap:var(--s2);min-height:var(--hit);padding:0 var(--s3);font-weight:var(--wt-strong);font-size:var(--t-small);text-decoration:none;border:1px solid currentColor;white-space:nowrap;transition:background var(--d-fast) var(--ease),color var(--d-fast) var(--ease)}
.btn-solid{background:var(--navy);color:var(--white);border-color:var(--navy)}
.btn-solid:hover{background:var(--cobalt);border-color:var(--cobalt)}
.on-ink .btn-solid,.hero .btn-solid,.on-company .btn-solid{background:var(--white);color:var(--navy);border-color:var(--white)}
.on-ink .btn-solid:hover,.hero .btn-solid:hover,.on-company .btn-solid:hover{background:var(--sky);border-color:var(--sky)}
.go{display:inline-flex;align-items:center;gap:.6em;font-weight:var(--wt-strong);font-size:var(--t-small);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:6px;min-height:var(--hit)}
.go:hover{border-bottom-width:2px;padding-bottom:5px}
.ic{width:1em;height:1em;flex:none;stroke:currentColor;fill:none;stroke-width:1.6}
.ic-fill{fill:currentColor;stroke:none}


.bar{position:sticky;top:0;z-index:40;height:var(--bar-h);display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding-inline:var(--edge);background:var(--g-paper);color:var(--c-ink);border-bottom:1px solid var(--rule-paper)}
.lockup{display:block;flex:none;height:30px;width:auto}
.lockup img{height:100%;width:auto}
.bar .lockup{height:28px;margin-block:var(--s2)}
.nav{display:flex;align-items:center;gap:clamp(18px,2.2vw,36px);font-size:var(--t-small);font-weight:var(--wt-strong)}
.nav a{text-decoration:none;padding-block:var(--s1);border-bottom:2px solid transparent}
.nav a:hover{border-bottom-color:currentColor}
.nav a[aria-current=page]{border-bottom-color:var(--sunflower)}
.nav .btn{padding:0 var(--s3);min-height:40px}
.menu{display:none}
.bar-go{display:none}
.menu[open]>summary{position:relative;z-index:95;color:var(--navy)}
.mast:has(.menu[open]){z-index:100}
.hero:has(.menu[open]) .ctrl{visibility:hidden}
.hero .sheet .btn-solid{background:var(--navy);color:var(--white);border-color:var(--navy)}
.hero .sheet :focus-visible{outline-color:var(--focus-paper)}
.menu .m-close{display:none}.menu[open] .m-close{display:inline}.menu[open] .m-open{display:none}
.menu>summary{list-style:none;display:flex;align-items:center;gap:var(--s1);min-height:var(--control);min-width:var(--control);font-size:var(--t-small);font-weight:var(--wt-strong);cursor:pointer}
.menu>summary::-webkit-details-marker{display:none}
.sheet{position:fixed;inset:0;z-index:90;background:var(--g-paper);color:var(--c-ink);padding:var(--s2) var(--gutter) var(--s5);display:flex;flex-direction:column;overflow:auto}
.sheet-top{display:flex;justify-content:space-between;align-items:center;height:calc(var(--bar-h) - var(--s2))}
.sheet nav{display:flex;flex-direction:column;margin-top:var(--s4);border-top:1px solid var(--rule-paper)}
.sheet nav a{font-size:var(--d3);font-weight:var(--d3-weight);letter-spacing:var(--d3-track);text-decoration:none;padding:var(--s2) 0;border-bottom:1px solid var(--rule-paper)}
.sheet .btn{margin-top:var(--s4);align-self:flex-start}
.close{display:inline-flex;align-items:center;gap:var(--s1);min-height:var(--control);font-size:var(--t-small);font-weight:var(--wt-strong)}


.strip{background:var(--g-field);color:var(--c-ink);font-size:var(--t-small);font-weight:var(--wt-strong)}
.strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);min-height:var(--band-h)}
.strip a{white-space:nowrap}


.hero{position:relative;overflow-anchor:none;color:var(--white);--p:0;--f:0;--k:0;--m:0;--n:0;--hd:0}   
.stage{position:relative;height:calc(100svh - var(--band-h));min-height:620px;overflow:hidden;background:var(--g-field)}
.layer{position:absolute;inset:0}
.l-company{background:var(--g-company)}

.stage{--hx:clamp(-65vw,calc(var(--edge) / 2 + var(--d1-hero) * 4.05 - 32.5vw),0px)}
.l-film{background:var(--navy) var(--poster) var(--hx) 30%/var(--hero-film-w) auto no-repeat;overflow:hidden}
.l-film video{position:absolute;left:var(--hx);top:0;width:var(--hero-film-w);max-width:none;height:100%;object-fit:cover;object-position:50% 30%}
.l-film::after{content:'';position:absolute;inset:0;background:var(--shade-film-side),var(--shade-film-foot)}
.mast{position:absolute;inset:0 0 auto;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding:var(--s4) var(--edge) var(--s5);background:var(--shade-film-head)}
.mast .lockup{height:34px}
.mast .nav a[aria-current=page]{border-bottom-color:transparent}
.front{position:absolute;z-index:4;left:var(--edge);right:var(--edge);bottom:clamp(48px,7vh,96px);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:var(--s4)}
.front h1{max-width:8.6em;font-size:var(--d1-hero);letter-spacing:var(--d1-hero-track)}
.front .lede{max-width:40ch;margin-top:var(--s4);font-size:clamp(17px,.5vw + 14px,21px);line-height:1.5;font-weight:500;text-wrap:pretty}
.acts{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3);margin-top:var(--s4)}
.byline{font-size:var(--t-small);color:var(--sky);margin-top:var(--s3)}
.ctrl{position:absolute;z-index:6;right:var(--edge);bottom:clamp(48px,7vh,96px);display:none;align-items:center;justify-content:center;width:var(--control);height:var(--control);border-radius:50%;border:1px solid color-mix(in srgb,var(--white) 70%,transparent);background:color-mix(in srgb,var(--navy) 35%,transparent);color:var(--white)}
.ctrl:hover{background:color-mix(in srgb,var(--navy) 70%,transparent)}
.ctrl .ic{width:16px;height:16px}
.ctrl .i-play{display:none}
.ctrl[aria-pressed=true] .i-play{display:block}.ctrl[aria-pressed=true] .i-pause{display:none}
.js .ctrl{display:inline-flex}
.js .front{right:calc(var(--edge) + var(--control) + var(--s3))}
.frames{display:none}
.band{position:relative;z-index:7;min-height:var(--band-h);background:var(--g-field);color:var(--c-ink)}
.band .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);min-height:var(--band-h);font-weight:var(--wt-strong);font-size:var(--t-small)}
.band .btn{min-height:40px}
.hero:not(.has-band) .stage{height:100svh}
.ev-short{display:none}
.ls{display:none}
@media (max-width:899px){.ls{display:inline}.lf{display:none}}
@media (max-width:899px){.ev-short{display:inline}.ev-long{display:none}}


.l-sky{background:var(--g-field)}
.hero-mark{display:none}
@media (min-width:900px) and (prefers-reduced-motion:no-preference){
  .js:not(.no-motion) .hero{height:200svh}
  .js:not(.no-motion) .stage{position:sticky;top:0;height:100svh;background:var(--g-ink);
    --M0:min(20svh,calc((100vw - 2 * var(--edge)) / 8));--L:calc(var(--M0) * 7.515);--cy0:42svh;--M:var(--tM,var(--M0));--cy:var(--tcy,var(--cy0));--cx:var(--tcx,calc(50vw - var(--L) / 2 + var(--M0) / 2));
    --cxC:calc(50vw + (var(--cx) - 50vw) * var(--m));--cyC:calc(50svh + (var(--cy) - 50svh) * var(--m));--hC:calc(34svh + (var(--M) * .3 - 34svh) * var(--m));
    --sF:calc(42svh + (var(--M) * .24 - 42svh) * var(--m))}
  .js:not(.no-motion) .band{position:absolute;left:0;right:0;top:calc(100svh - var(--band-h));transform:translateY(calc(var(--p) * 100svh));opacity:clamp(0,calc(1 - var(--p) * 5),1)}
  .js:not(.no-motion) .hero.is-out .band{visibility:hidden}
  .js:not(.no-motion) .hero.has-band .front,.js:not(.no-motion) .hero.has-band .ctrl{bottom:calc(var(--band-h) + clamp(48px,7vh,96px))}
  .js:not(.no-motion) .l-sky{clip-path:inset(calc(var(--m) * (var(--cy) - var(--M) / 2)) calc(var(--m) * (100vw - var(--cx) - var(--M) / 2)) calc(var(--m) * (100svh - var(--cy) - var(--M) / 2)) calc(var(--m) * (var(--cx) - var(--M) / 2)))}
  .js:not(.no-motion) .l-company{clip-path:inset(calc(var(--k) * (var(--cyC) - var(--hC))) calc(var(--k) * (100vw - var(--cxC) - var(--hC))) calc(var(--k) * (100svh - var(--cyC) - var(--hC))) calc(var(--k) * (var(--cxC) - var(--hC))))}
  .js:not(.no-motion) .hero.is-moving .l-film{background:none}
  .js:not(.no-motion) .l-film{opacity:clamp(0,calc(1 - var(--m) * 2.5),1)}
  
  .js:not(.no-motion) .stage{--Z:1.75;--cxF:calc(50vw + (var(--cx) - 50vw) * var(--m));--cyF:calc(50svh + (var(--cy) - 50svh) * var(--m));
    --Hend:calc(var(--sF) * var(--Z));--Wend:calc(var(--Hend) * 16 / 9)}
  .js:not(.no-motion) .hero.is-moving .l-film{clip-path:inset(calc(var(--f) * (var(--cyF) - var(--sF) / 2)) calc(var(--f) * (100vw - var(--cxF) - var(--sF) / 2)) calc(var(--f) * (100svh - var(--cyF) - var(--sF) / 2)) calc(var(--f) * (var(--cxF) - var(--sF) / 2)))}
  .js:not(.no-motion) .l-film video{
    left:calc(var(--hx) * (1 - var(--f)) + var(--f) * (var(--cxF) - var(--Wend) * .5));
    top:calc(var(--f) * (var(--cyF) - var(--sF) / 2 - var(--Hend) * .06));
    width:calc(var(--hero-film-w) + (var(--Wend) - var(--hero-film-w)) * var(--f));
    height:calc(100svh + (var(--Hend) - 100svh) * var(--f))}
  .js:not(.no-motion) .l-film::after{opacity:calc(1 - var(--f))}
  .js:not(.no-motion) .front,.js:not(.no-motion) .mast{opacity:calc(1 - var(--p) * 3.2);transform:translateY(calc(var(--p) * -40px))}
  .js:not(.no-motion) .frames{display:block;position:absolute;inset:0;z-index:3;pointer-events:none;opacity:clamp(0,calc(var(--k) * 3 - 2 - var(--m) * 4),1)}
  .js:not(.no-motion) .hero.is-out .front,.js:not(.no-motion) .hero.is-out .mast{visibility:hidden}
  .js:not(.no-motion) .hero.is-out .ctrl{opacity:0;pointer-events:none}
  .js:not(.no-motion) .hero-mark{display:block;position:absolute;z-index:4;left:calc(50vw - var(--L) / 2);top:calc(var(--cy0) - var(--M0) / 2);width:var(--L);pointer-events:none}
  
  .js:not(.no-motion) .l-sky,.js:not(.no-motion) .l-company{opacity:clamp(0,calc((1 - var(--hd)) * 1000),1)}   
  .js:not(.no-motion) .hero-mark img{width:100%;height:auto}
  .js:not(.no-motion) .hero-mark .cam-in{position:relative;opacity:var(--hd)}
  .js:not(.no-motion) .hero-mark .mask{transform:scaleX(calc(1 - var(--n)))}
  .js:not(.no-motion) .hero-mark .tagline{margin-top:calc(var(--M0) * .64);font-size:clamp(40px,4.4vw,84px);opacity:var(--n);transform:translateY(calc((1 - var(--n)) * 8px));white-space:nowrap}
}
.frames span{position:absolute;font-size:var(--t-label);font-weight:var(--wt-strong);letter-spacing:var(--track-label);text-transform:uppercase}
.fr-1{left:50%;top:calc(29% - 34px);transform:translateX(-50%);color:var(--white)}
.fr-2{left:calc(50% - 34vh + var(--s3));top:calc(16% + var(--s3));color:var(--white)}
.fr-3{left:var(--edge);top:var(--s4);color:var(--navy)}


.head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--s3);row-gap:var(--s3);margin-bottom:var(--s5)}
.head .lab{grid-column:1/-1}
.head h2{grid-column:1/span 8}
.head .intro{grid-column:9/-1;align-self:end}
.head.solo h2{grid-column:1/span 10}
.on-paper .lab{color:var(--c-ink-soft)}
.on-company .lab,.on-ink .lab,.on-paper .on-company .lab{color:var(--sky)}
.on-field .lab,.on-paper .on-field .lab{color:var(--navy)}


.player{position:relative;background:var(--navy);aspect-ratio:16/9}
.player video{width:100%;height:100%;object-fit:contain;background:var(--navy)}
.film-meta{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--s3);margin-top:var(--s3)}
.film-cap{grid-column:1/span 6;font-size:var(--t-small);color:var(--c-ink-soft)}
.film-meta .go{grid-column:10/-1;justify-self:end;align-self:start}
.chapters{margin-top:var(--s5);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--s3)}
.chapters h3{grid-column:1/span 3}
.chapters ol{grid-column:4/-1;columns:2;column-gap:var(--s4);counter-reset:ch}
.chapters li{break-inside:avoid;border-top:1px solid var(--rule-paper);counter-increment:ch}
.chapters li>*{display:grid;grid-template-columns:3.2em 3.6em 1fr;gap:var(--s1);padding:var(--s2) 0;font-size:var(--t-small);text-decoration:none;min-height:var(--hit)}
.chapters li>*::before{content:counter(ch,decimal-leading-zero);color:var(--c-ink-soft);font-variant-numeric:tabular-nums}
.chapters .t{font-variant-numeric:tabular-nums;color:var(--cobalt);font-weight:var(--wt-strong)}
.chapters a:hover .n{text-decoration:underline}
.chapters .tx{grid-column:3;color:var(--c-ink-soft);margin-top:2px}


.quote blockquote p{font-size:var(--d2);font-stretch:var(--d2-width);font-weight:var(--d2-weight);letter-spacing:var(--d2-track);line-height:var(--d2-lead);text-wrap:balance}
.quote blockquote p::before{content:'\201C';margin-left:-.42em}
.quote blockquote p::after{content:'\201D'}
.quote figcaption{margin-top:var(--s3);font-size:var(--t-small);font-weight:var(--wt-strong)}
.quote figcaption::before{content:'';display:inline-block;width:32px;height:2px;background:var(--sunflower);vertical-align:middle;margin-right:var(--s2)}
.on-paper .quote figcaption::before,.on-field .quote figcaption::before{background:var(--cobalt)}
.quote-m blockquote p{font-size:clamp(28px,2.4vw + 19px,60px);font-stretch:var(--d2-width);font-weight:var(--d2-weight);letter-spacing:var(--d2-track);line-height:1.08}
.quote-s blockquote p{font-size:var(--d3);font-weight:var(--d3-weight);font-stretch:var(--d3-width);letter-spacing:var(--d3-track);line-height:1.18}


.zoom-body{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--s3);row-gap:var(--s5)}
.zoom-body .prose{grid-column:1/span 6}
.zoom-body .quote{grid-column:1/-1}
.nest{grid-column:8/-1;grid-row:1/span 2;align-self:start;position:relative;aspect-ratio:1;max-width:520px;width:100%;justify-self:end}
.nest i{position:absolute;display:block}
.nest .n3{inset:0;background:var(--sky);border:1px solid var(--navy)}
.nest .n2{inset:17%;background:var(--cobalt)}
.nest .n1{inset:40% 40%;background:var(--white)}
.nest b{position:absolute;font-size:var(--t-label);letter-spacing:var(--track-label);text-transform:uppercase;font-weight:var(--wt-strong)}
.nest .b1{left:50%;top:calc(60% + var(--s1));transform:translateX(-50%);color:var(--white);white-space:nowrap}
.nest .b2{left:calc(17% + var(--s2));top:calc(17% + var(--s2));color:var(--white)}
.nest .b3{left:var(--s2);top:var(--s2);color:var(--navy)}
.three{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--s3);border-top:1px solid var(--rule-paper-strong)}
.three>div{padding-top:var(--s3)}
.three h3{font-size:var(--d4);font-weight:var(--wt-strong);letter-spacing:var(--d4-track);line-height:1.25;margin-bottom:var(--s1)}
.three .k{display:block;font-size:var(--t-label);font-weight:var(--wt-strong);color:var(--c-ink-soft);margin-bottom:var(--s2);font-variant-numeric:tabular-nums}
.qs{margin-top:var(--s4)}
.qs-intro{font-weight:var(--wt-strong)}
.qs ul{margin-top:var(--s2);border-top:1px solid var(--rule-paper)}
.qs li{padding:var(--s2) 0 var(--s2) var(--s4);border-bottom:1px solid var(--rule-paper);position:relative;text-wrap:pretty}
.qs li::before{content:'?';position:absolute;left:0;top:var(--s2);font-weight:var(--display-weight);font-stretch:var(--display-width);color:var(--cobalt)}
.on-company .qs ul,.on-company .qs li{border-color:var(--rule-company)}
.on-company .qs li::before{color:var(--sunflower)}


.start-body{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--s3);row-gap:var(--s5)}
.why{grid-column:1/span 9;font-size:var(--d2);font-stretch:var(--d2-width);font-weight:var(--d2-weight);letter-spacing:var(--d2-track);line-height:var(--d2-lead);text-wrap:balance}
.start-body .prose{grid-column:1/span 6}
.start-body .quote{grid-column:7/-1;align-self:start}


.day-head{grid-column:1/span 7}
.day{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 var(--s3);margin-top:var(--s5);border-top:1px solid var(--rule-company)}
.day li{padding:var(--s3) var(--s3) var(--s4) 0;border-bottom:1px solid var(--rule-company)}
.day time{display:block;font-size:var(--d3);font-weight:var(--d3-weight);font-stretch:var(--display-width);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--sunflower);line-height:1}
.day h3{font-size:var(--d4);font-weight:var(--wt-strong);line-height:1.25;margin:var(--s3) 0 var(--s1)}
.day p{color:var(--white);opacity:1;font-size:var(--t-body)}
.day-rail{height:6px;background:var(--rule-company);position:relative;margin-top:var(--s5)}
.outro{margin-top:var(--s4);max-width:var(--measure);font-size:var(--d4);line-height:var(--d4-lead)}


.decision{padding-bottom:var(--section)}
.dec-panel{background:var(--g-paper);color:var(--c-ink);padding:clamp(24px,3.4vw,64px)}
.dec-top{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--s3);row-gap:var(--s2);padding-bottom:var(--s3);border-bottom:1px solid var(--rule-paper)}
.dec-top .lab{grid-column:1/-1;color:var(--c-ink-soft)}
.dec-top h2{grid-column:1/span 7}
.dec-top .intro{grid-column:8/-1;align-self:end}
.dec-stops{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:var(--s4);border-top:2px solid var(--rule-paper)}
.dec-stops button{position:relative;text-align:left;background:none;border:0;padding:var(--s2) var(--s3) var(--s2) 0;min-height:var(--hit);font-size:var(--t-small);font-weight:var(--wt-strong);color:var(--c-ink-soft);display:flex;gap:var(--s2);align-items:baseline}
.dec-stops button::before{content:'';position:absolute;left:0;right:0;top:-2px;height:2px;background:var(--navy);transform:scaleX(0);transform-origin:left;transition:transform var(--d-state) var(--ease)}
.dec-stops button[aria-pressed=true],.dec-stops button.done{color:var(--c-ink)}
.dec-stops button[aria-pressed=true]::before,.dec-stops button.done::before{transform:scaleX(1)}
.dec-stops .no{font-variant-numeric:tabular-nums;color:var(--cobalt)}
.dec-stops{display:none}
.js .dec-stops{display:grid}
.dec-body{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--s3);margin-top:var(--s4);align-items:start}
.dec-body .inst{grid-column:1/span 8}
.beats{grid-column:9/-1}
.beat{padding-bottom:var(--s4)}
.beat+.beat{border-top:1px solid var(--rule-paper);padding-top:var(--s3)}
.beat .lab{color:var(--cobalt);margin-bottom:var(--s1)}
.beat h3{font-size:var(--d4);font-weight:var(--wt-strong);line-height:1.25;margin-bottom:var(--s2)}
.beat .status{margin-top:var(--s2);font-size:var(--t-small);font-weight:var(--wt-strong);padding-left:var(--s3);border-left:3px solid var(--navy)}
.dec-link{margin-top:var(--s4);display:flex;justify-content:flex-end}
@media (min-width:900px) and (prefers-reduced-motion:no-preference){
  .js:not(.no-motion) .decision-run{height:300svh}
  .js:not(.no-motion) .decision-pin{position:sticky;top:var(--bar-h);padding-top:var(--s3)}
  .js:not(.no-motion) .beats{display:grid}
  .js:not(.no-motion) .beat{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity var(--d-state) var(--ease),transform var(--d-state) var(--ease),visibility var(--d-state)}
  .js:not(.no-motion) .beat+.beat{border-top:0;padding-top:0}
  .js:not(.no-motion) .beat.on{opacity:1;visibility:visible;transform:none}
}


.inst{--cols:24;position:relative}
.inst-plot{display:grid;grid-template-columns:minmax(120px,15%) repeat(var(--cols),minmax(0,1fr));grid-auto-rows:minmax(38px,auto);position:relative;border-bottom:1px solid var(--navy)}
.lane-name{grid-column:1;align-self:center;font-size:var(--t-figure);font-weight:var(--wt-strong);line-height:1.3;padding-right:var(--s2)}
.lane-line{grid-column:2/-1;border-top:1px solid var(--rule-paper);align-self:start;height:0}
.mk{position:relative;z-index:2;align-self:center;margin:var(--s1) 2px;padding:10px 12px;font-size:var(--t-figure);line-height:1.3;font-weight:500;transition:opacity var(--d-state) var(--ease),transform var(--d-state) var(--ease),background var(--d-state) var(--ease),visibility var(--d-state)}
.k-plan{background:var(--cobalt);color:var(--white)}
.k-outline{border:2px solid var(--cobalt);color:var(--c-ink);background:var(--white)}
.k-record{background:var(--navy);color:var(--white)}
.k-decide{border:2px solid var(--navy);color:var(--c-ink);background:var(--white);font-weight:var(--wt-strong)}
.kb{position:relative;padding-left:22px}.kb::before{content:'';position:absolute;left:4px;top:0;bottom:0;border-left:4px solid var(--navy)}
.k-empty{border:2px dashed var(--slate);color:var(--c-ink-soft);background:var(--white)}
.k-note{padding:0 0 0 22px;font-weight:500;align-self:center;background:none}
.k-note::before{content:'';position:absolute;left:0;top:.2em;width:14px;height:14px}
.k-ai::before{background:var(--sunflower);outline:1px solid var(--navy);outline-offset:-1px}
.k-person::before{border:2px solid var(--navy);border-radius:50%}
.k-conflict{z-index:0;margin:0;align-self:stretch;background:repeating-linear-gradient(135deg,transparent 0 7px,color-mix(in srgb,var(--navy) 55%,transparent) 7px 8px);border-inline:1px solid var(--navy);padding:0}
.k-conflict span{position:absolute;bottom:calc(100% + 4px);left:0;font-size:var(--t-label);font-weight:var(--wt-strong);letter-spacing:var(--track-label);text-transform:uppercase;white-space:nowrap}
.k-bound{z-index:3;margin:0;padding:0;align-self:stretch;border-left:4px solid var(--navy);width:0;justify-self:start;overflow:visible}
.k-bound span{position:absolute;left:-4px;top:0;transform:translateY(-100%);background:var(--navy);color:var(--white);font-size:var(--t-figure);font-weight:var(--wt-strong);padding:6px 12px;white-space:nowrap}
.inst-axis{display:grid;grid-template-columns:minmax(120px,15%) 1fr;font-size:var(--t-label);color:var(--c-ink-soft);padding-top:var(--s1)}
.inst-axis span:last-child{display:flex;justify-content:space-between}
.inst-key{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s4);margin-top:var(--s3);font-size:var(--t-figure)}
.inst-key .k-note{position:relative}
.inst figcaption{margin-top:var(--s2);font-size:var(--t-label);color:var(--c-ink-soft)}
.inst-plot{margin-top:calc(var(--s4) + var(--s2))}

.inst[data-state="0"] [data-from="1"],.inst[data-state="0"] [data-from="2"],.inst[data-state="1"] [data-from="2"]{opacity:0;visibility:hidden;transform:translateY(8px)}
.inst[data-state="1"] [data-until="0"],.inst[data-state="2"] [data-until="0"],.inst[data-state="2"] [data-until="1"]{opacity:0;visibility:hidden}
.inst[data-state="1"] [data-ghost="1"],.inst[data-state="2"] [data-ghost="1"],.inst[data-state="2"] [data-ghost="2"]{background:var(--plan-ghost);color:var(--navy)}
.inst-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3)}


.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}
.card{position:relative;background:var(--white);color:var(--c-ink);padding:clamp(24px,2.6vw,44px);display:flex;flex-direction:column;gap:var(--s2);min-height:340px;transition:transform var(--d-fast) var(--ease)}
.card:hover{transform:translateY(-3px)}
.card .lab{color:var(--c-ink-soft)}
.card .name{font-size:var(--d3);font-weight:var(--d3-weight);letter-spacing:var(--d3-track);line-height:1.08}
.card h3{font-size:var(--d4);font-weight:500;line-height:1.3}
.card .go{margin-top:auto;align-self:flex-start}
.card a.cover{position:absolute;inset:0;z-index:1}
.card .go{position:relative;z-index:2}
.minimap{display:grid;grid-template-columns:repeat(24,1fr);grid-auto-rows:10px;row-gap:6px;margin-block:var(--s1) var(--s2)}
.minimap i{display:block}
.minimap .k-plan{background:var(--cobalt)}.minimap .k-outline{border:2px solid var(--cobalt)}.minimap .k-record{background:var(--navy)}
.minimap .k-bound{border-left:3px solid var(--navy);grid-row:1/-1!important;margin-top:-4px;margin-bottom:-4px}
.all{margin-top:var(--s4)}


.formula .quote{margin-top:var(--s5)}
.pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 var(--s3);margin-top:var(--s5);counter-reset:pl}
.pillars>div{border-top:4px solid var(--navy);padding-top:var(--s3);counter-increment:pl}
.pillars>div:last-child{border-top-color:var(--sunflower)}
.pillars h3{font-size:var(--d3);font-weight:var(--d3-weight);letter-spacing:var(--d3-track);line-height:1.08;margin-bottom:var(--s2)}
.pillars h3::before{content:counter(pl);display:block;font-size:var(--t-label);color:var(--c-ink-soft);margin-bottom:var(--s2);font-variant-numeric:tabular-nums}
.pair{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s5) var(--s6)}
.pair .prose{max-width:66ch}
.pair>section{display:flex;flex-direction:column;gap:var(--s3)}
.pair .quote{margin-top:var(--s2)}
.pair-rule{border-top:1px solid var(--rule-paper-strong);padding-top:var(--s3)}


.chapter-photo{position:relative;color:var(--white);min-height:min(92svh,980px);display:flex;align-items:flex-end}
.chapter-photo>picture,.chapter-photo>img{position:absolute;inset:0}
.chapter-photo img{width:100%;height:100%;object-fit:cover}
.chapter-photo::after{content:'';position:absolute;inset:0;background:var(--shade-film-foot)}
.chapter-photo .wrap{position:relative;z-index:2;width:100%;padding-block:var(--section) var(--s5)}
.credit{font-size:var(--t-label);color:var(--c-ink-soft);margin-top:var(--s2)}
.chapter-photo .credit{color:var(--sky)}
.room{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--s3)}
.room figure{margin:0}
.room img{width:100%;height:100%;object-fit:cover}
.room figcaption{font-size:var(--t-label);color:var(--c-ink-soft);margin-top:var(--s1)}
.ph1{grid-column:1/span 5;grid-row:1/span 2}
.ph2{grid-column:6/span 7}
.ph3{grid-column:6/span 3}
.ph4{grid-column:9/span 4}
.ph1 .frame{aspect-ratio:4/5}.ph2 .frame{aspect-ratio:16/9}.ph3 .frame,.ph4 .frame{aspect-ratio:4/5}
.frame{overflow:hidden;background:var(--sky)}


.invite{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--s3);row-gap:var(--s4)}
.invite h2{grid-column:1/span 7}
.invite .facts-block{grid-column:9/-1;align-self:end}
.invite .prose{grid-column:1/span 6}
.facts{border-top:1px solid var(--navy)}
.facts li{padding:var(--s2) 0;border-bottom:1px solid var(--navy);font-weight:var(--wt-strong)}
.facts li:first-child{font-size:var(--d4);font-stretch:var(--d2-width);font-weight:var(--d2-weight);letter-spacing:-.02em}
.invite .acts{margin-top:var(--s3)}
.note{font-size:var(--t-small);margin-top:var(--s2)}


.adam{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--s3);row-gap:var(--s4);align-items:end}
.adam .frame{grid-column:1/span 4;aspect-ratio:4/5}
.adam .frame img{width:100%;height:100%;object-fit:cover}
.adam-text{grid-column:6/-1}
.adam-text .name{font-size:var(--d3);font-weight:var(--d3-weight);letter-spacing:var(--d3-track);margin:var(--s2) 0 var(--s4)}
.adam-text .prose{margin-top:var(--s4)}


.future{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--s3);row-gap:var(--s4);align-items:center}
.future .txt{grid-column:1/span 7}
.future .mark{grid-column:9/span 3;justify-self:center;width:100%;max-width:280px}
.future .mark img{width:100%;height:auto}
.mark-line{margin-top:var(--s3);font-size:var(--t-small);font-weight:var(--wt-strong);text-align:center}
.ways{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--s3);border-top:1px solid var(--rule-paper-strong);padding-top:var(--s4)}
.ways h2{grid-column:1/span 4;font-size:var(--d4);font-weight:var(--wt-strong);line-height:1.25}
.ways>div{grid-column:span 4}
.ways h3{font-size:var(--d4);font-weight:var(--wt-strong);margin-bottom:var(--s1)}
.ways p{font-size:var(--t-small)}


.ending{background:var(--g-ink);color:var(--white);padding:var(--section) var(--edge) var(--s5);overflow:hidden}
.end-top{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--s3);row-gap:var(--s4)}
.end-ask{grid-column:1/span 6}
.end-ask a{display:inline-block;font-size:var(--d3);font-weight:var(--d3-weight);letter-spacing:var(--d3-track);margin-top:var(--s2);text-decoration:none;border-bottom:2px solid var(--sunflower);padding-bottom:4px}
.end-nav{grid-column:8/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s1) var(--s4);font-size:var(--t-small);align-content:start}
.end-nav a{text-decoration:none;padding:var(--s1) 0;min-height:var(--control);display:flex;align-items:center}
.end-nav a:hover{text-decoration:underline}
.end-legal{margin:var(--s6) 0 0;padding-top:var(--s3);border-top:1px solid var(--rule-dark);font-size:var(--t-label);color:var(--sky);display:flex;flex-wrap:wrap;gap:var(--s1) var(--s4)}
.end-legal a{color:var(--sky)}
.zoomout{margin:var(--s5) 0 0;padding-top:clamp(140px,16vw,260px)}
.cam{position:relative;width:min(100%,920px);aspect-ratio:1503/200}
.cam-in{position:absolute;inset:0;transform-origin:6.65% 54%}
.cam img{width:100%;height:auto}
.mask{position:absolute;top:-2px;bottom:-2px;left:13.45%;right:-2px;background:var(--g-ink);transform-origin:100% 50%;transform:scaleX(0)}
.tagline{margin-top:clamp(40px,5vw,88px)}
.tagline .yr{color:var(--sunflower)}

.js .zoomout.armed .cam-in{opacity:0;transform:translateX(var(--cx,0px)) scale(3.2)}
.js .zoomout.armed .mask{transform:scaleX(1)}
.js .zoomout.armed .tagline{opacity:0;transform:translateY(8px)}
.js .zoomout.play .cam-in{animation:cam-move var(--zoom-total) linear both}
.js .zoomout.play .mask{animation:cam-mask var(--zoom-total) linear both}
.js .zoomout.play .tagline{animation:tag-in var(--zoom-total) linear both}
@keyframes cam-move{0%{opacity:0;transform:translateX(var(--cx,0px)) scale(3.2);animation-timing-function:var(--ease)}5.7%{opacity:1}17.1%{transform:translateX(var(--cx,0px)) scale(3.2);animation-timing-function:var(--ease)}45.7%{transform:translateX(var(--cx,0px)) scale(1.6);animation-timing-function:var(--ease)}68.6%,100%{opacity:1;transform:none}}
@keyframes cam-mask{0%,68.6%{transform:scaleX(1);animation-timing-function:var(--ease)}80%,100%{transform:scaleX(0)}}
@keyframes tag-in{0%,85.7%{opacity:0;transform:translateY(8px);animation-timing-function:var(--ease)}94.3%,100%{opacity:1;transform:none}}


.page-top{padding-block:clamp(56px,7vw,128px) var(--s5)}
.page-top .lab{margin-bottom:var(--s3);color:var(--c-ink-soft)}.page-top.on-field .lab{color:var(--navy)}
.page-top h1{max-width:17em}
.page-top .d4{margin-top:var(--s4);max-width:46ch}
.page-top .fiction{margin-top:var(--s3);font-size:var(--t-small);color:var(--c-ink-soft);max-width:60ch}
.rail-wrap{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--s3)}
.rail{grid-column:1/span 3;position:sticky;top:calc(var(--bar-h) + var(--s4));align-self:start;font-size:var(--t-small)}
.rail ol{border-top:1px solid var(--rule-paper-strong);counter-reset:r}
.rail li{counter-increment:r;border-bottom:1px solid var(--rule-paper)}
.rail a{display:flex;gap:var(--s2);padding:var(--s1) 0;min-height:var(--control);align-items:center;text-decoration:none}
.rail a::before{content:counter(r,decimal-leading-zero);color:var(--c-ink-soft);font-variant-numeric:tabular-nums}
.rail a:hover{text-decoration:underline}
.reading{grid-column:5/span 7}
.reading>section{padding-bottom:var(--s5)}
.reading>section+section{border-top:1px solid var(--rule-paper);padding-top:var(--s4)}
.reading h2{margin-bottom:var(--s3)}
.callout{padding:var(--s4);margin-top:var(--s4)}
.callout .lab{margin-bottom:var(--s2)}
.callout p{font-size:var(--d4);line-height:var(--d4-lead)}
.horizon{margin-top:var(--s3)}
.pager{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3);border-top:1px solid var(--rule-paper-strong);padding-top:var(--s3)}
.pager a{text-decoration:none;display:flex;flex-direction:column;gap:var(--s1);min-height:var(--hit)}
.pager a span{font-size:var(--t-label);color:var(--c-ink-soft);text-transform:uppercase;letter-spacing:var(--track-label);font-weight:var(--wt-strong)}
.pager a b{font-size:var(--d4);font-weight:var(--wt-strong)}
.pager a:hover b{text-decoration:underline}
.pager .nx{text-align:right;align-items:flex-end}
.ex-figure{padding-block:var(--s4) var(--s5)}
.ex-top{padding-block:clamp(56px,6vw,112px);border-top:1px solid var(--rule-paper)}
.ex-name{margin-bottom:var(--s3);color:var(--navy)}
.ex-top .fiction{color:var(--navy)}

.portrait-top{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--s3);align-items:end;padding-block:clamp(40px,5vw,96px) var(--s5)}
.portrait-top .frame{grid-column:1/span 5;aspect-ratio:4/5}
.portrait-top .frame img{width:100%;height:100%;object-fit:cover}
.portrait-top .txt{grid-column:7/-1}
.portrait-top .txt .d4{margin-top:var(--s4)}
.theatre{background:var(--g-ink);color:var(--white);padding-block:var(--s4) var(--s5)}
.theatre .film-cap{color:var(--sky)}
.theatre .player{max-height:calc(100svh - var(--bar-h) - 160px);aspect-ratio:16/9;margin-inline:auto}
.theatre .film-meta .go{color:var(--white)}
.pending{font-size:var(--t-small);color:var(--sky);margin-top:var(--s2)}
details.tx{border-top:1px solid var(--rule-paper-strong)}
details.tx summary{min-height:var(--hit);display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:var(--wt-strong);list-style:none}
details.tx summary::-webkit-details-marker{display:none}
details.tx[open] .plus{transform:rotate(45deg)}
.plus{transition:transform var(--d-fast) var(--ease)}
.tx-body{padding-block:var(--s3);columns:2;column-gap:var(--s5);font-size:var(--t-small)}
.idx{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}
.lost{min-height:60svh;display:flex;flex-direction:column;justify-content:center}
.lost ul{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);margin-top:var(--s4)}


@media (max-width:1100px){
  .head h2,.dec-top h2,.invite h2{grid-column:1/-1}
  .head .intro,.dec-top .intro,.invite .facts-block{grid-column:1/span 8}
  .dec-body .inst,.beats{grid-column:1/-1}
  .beats{margin-top:var(--s4)}
  .pillars{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--s4)}
}
@media (max-width:899px){
  .nav{display:none}
  .menu{display:block}
  .bar-go{display:inline-flex;min-height:40px;padding:0 var(--s2);margin-left:auto;margin-right:var(--s2);font-size:14px;white-space:nowrap}
  .bar .lockup,.mast .lockup{height:26px}
  .mast{padding:var(--s3) var(--gutter) var(--s5)}
  .stage{height:auto;min-height:calc(100svh - 112px);display:flex;flex-direction:column;justify-content:flex-end}
  .stage{background:var(--navy)}
  .l-film{bottom:auto;height:calc(100vw * 16 / 9);background:var(--navy) var(--poster-phone) 50% 0/100% auto no-repeat}
  .l-film video{left:0;width:100%;height:100%;object-position:50% 0}
  .front{padding-top:calc(100vw * 16 / 9 * var(--face-phone-bottom) + var(--s3))!important}
  .act-event{display:none!important}
  .front h1{font-size:var(--d1)}
  .byline{display:none}
  .acts .btn{flex:0 1 auto;padding:0 var(--s2);font-size:14px;gap:var(--s1)}
  .band .wrap span{font-size:14px;line-height:1.4}
  .l-film::after{background:linear-gradient(0deg,var(--navy) 0%,color-mix(in srgb,var(--navy) 88%,transparent) 22%,color-mix(in srgb,var(--navy) 35%,transparent) 42%,transparent 56%)}
  .front{position:relative;left:auto;right:auto;bottom:auto;grid-template-columns:1fr;padding:200px var(--gutter) var(--s4)}
  .js .front{right:auto}
  .front .lede{max-width:28ch}
  .acts{gap:var(--s2)}
  .btn{white-space:normal;text-align:center;padding-block:var(--s1)}
  .prose,.d4{overflow-wrap:anywhere}
  .ctrl{top:calc(var(--s3) + 60px);bottom:auto}
  .band .wrap{flex-wrap:wrap;padding-block:var(--s2);gap:var(--s2)}
  .band .wrap span{flex:1 1 60%}
  .grid,.head,.zoom-body,.start-body,.dec-top,.dec-body,.invite,.adam,.future,.ways,.end-top,.rail-wrap,.portrait-top,.film-meta,.chapters,.room{display:block}
  .head>*+*,.zoom-body>*+*,.start-body>*+*,.invite>*+*,.adam>*+*,.future>*+*,.end-top>*+*,.portrait-top>*+*{margin-top:var(--s4)}
  .head{margin-bottom:var(--s4)}
  .nest{max-width:360px;margin-top:var(--s4)}
  .three{grid-template-columns:1fr;border-top:0}
  .three>div{border-top:1px solid var(--rule-paper-strong);padding-block:var(--s3)}
  .day{grid-template-columns:1fr}
  .cards{grid-template-columns:1fr}
  .card{min-height:0}
  .pillars{grid-template-columns:1fr}
  .pair{grid-template-columns:1fr;gap:var(--s5)}
  .chapters ol{columns:1;margin-top:var(--s3)}
  .film-meta .go{margin-top:var(--s2)}
  .inst-plot{grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-auto-rows:auto}
  .lane-name{grid-column:1/-1;grid-row-end:span 1!important;padding:var(--s3) 0 var(--s1);border-top:1px solid var(--rule-paper)}
  .inst [data-lane="0"]{grid-row:2!important}.inst [data-lane="1"]{grid-row:4!important}.inst [data-lane="2"]{grid-row:6!important}
  .k-conflict span{bottom:auto;top:4px;left:4px;background:var(--white);padding:0 4px}
  .lane-line{display:none}
  .mk{padding:8px 10px}
  .k-note{padding-left:20px}
  .inst-axis{grid-template-columns:1fr}
  .inst-axis span:first-child{display:none}
  .k-bound span{white-space:normal;max-width:180px}
  .inst-steps{grid-template-columns:1fr}
  .js .dec-stops{position:sticky;top:var(--bar-h);z-index:5;background:var(--white);margin-top:var(--s3)}
  .dec-stops button{padding-right:var(--s1);flex-direction:column;gap:2px;line-height:1.3}
  .room .frame{margin-top:var(--s3)}
  .adam .frame,.portrait-top .frame{max-width:420px}
  .future .mark{max-width:200px;margin-inline:auto}
  .ways>div{margin-top:var(--s4)}
  .end-nav{margin-top:var(--s5)}
  .rail{position:sticky;top:var(--bar-h);z-index:5;background:var(--white);margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter)}
  .rail details summary{min-height:var(--hit);display:flex;align-items:center;justify-content:space-between;font-weight:var(--wt-strong);list-style:none;border-bottom:1px solid var(--rule-paper-strong)}
  .rail ol{border-top:0}
  .reading{margin-top:var(--s4)}
  .pager{grid-template-columns:1fr}
  .pager .nx{text-align:left;align-items:flex-start}
  .tx-body{columns:1}
  .idx{grid-template-columns:1fr}
  .chapter-photo{min-height:78svh}
  .quote blockquote p::before{margin-left:0}
}
@media (min-width:900px){.rail-phone{display:none}}
@media (max-width:899px){.rail-desk{display:none}}
@media (max-width:339px){.acts .btn{flex-basis:100%;justify-content:center}}
@media (max-width:899px) and (max-height:700px){.front{padding-top:200px}.front .lede{font-size:15px;margin-top:var(--s2)}.acts{margin-top:var(--s3)}}


@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}
  .l-film video{visibility:hidden}
  .js .zoomout .cam-in,.js .zoomout .tagline{transform:none!important;opacity:1!important;animation:none!important}.js .zoomout .mask{transform:scaleX(0)!important;animation:none!important}
}
.no-motion .l-film video{visibility:hidden}
.menu:not([open]) .sheet{display:none}
h1,h2,h3,.end-ask a,.facts li{overflow-wrap:break-word}


.gap2{margin-top:var(--s2)}.gap3{margin-top:var(--s3)}.gap4{margin-top:var(--s4)}.gap-b3{margin-bottom:var(--s3)}
.strong{font-weight:var(--wt-strong)}
.measure-d2{max-width:16em}
.d4.measure-d2{max-width:40ch}
.theatre-h1{margin-bottom:var(--s4)}
.sec-tight-bottom{padding-bottom:0}
.invite-main{grid-column:1/span 7}
.zoom-qs{grid-column:1/span 7}
.ways-head{grid-column:1/span 4}
.chapters-page{margin-top:0}
.onward{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3);border-top:1px solid var(--rule-paper-strong)}
.onward-tile{display:flex;flex-direction:column;gap:var(--s1);padding:var(--s3) 0;text-decoration:none;min-height:var(--hit)}
.onward-tile .k{font-size:var(--t-label);color:var(--c-ink-soft);font-variant-numeric:tabular-nums}
.onward-tile b{font-size:var(--d4);font-weight:var(--wt-strong);line-height:1.25}
.onward-tile .ic{margin-top:auto;width:20px;height:20px;color:var(--cobalt)}
.onward-tile:hover b{text-decoration:underline}
@media (max-width:899px){.onward{grid-template-columns:1fr}.onward-tile{border-bottom:1px solid var(--rule-paper)}}
.who{font-size:var(--d4);line-height:var(--d4-lead);font-weight:500;color:var(--white);margin-bottom:var(--s3);max-width:30ch;text-wrap:balance}
.end-runs{max-width:72ch;margin-top:var(--s6);font-size:var(--t-small);color:var(--sky)}
.end-runs+.end-legal{margin-top:var(--s3)}

@media (max-width:899px){
  .bar,.mast{gap:var(--s2)}
  .bar .lockup,.mast .lockup{height:24px}
  .bar-go{margin-right:0}
  .menu>summary{gap:0;justify-content:center}
  .menu>summary .m-open,.menu>summary .m-close{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .menu>summary .ic{width:24px;height:24px}
  .menu[open]>summary .ic{display:none}
  .menu[open]>summary .m-close{position:static;width:auto;height:auto;clip:auto}
}
@media (max-width:379px){.bar .lockup,.mast .lockup{height:21px}.bar-go{padding:0 12px}}
.sheet{padding-top:0}.sheet-top{height:var(--bar-h)}


.qlist{margin-top:var(--s3);border-top:1px solid var(--navy)}
.qlist li{padding:var(--s2) 0;border-bottom:1px solid var(--rule-paper);text-wrap:pretty}
.sec.on-paper+.sec.on-paper,.sec.on-field+.sec.on-field{padding-top:0}
.sec.on-paper+.sec.on-paper>.wrap>.pair,.sec.on-field+.sec.on-field>.wrap>.pair{border-top:1px solid var(--rule-paper);padding-top:var(--s5)}
@media (min-width:900px){.pair .d3{position:sticky;top:calc(var(--bar-h) + var(--s5));align-self:start}}
@media (max-width:899px){.l-company{display:none}}




.mast{background:var(--shade-film-head-deep)}
@media (max-width:899px){.l-film::before{content:'';position:absolute;inset:0 0 auto;height:140px;z-index:1;background:var(--shade-film-head-deep)}}

@media (max-width:899px){
  :root{--t-label:14px;--t-small:16px;--t-figure:14px}
  .front .lede,.byline{font-size:16px}
  .chapters li>*,.film-cap,.note,.credit,.room figcaption,.end-legal,.end-runs{font-size:14px}
  .film-cap,.note,.end-runs{font-size:16px}
}
@media (max-width:899px) and (max-height:700px){.front .lede{font-size:16px}}
.hero .front .btn:not(.btn-solid){background:color-mix(in srgb,var(--navy) 60%,transparent)}
.sub{font-size:var(--t-body);font-weight:var(--wt-strong);margin:var(--s4) 0 var(--s1);break-after:avoid}
.sub:first-child{margin-top:0}
.tx-body{font-size:var(--t-body)}
.decision .dec-link{color:var(--white);margin-top:var(--s4)}


.cue{position:absolute;z-index:6;left:50%;bottom:var(--s3);transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;width:var(--control);height:var(--control);color:var(--white);opacity:.85}
.cue:hover{opacity:1}
.cue .ic{width:22px;height:22px}
.hero.has-band .cue{bottom:var(--s3)}
@media (min-width:900px){.js:not(.no-motion) .hero.has-band .cue{bottom:calc(var(--band-h) + var(--s3))}
  .js:not(.no-motion) .cue{opacity:clamp(0,calc(.85 - var(--p) * 6),.85)}
  .js:not(.no-motion) .hero.is-out .cue{visibility:hidden}}
@media (prefers-reduced-motion:no-preference){.js:not(.no-motion) .cue .ic{animation:cue-hint 2.4s var(--ease) infinite}}
@keyframes cue-hint{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(5px)}}
@media (max-width:899px){.cue{bottom:4px}}


@media (min-width:600px) and (max-width:899px){
  .stage{display:block;height:calc(100svh - var(--band-h));min-height:520px;background:var(--g-field)}
  .hero:not(.has-band) .stage{height:100svh}
  .l-company{display:block}
  .l-film{bottom:0;height:auto;background:var(--navy) var(--poster) var(--hx) 30%/var(--hero-film-w) auto no-repeat}
  .l-film video{left:var(--hx);width:var(--hero-film-w);height:100%;object-position:50% 30%}
  .l-film::before{display:none}
  .l-film::after{background:var(--shade-film-side),var(--shade-film-foot)}
  .front{position:absolute;left:var(--edge);right:var(--edge);bottom:var(--s4);padding:0!important}
  .front h1{font-size:var(--d1-hero)}
  .front .who{max-width:26ch}
  .ctrl{top:auto;bottom:var(--s4)}
}

:root{--review-radius:0;--review-section:clamp(64px,7vw,112px)}
.sec{padding-block:var(--review-section)}


.section-intro{max-width:1060px;margin-bottom:36px}
.section-intro h2{margin-top:16px;max-width:19ch;font-size:clamp(36px,4.1vw,68px);line-height:1.04}
.section-intro>.d4{max-width:45ch;margin-top:24px}
.choice-controls{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:36px}
.choice{appearance:none;background:transparent;border:1px solid var(--navy);border-radius:0;min-height:48px;padding:13px 20px;font:inherit;font-size:17px;line-height:1.35;font-weight:600;color:var(--navy);cursor:pointer;text-align:left;transition:background .15s,color .15s}
.choice:hover{background:var(--sky)}
.choice[aria-pressed=true]{background:var(--navy);color:var(--white)}
.choice:focus-visible{outline:3px solid var(--cobalt);outline-offset:5px}
.on-ink .choice{border-color:var(--sky);color:var(--white)}
.on-ink .choice:hover,.on-ink .choice[aria-pressed=true]{background:var(--sky);color:var(--navy)}
.on-ink .choice:focus-visible{outline-color:var(--sunflower)}
.work-picture{display:grid;grid-template-columns:1fr 1fr;gap:32px 56px;align-items:start}
.ai-work,.people-work{min-width:0}
.ai-work>.lab,.people-work>.lab{padding-block:16px;border-top:2px solid var(--navy);display:block}
.ai-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-top:15px}
.ai-pair img{width:clamp(100px,11vw,160px);height:auto;margin:0 auto 20px}
.ai-pair p{font-size:clamp(18px,1.5vw,22px);line-height:1.4;max-width:22ch}
.people-art{width:100%;max-width:420px;height:auto;display:block;margin:0 auto}
.people-tasks{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:18px;font-size:clamp(18px,1.5vw,22px);line-height:1.4}
.work-result{grid-column:1/-1;border-top:1px solid var(--navy);padding-top:24px;display:grid;grid-template-columns:1fr 2fr;gap:32px}
.work-result .lab{max-width:22ch}
.work-result p{max-width:32ch;font-weight:650}
.illustration-note{font-size:13px;line-height:1.5;margin-top:28px;color:var(--c-ink-soft)}
.on-ink .illustration-note{color:var(--sky)}
.buyer-layout{display:grid;grid-template-columns:1fr 1.55fr;gap:80px;align-items:start}
.buyer-request{padding-top:18px;border-top:2px solid var(--sky)}
.buyer-request>.d3{margin-top:20px;max-width:17ch}
.buyer-request img{margin-top:24px;width:140px;height:auto}
.buyer-company .choice-controls{margin-bottom:18px}
.evidence-row{padding:20px 0;border-top:1px solid var(--rule-dark);display:grid;grid-template-columns:1fr 1.8fr;gap:28px;line-height:1.5}
.evidence-row span{font-size:15px;color:var(--sky)}
.evidence-row strong{font-size:19px;font-weight:500}
.buyer-value{margin-top:24px;color:var(--sky);font-size:21px;line-height:1.4;max-width:36ch}
.order-route{display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr;gap:16px;align-items:start;padding-top:12px}
.route-stop{display:grid;grid-template-rows:160px auto 1fr;gap:18px;min-width:0}
.route-stop img{height:145px;width:100%;max-width:230px;object-fit:contain;justify-self:center}
.route-stop>.lab{border-top:2px solid var(--navy);padding-top:18px;line-height:1.5;font-size:13px;letter-spacing:.04em}
.route-stop>p{font-size:19px;line-height:1.5}
.route-arrow{font-size:36px;align-self:start;padding-top:65px;color:var(--cobalt)}
.route-value{font-weight:650;margin-top:32px;max-width:40ch}
.more-work{margin-top:30px;border-top:1px solid var(--rule-paper);padding-top:18px;max-width:750px;font-size:18px;line-height:1.6}
.more-work summary{cursor:pointer;font-weight:650;min-height:44px}
.more-work p{margin:18px 0}
.more-work a{color:var(--cobalt)}
.review-film{padding-top:70px}
.review-film h2{margin-bottom:28px}
.review-film .film-meta{align-items:start}
.review-film .film-cap{font-size:clamp(20px,2vw,28px);line-height:1.4;max-width:40ch;color:var(--navy)}
.review-film .film-meta a{flex-shrink:0}
.review-film .more-work{max-width:none}
.review-portrait .lockup{padding:20px;box-sizing:content-box}
.review-asset-row{display:flex;gap:28px;align-items:center;margin-bottom:30px;border-top:1px solid var(--rule-paper);padding-top:24px}
.review-asset-row img{width:90px;height:90px;object-fit:contain}
.review-asset-row p{font-size:17px;line-height:1.5;max-width:44ch}

@media(min-width:900px){.mast .lockup{margin:22px}.mast{padding-top:0}.bar .lockup{margin-inline:22px}.bar{gap:20px}}
@media(max-width:899px){.section-intro h2{max-width:20ch}.work-picture{gap:28px}.buyer-layout{gap:36px;grid-template-columns:1fr 1.45fr}.choice-controls{gap:10px}.choice{font-size:16px;padding:12px 16px}.route-stop p{font-size:17px}.order-route{grid-template-columns:1fr 24px 1fr 24px 1fr;gap:10px}.route-arrow{font-size:25px}.work-result{grid-template-columns:1fr;gap:15px}.work-result .lab{max-width:none}.mast .lockup,.bar .lockup{margin-inline:18px}}
@media(max-width:620px){.section-intro{margin-bottom:28px}.section-intro>.d4{font-size:21px;line-height:1.4}.work-picture{grid-template-columns:1fr;gap:32px}.ai-pair{gap:22px}.ai-pair img{width:116px}.ai-pair p,.people-tasks{font-size:18px}.people-art{max-width:350px}.people-tasks{gap:22px}.work-result p{font-size:28px}.buyer-layout{grid-template-columns:1fr;gap:28px}.buyer-request{display:grid;grid-template-columns:1fr 95px;align-items:start;gap:18px}.buyer-request>.lab{grid-column:1/-1}.buyer-request>.d3{margin:0;font-size:29px}.buyer-request img{width:95px;margin:0}.evidence-row{grid-template-columns:1fr;gap:8px;padding:18px 0}.evidence-row strong{font-size:19px}.order-route{grid-template-columns:1fr;gap:20px}.route-stop{grid-template-columns:105px 1fr;grid-template-rows:auto auto;gap:12px 20px}.route-stop img{grid-row:1/3;width:105px;height:105px}.route-stop>.lab{padding-top:10px;font-size:12px;letter-spacing:.03em}.route-stop>p{grid-column:2;font-size:17px;line-height:1.4}.route-arrow{display:none}.route-value{font-size:28px}.review-film .film-meta{display:block}.review-film .film-meta a{margin-top:22px;display:inline-block}.review-asset-row{gap:20px}.review-asset-row img{width:75px;height:75px}.mast .lockup,.bar .lockup{margin-inline:0}.hero .front .who{color:var(--white);max-width:26ch}.review-film .film-cap{font-size:21px}}
@media(prefers-reduced-motion:reduce){.choice{transition:none}}
.end-ask a{overflow-wrap:anywhere}
@media(max-width:379px){.bar,.mast{gap:8px}.bar .lockup,.mast .lockup{height:18px}.bar-go{padding-inline:10px;font-size:13px}.end-ask a{font-size:26px}.front .acts{gap:12px}.mast{padding-inline:16px}}

.work-picture{--work-art-height:clamp(165px,16vw,220px)}
.ai-pair{padding-top:15px}
.ai-pair>div{display:grid;grid-template-rows:var(--work-art-height) auto;gap:20px;align-content:start}
.ai-pair img{width:150px;height:var(--work-art-height);max-width:100%;object-fit:contain;margin:0 auto}
.ai-pair p{margin:0;align-self:start}
.people-art{height:var(--work-art-height);width:100%;max-width:100%;object-fit:contain;margin:15px 0 0}
.people-tasks{margin-top:20px;align-items:start}
.people-tasks p{margin:0;align-self:start}
.route-person img{max-width:100%;object-fit:contain}
.buyer-human-scene{margin:36px 0 0;max-width:560px}
.buyer-human-scene img{display:block;width:100%;height:auto}
.review-asset-row{display:grid;grid-template-columns:90px 1fr 320px;gap:28px;align-items:center;padding-block:28px;margin-bottom:0}
.review-asset-row .example-human-scene{width:320px;height:180px;object-fit:contain}
.example-role.human-preview{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.learning-scene{padding-top:50px;margin-bottom:0}
.learning-scene img{width:100%;max-width:900px;height:auto;display:block}
@media(max-width:899px){.review-asset-row{grid-template-columns:75px 1fr}.review-asset-row .example-human-scene{grid-column:1/-1;width:100%;max-width:540px;height:auto;justify-self:center}}
@media(max-width:620px){.work-picture{--work-art-height:190px}.ai-pair img{width:125px}.people-art{height:auto;aspect-ratio:16/9;object-fit:contain;margin-top:15px}.ai-pair>div{gap:18px}.people-tasks{gap:22px}.route-person img{height:auto;align-self:start;max-width:105px}.buyer-human-scene{margin-top:28px}.review-asset-row{gap:20px}.learning-scene{padding-top:30px}}

:root{--review-section:clamp(32px,3.8vw,56px);--section:var(--review-section)}
.page-top{padding-block:clamp(32px,3.8vw,56px) 36px}
.page-top h1{font-size:clamp(34px,4vw,60px);line-height:1.08;max-width:24ch}
.page-top .d4{margin-top:22px;font-size:clamp(20px,2vw,27px);max-width:44ch}
.page-top .note{margin-top:20px}
.pair .d3{position:static}
.pair{gap:28px 52px}
.sec.on-paper+.sec.on-paper,.sec.on-field+.sec.on-field,.sec.on-ink+.sec.on-ink{padding-top:0}
.section-intro{margin-bottom:26px}
.section-intro h2{font-size:clamp(32px,3.5vw,52px)}
.section-intro>.d4{margin-top:18px}
.review-film{padding-top:40px}
.choice-controls{margin-bottom:24px}
.ending{padding-top:40px;padding-bottom:32px}
.zoomout{margin-top:28px;padding-top:48px}
.zoomout .tagline{font-size:clamp(36px,5vw,72px);margin-top:32px}
.chapter-photo{min-height:0;height:clamp(240px,32vw,440px)}
.review-asset-row{grid-template-columns:72px 1fr;gap:20px;padding-block:20px}
.review-asset-row img{width:72px;height:72px}
.compact-future h1,.compact-about h1{font-size:clamp(34px,3.4vw,50px);line-height:1.12;font-weight:700;letter-spacing:-.035em;max-width:25ch}
.compact-intro{font-size:clamp(20px,1.8vw,25px);line-height:1.5;max-width:50ch;margin-top:20px}
.compact-columns{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.compact-future h2,.compact-about h2{font-size:clamp(25px,2.2vw,33px);line-height:1.2;letter-spacing:-.025em;max-width:24ch}
.compact-future article>p,.compact-story p{font-size:18px;line-height:1.65;max-width:60ch;margin-top:16px}
.compact-future .go,.compact-about .go{margin-top:20px;display:inline-flex}
.about-intro{display:grid;grid-template-columns:240px 1fr;gap:56px;align-items:center}
.about-photo img{width:100%;height:300px;object-fit:cover;display:block}
.about-role{margin-top:10px;font-size:15px;color:var(--c-ink-soft)}
.compact-about blockquote{margin:22px 0 0;padding:0;border:0;max-width:48ch;font-size:21px;line-height:1.5}
.compact-story{display:grid;grid-template-columns:1fr 1.5fr;gap:48px}
.compact-story p:first-child{margin-top:0}
@media(max-width:620px){.compact-columns,.compact-story,.about-intro{grid-template-columns:1fr;gap:24px}.about-photo{max-width:190px}.about-photo img{height:236px}.compact-intro{font-size:20px}.compact-about blockquote{font-size:19px}.compact-future article>p,.compact-story p{font-size:17px}.zoomout{padding-top:32px}.compact-columns{gap:30px}.review-asset-row{grid-template-columns:60px 1fr}.review-asset-row img{width:60px;height:60px}}

.end-ask a{font-size:clamp(18px,1.7vw,24px);line-height:1.4;letter-spacing:0}
.cards .card{display:grid;grid-template-columns:minmax(0,1fr) 76px;align-content:start;gap:14px 20px;min-height:0;padding:28px}
.cards .card>.lab{grid-column:1;grid-row:1;align-self:center;line-height:1.6;max-width:36ch}
.cards .card .example-role{grid-column:2;grid-row:1/3;width:76px;height:76px;margin:0;object-fit:contain}
.cards .card>.name{grid-column:1;grid-row:2;font-size:clamp(27px,2.5vw,36px);align-self:center}
.cards .card>p,.cards .card>.go{grid-column:1/-1;margin:0}
.cards .card>.h3{font-size:20px;line-height:1.4}
.cards .card>.small{font-size:16px;line-height:1.5}
.cards .card>.go{margin-top:4px}
.future-wordmark{width:300px;height:auto;max-width:85%;display:block;margin-bottom:24px}
.compact-film h2,.compact-experience h2{font-size:clamp(25px,2.3vw,34px);line-height:1.2;letter-spacing:-.025em;max-width:25ch}
.compact-film p,.compact-experience p{font-size:18px;line-height:1.65;margin-top:16px;max-width:60ch}
.compact-film .film-chapters{margin-top:0;padding-top:0;border-top:0}
.film-idea{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
.thought-route{border-left:2px solid var(--cobalt);padding-left:24px}
.thought-route p{display:flex;gap:20px;padding-block:15px;border-bottom:1px solid var(--rule-paper);margin-top:0;font-size:21px}
.thought-route span{color:var(--cobalt);font-size:14px;padding-top:5px}
.film-work-art img{width:100%;height:auto;display:block}
.learning-factors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.learning-factors img{width:88px;height:88px;object-fit:contain;margin-bottom:16px}
.learning-factors h3{font-size:19px}
.learning-factors p{font-size:16px;margin-top:10px}
.film-next{display:flex;flex-wrap:wrap;gap:20px 40px}
.experience-questions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.experience-questions article{border-top:2px solid var(--cobalt);padding-top:18px}
.compact-experience .btn{margin-top:22px}
@media(max-width:700px){.film-idea,.experience-questions{grid-template-columns:1fr;gap:28px}.cards .card{padding:22px;grid-template-columns:minmax(0,1fr) 60px;gap:12px}.cards .card .example-role{width:60px;height:60px}.cards .card>.lab{font-size:11px;letter-spacing:.025em}.learning-factors{gap:14px}.learning-factors img{width:64px;height:64px}.learning-factors h3{font-size:16px}.learning-factors p{font-size:14px}.compact-film p,.compact-experience p{font-size:17px}.future-wordmark{width:240px}}

.illustrated-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:center}
.illustrated-intro .d4,.illustrated-intro .compact-intro{font-size:clamp(20px,1.7vw,25px)}
.illustrated-intro h1{font-size:clamp(34px,3.5vw,53px)}
.intro-ai-team{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 16px;align-items:center;justify-items:center}
.intro-ai-team img{width:100%;max-width:135px;height:135px;object-fit:contain}
.intro-workshop{margin:0}
.intro-workshop img{width:100%;height:auto;display:block}
@media(max-width:899px){.illustrated-intro{grid-template-columns:1fr;gap:26px}.intro-ai-team{max-width:480px;justify-self:center;width:100%}.intro-ai-team img{height:110px}.intro-workshop{max-width:600px;justify-self:center}}
@media(max-width:400px){.intro-ai-team{gap:14px 10px}.intro-ai-team img{height:85px}}
.film-chapters .chapters ol{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;margin-top:18px}
.film-chapters .chapters button,.film-chapters .chapters a{text-decoration:none;background:none;border:0;border-top:1px solid var(--rule-paper);width:100%;text-align:left;cursor:pointer;color:var(--navy);font:inherit;display:grid;grid-template-columns:48px 1fr;gap:8px 14px;padding:18px 0;line-height:1.5}
.film-chapters .chapters .t{color:var(--cobalt);font-weight:650}.film-chapters .chapters .tx{grid-column:2;font-size:15px;color:var(--c-ink-soft)}
.film-chapters button:focus-visible,.film-chapters a:focus-visible{outline:2px solid var(--cobalt);outline-offset:4px}
@media(max-width:620px){.film-chapters .chapters ol{grid-template-columns:1fr}}
.film-chapters .chapters{display:block;margin-top:20px}
.film-chapters .chapters ol{columns:auto;padding:0}
.film-chapters .chapters li{border-top:0;list-style:none}
.film-chapters .chapters button::before,.film-chapters .chapters a::before{content:none}
.film-chapters .chapters .n{grid-column:2}


.strip .wrap,.band .wrap{justify-content:flex-start;column-gap:var(--s4)}
.strip .btn{min-height:40px}
@media (max-width:620px){.strip .wrap{flex-wrap:wrap;row-gap:var(--s1);padding-block:12px}}

.example-role{width:115px;height:115px;object-fit:contain;display:block;margin:25px 0}

.buyer-human-scene{background:var(--white);padding:20px}

@media (max-width:899px){.route-stop .lab,.cards .card>.lab{font-size:13px}}

@media (max-width:899px){.inst .k-note{min-width:0;font-size:13px;line-height:1.3;padding-left:18px}.inst .k-note::before{width:12px;height:12px}}

.uf783953{--poster:url(/assets/photo/hero-poster-1920.6ea6672ac9.jpg);--poster-phone:url(/assets/photo/hero-poster-phone-720.ea9a7db8a0.jpg)}.u782ac27{margin-top:var(--s3)}.u8614da2{--lanes:3}.u84f6990{grid-row:1/span 2}.uf096668{grid-row:1}.u381f80d{grid-row:3/span 2}.ufdc12fc{grid-row:3}.uf478f68{grid-row:5/span 2}.u43acfb8{grid-row:5}.u6575235{grid-column:3/10;grid-row:1/span 2}.u62616f7{grid-column:19/25;grid-row:1/span 2}.u262be56{grid-column:3/10;grid-row:3/span 2}.u35dee23{grid-column:3/18;grid-row:3/span 2}.u76c7975{grid-column:10/18;grid-row:1/span 4}.u3e9231c{grid-column:19/25;grid-row:5/span 2}.u0e42430{grid-column:3;grid-row:1/-1}.u26428a3{grid-column:4/16;grid-row:5/span 2}.u006d8a5{padding-top:var(--s4)}.u4260ebe{padding-top:0}.ue48720e{grid-column:3/17;grid-row:1/span 2}.u9ca2c9d{grid-column:11/23;grid-row:3/span 2}.u7efc869{grid-column:11/17;grid-row:1/span 4}.u341f7ea{grid-column:11;grid-row:1/-1}.ub0348d1{grid-column:12/24;grid-row:5/span 2}.u9b79530{grid-column:3/13;grid-row:1/span 2}.ue7af31b{grid-column:9/16;grid-row:3/span 2}.u2e4faed{grid-column:17/25;grid-row:3/span 2}.ucc37040{grid-column:9/13;grid-row:1/span 4}.u8390922{grid-column:2/8;grid-row:5/span 2}.u3a2a37c{grid-column:9;grid-row:1/-1}.ubad60ef{grid-column:16/24;grid-row:1/span 2}.u1245f7a{grid-column:10/21;grid-row:5/span 2}.uf79e1ec{grid-column:3/12;grid-row:3/span 2}.u6588260{grid-column:13/21;grid-row:3/span 2}.u5aae18a{grid-column:13/17;grid-row:1/span 4}.uf1e76e6{grid-column:13;grid-row:1/-1}.u938a1d3{grid-column:14/25;grid-row:5/span 2}.ud09236d{grid-column:1/span 8}.u8034974{font-weight:var(--wt-strong)}