:root{color-scheme:dark;--night:#05060f;--studio:var(--night);--ink:#ece9f3;--mute:#a3a5c2;--dim:#6a6d92;--lilac:#c7a6f0;--sun:#f6d36b;--panel:#e9e6ef;--soft:#cbc8da;--accent:var(--lilac);--col:clamp(16px,2vw,32px);--gap:clamp(120px,20vh,220px)}body{font-weight:300;line-height:1.6}h1,h2,h3,figure,blockquote{margin:0}:focus-visible{outline:1.5px solid var(--lilac);outline-offset:4px}.kick{font-weight:400;color:var(--lilac)}.g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col)}main{position:relative;z-index:1}[data-tint=solution] .kick,[data-tint=solution] .num,[data-tint=gold] .kick{color:var(--sun)}.kick.prob{color:var(--lilac)!important}#haze{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.grain{position:fixed;inset:-50%;z-index:2;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.motion .grain{animation:grain 1.1s steps(6) infinite}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,3%)}80%{transform:translate(3%,-1%)}to{transform:translate(0)}}.h2{font-size:clamp(36px,4.4vw,64px);line-height:1.04;margin-top:16px}.lead{color:var(--mute);max-width:40ch}.fcap{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-top:18px}.head{align-items:end;margin-bottom:clamp(48px,8vh,88px)}.head>div:first-child{grid-column:1 / span 7}.head>p{grid-column:9 / -1}.sec{padding-top:var(--gap)}.ph{position:relative;overflow:hidden;background:#ffffff08}.ph img,.ph video{width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.7,.1,1)}.ph:hover img{transform:scale(1.02)}.motion .rise{opacity:0;transform:translateY(24px);transition:opacity 1.1s cubic-bezier(.2,.7,.1,1),transform 1.1s cubic-bezier(.2,.7,.1,1)}.motion .rise.in{opacity:1;transform:none}.open{height:auto;overflow:visible;min-height:100vh;min-height:100svh;display:grid;align-items:center;padding-block:calc(64px + 4vh) 72px}.open .inner{display:flex;align-items:center;justify-content:center;gap:clamp(120px,13vw,220px);width:100%}.open .txt{flex:0 1 500px;display:grid;gap:28px}.motion .open .txt>*{animation:in 1.2s cubic-bezier(.2,.7,.1,1) both}.motion .open .txt>:nth-child(2){animation-delay:.12s}.motion .open .txt>:nth-child(3){animation-delay:.24s}.motion .open .txt>:nth-child(4){animation-delay:.36s}@keyframes in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.open h1{font-size:clamp(60px,7.4vw,120px);line-height:.92;letter-spacing:-.035em}.open .lede{font-size:18px;line-height:1.55;color:var(--soft);max-width:36ch}.facts{margin:0;display:grid;gap:14px;padding-top:8px}.facts div{display:grid;grid-template-columns:104px minmax(0,1fr);gap:16px;align-items:baseline}.facts dt{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.facts dd{margin:0;font-size:14px;line-height:1.5;color:var(--ink)}.reelbox{flex:0 0 auto;height:min(76vh,780px);aspect-ratio:9/16;position:relative}.motion .reelbox{animation:in 1.6s .2s cubic-bezier(.2,.7,.1,1) both}.reelbox video,.reelbox img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.open .cue{left:50%;transform:translate(-50%);bottom:calc(22px + env(safe-area-inset-bottom,0px));color:var(--mute)}.line{position:relative;height:100vh;height:100svh;display:grid;align-items:center}.line p{grid-column:2 / span 10;font-size:clamp(32px,min(4.4vw,7.4vh),68px);line-height:1.14;letter-spacing:-.02em}.line .l{opacity:var(--o,.16)}.line .l.b{color:var(--sun)}.scene{min-height:100vh;min-height:100svh;display:grid;align-items:center;padding-block:10vh}.scene .g{align-items:center}.scene .t{grid-column:1 / span 6}.scene .fig{grid-column:8 / span 4;display:flex;flex-direction:column;align-items:center;justify-content:center;height:min(68vh,640px)}.scene.flip .t{grid-column:7 / -1;grid-row:1}.scene.flip .fig{grid-column:2 / span 4;grid-row:1}.scene .fig img{max-width:100%;max-height:calc(100% - 28px);width:auto;height:auto;object-fit:contain;filter:grayscale(1) contrast(1.04)}.num{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--lilac)}.scene h2{font-size:clamp(34px,4vw,60px);line-height:1.06;letter-spacing:-.025em;margin:18px 0 22px;max-width:16ch}.scene p.sub{color:var(--mute);max-width:40ch;font-size:17px}.evsec{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-block:12vh;margin-top:clamp(40px,8vh,96px)}.evsec .head{margin-bottom:clamp(40px,7vh,72px)}.evstrip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--col)}.evstrip .ph{aspect-ratio:4/3;background:#fff}.evstrip .ph img{object-fit:contain;object-position:center top;padding:5% 5% 0}.evstrip .ph:hover img{transform:none}.evstrip .n{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--dim);margin-top:18px}.evstrip h3{font-size:18px;line-height:1.3;font-weight:400;margin-top:6px}.concept{text-align:center;display:grid;justify-items:center}.concept blockquote{font-size:clamp(38px,5.4vw,84px);line-height:1.04;letter-spacing:-.03em;max-width:15ch;margin-top:22px}.concept blockquote em{font-style:normal;color:var(--sun)}.concept .fig{height:min(56vh,520px);margin:clamp(56px,9vh,96px) 0}.concept .fig{display:flex;flex-direction:column;align-items:center}.concept .fig img{height:calc(100% - 28px);width:auto;filter:grayscale(1)}.fig .credit{margin-top:12px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;opacity:.5}.concept .note{display:grid;gap:36px;width:min(100%,760px);text-align:left}.concept .note>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:28px;align-items:baseline}.concept .note p:not(.kick){color:var(--soft);font-size:17px;line-height:1.65}.final{position:relative;height:100vh;height:100svh;margin-top:var(--gap);display:grid;place-content:center;justify-items:center;text-align:center;padding-inline:var(--gut);isolation:isolate}.final:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:var(--glow,0);background:radial-gradient(ellipse 44% 40% at 50% 48%,#ffd65c85,#ffc43c33 42%,#ffbe320d 64%,#ffbe3200 78%);mix-blend-mode:screen}.final .rw{font-size:clamp(84px,14vw,240px);line-height:.9;letter-spacing:-.04em;margin:26px 0 34px;white-space:nowrap}.final .rw span{display:inline-block;opacity:var(--o,0);transform:translate(calc((1 - var(--o,0)) * -.35em))}.final .sub{font-size:clamp(22px,2.4vw,36px);line-height:1.3;letter-spacing:-.015em;max-width:36ch;text-wrap:balance}.final .sub span{opacity:var(--o,0)}.final .sub span.b{color:var(--sun)}.look{grid-column:span 6;display:grid;gap:24px;align-content:start;min-width:0}.look .sk{aspect-ratio:1/1;background:var(--panel);display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:4%;padding:6% 8%}.look .sk img{width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;mix-blend-mode:multiply}.look .tag{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}.look .tag.sol{color:var(--sun)}.look h3{font-size:clamp(28px,2.8vw,42px);line-height:1.1}.look p{color:var(--soft);max-width:46ch}.proc,.build{margin-top:0}.build{grid-template-rows:minmax(0,1fr);padding-block:clamp(64px,10vh,104px) 32px}.track{margin-top:0}.frame{grid-template-rows:20px minmax(0,1fr) auto;gap:12px}.frame .tag{color:var(--lilac)}.frame .im{background:none}.frame .im.light{background:var(--panel)}.frame .im.light img{object-fit:contain}.frame .im.dark{background:#ffffff08}.frame .im.dark img{object-fit:contain}.frame .cap{gap:2px 14px;max-width:36ch}.frame .cap .s{color:var(--dim);padding-top:3px}.frame .cap b{font-weight:400}.stagegrid{row-gap:var(--col)}.stagegrid .vid{grid-column:1 / -1;aspect-ratio:1536/863}.stagegrid .half{grid-column:span 6;aspect-ratio:3/2}.stagegrid .third{grid-column:span 4;aspect-ratio:2/3}.stagegrid .wide{grid-column:1 / -1;aspect-ratio:1800/832}.result{min-height:100vh;min-height:100svh;display:grid;align-items:center;margin-top:var(--gap)}.result .g{align-items:center}.result .t{grid-column:1 / span 5}.result .big{font-size:clamp(64px,8vw,136px);line-height:.92;letter-spacing:-.04em;margin:20px 0 28px}.result .ph{grid-column:6 / -1;aspect-ratio:3/2}.filmscene{display:grid;justify-items:center;text-align:center;margin-bottom:var(--gap)}.player{height:min(80vh,820px);aspect-ratio:9/16;position:relative;background:#000}.player video{width:100%;height:100%;object-fit:cover}.player .play{position:absolute;inset:0;display:grid;place-items:center;background:#05060f4d;transition:opacity .4s}.player .play span{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:13px 20px;border:1px solid rgba(236,233,243,.7)}.player.playing .play{opacity:0;pointer-events:none}.book{row-gap:var(--col)}.book .full{grid-column:1 / -1;aspect-ratio:16/8}.book .half{grid-column:span 6;aspect-ratio:4/3}.book .third{grid-column:span 4;aspect-ratio:3/4}.book .halfp{grid-column:span 6;aspect-ratio:4/5}.exit{--exit-bg:#d9d5ce;--exit-ink:#1e1915;position:relative;z-index:1;background:#d9d5ce;color:#1e1915;padding:clamp(64px,11vh,130px) clamp(20px,5vw,80px)}.exit .next .kick{color:#6d6358}.exit .back{color:#4a443d}.exit .next p.sub{color:#6d6358}@media(max-width:900px){.head>div:first-child,.head>p,.scene .t,.scene .fig,.scene.flip .t,.scene.flip .fig,.look,.result .t,.result .ph{grid-column:1 / -1;grid-row:auto}.open .inner{flex-direction:column;align-items:flex-start}.open .txt{flex:none}.reelbox{height:auto;width:min(100%,360px)}.scene .fig{height:46vh;margin-top:32px}.evstrip{grid-template-columns:repeat(2,minmax(0,1fr))}.player{height:auto;width:min(100%,420px)}.head>p{margin-top:20px}.look{margin-bottom:56px}.stagegrid .half,.stagegrid .third,.book .half,.book .third,.book .halfp{grid-column:1 / -1}.result .ph{margin-top:28px}.concept .note>div{grid-template-columns:minmax(0,1fr);gap:10px}.final .rw{font-size:22vw}.line p{grid-column:1 / -1}}@media(max-width:720px),(prefers-reduced-motion:reduce){.line{height:auto;padding-block:120px}.line .l{--o:1!important}}@media(prefers-reduced-motion:reduce){.build{padding-bottom:32px}.track{padding-bottom:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}.final{height:auto;padding-block:16vh}.final{--glow:1}.final .rw span,.final .sub span{--o:1}}.strip-cue{--cue-fg:#05060f}