@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-cyrillic-ext-wght-normal.DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-cyrillic-wght-normal.BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-vietnamese-wght-normal.6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-latin-ext-wght-normal.DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-latin-wght-normal.BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-cyrillic-ext-wght-normal.X_5orZeX.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-cyrillic-wght-normal.DiZS0aHC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-symbols2-wght-normal.CO5SzqOn.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-vietnamese-wght-normal.DadHysG0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-latin-ext-wght-normal.Bwz-egvJ.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-latin-wght-normal.XN7g48iV.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#f3f3ef;--paper-2:#e9e9e4;--card:#fff;--ink:#111214;--ink-2:#33363b;--muted:#6a6e74;--faint:#9a9da2;--line:#dcdcd6;--line-2:#c9c9c2;--amber:#e8a838;--amber-ink:#8a5900;--amber-wash:#e8a83829;--amber-display:#b4740a;--stage:#0f1012;--stage-2:#191b1e;--stage-3:#24272b;--stage-line:#ffffff14;--stage-ink:#f2f2ee;--stage-muted:#9da1a7;--good:#1d7a52;--bad:#c2410c;--font:"Geist Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:"Geist Mono Variable", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--ease:cubic-bezier(.22, 1, .36, 1);--spring:cubic-bezier(.34, 1.56, .64, 1);--gutter:clamp(20px, 4vw, 48px);--maxw:1320px;--r:18px;--r-sm:10px;--header-h:68px;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#0e0f11;--paper-2:#16181b;--card:#17191c;--ink:#ededea;--ink-2:#c8cacd;--muted:#9a9ea4;--faint:#6f737a;--line:#26292d;--line-2:#34383d;--amber:#edb04f;--amber-ink:#f2bc64;--amber-wash:#edb04f24;--amber-display:#edb04f;--stage:#070809;--stage-2:#121417;--stage-3:#1c1f23;--good:#4bc28a;--bad:#f07c4c;color-scheme:dark}}:root[data-theme=dark]{--paper:#0e0f11;--paper-2:#16181b;--card:#17191c;--ink:#ededea;--ink-2:#c8cacd;--muted:#9a9ea4;--faint:#6f737a;--line:#26292d;--line-2:#34383d;--amber:#edb04f;--amber-ink:#f2bc64;--amber-wash:#edb04f24;--amber-display:#edb04f;--stage:#070809;--stage-2:#121417;--stage-3:#1c1f23;--good:#4bc28a;--bad:#f07c4c;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 16px);scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font);font-feature-settings:"ss01", "cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;font-size:18px;line-height:1.6}img,svg,video,canvas{max-width:100%;display:block}[hidden]{display:none!important}img{height:auto}a{color:inherit}p,h1,h2,h3,h4,figure,blockquote{margin:0}h1,h2,h3,h4{text-wrap:balance;letter-spacing:-.035em;font-weight:600;line-height:1.05}::selection{background:var(--amber);color:#111214}:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:6px}button{font:inherit;color:inherit}@view-transition{navigation:auto}.site-header{view-transition-name:site-header}::view-transition-group(site-header){z-index:2;animation:none}::view-transition-old(site-header){display:none}::view-transition-new(site-header){animation:none}::view-transition-old(root){animation:vt-out .38s var(--ease) both}::view-transition-new(root){animation:vt-in .6s var(--ease) both}html:active-view-transition-type(back)::view-transition-old(root){animation-name:vt-out-back}html:active-view-transition-type(back)::view-transition-new(root){animation-name:vt-in-back}@keyframes vt-out{to{opacity:0;translate:0 -36px}}@keyframes vt-in{0%{opacity:0;translate:0 56px}}@keyframes vt-out-back{to{opacity:0;translate:0 36px}}@keyframes vt-in-back{0%{opacity:0;translate:0 -48px}}.work-shot,.case-stage .shot{view-transition-class:media}::view-transition-group(.media){z-index:1;animation-duration:.62s;animation-timing-function:cubic-bezier(.22,1,.36,1)}html.theme-vt *{view-transition-name:none!important}html.theme-vt::view-transition-old(root),html.theme-vt::view-transition-new(root){mix-blend-mode:normal;animation:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@view-transition{navigation:none}}.wrap{max-width:var(--maxw);padding-inline:var(--gutter);margin-inline:auto}.label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:450}.muted{color:var(--muted)}.amber{color:var(--amber-ink)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:100;background:var(--ink);color:var(--paper);border-radius:10px;padding:10px 14px;text-decoration:none;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}.btn{--bg:transparent;--fg:var(--ink);--bd:var(--line-2);background:var(--bg);height:48px;color:var(--fg);border:1px solid var(--bd);transition:background .25s var(--ease), border-color .25s var(--ease), color .25s var(--ease);will-change:transform;cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:0 22px;font-size:15px;font-weight:550;text-decoration:none;display:inline-flex}.btn:hover{--bd:var(--ink)}.btn:active{scale:.97}.btn-ink{--bg:var(--ink);--fg:var(--paper);--bd:var(--ink)}.btn-ink:hover{--bg:#000}:root[data-theme=dark] .btn-ink:hover{--bg:#fff}.btn .arrow{transition:transform .3s var(--ease)}.btn:hover .arrow{transform:translate(2px,-2px)}.btn-ink .arrow.down,.btn:hover .arrow.down{transform:none}.btn:hover .arrow.down{transform:translateY(3px)}.site-header{top:env(safe-area-inset-top,0px);z-index:50;height:var(--header-h);background:color-mix(in srgb, var(--paper) 82%, transparent);-webkit-backdrop-filter:saturate(160%)blur(14px);transition:border-color .3s var(--ease), translate .45s var(--ease);border-bottom:1px solid #0000;position:sticky}.site-header.is-scrolled{border-bottom-color:var(--line)}.site-header.is-hidden:not(:focus-within){translate:0 -100%}.site-header .wrap{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;height:100%;display:grid}.brand{letter-spacing:-.01em;align-items:center;gap:12px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.brand .logo{width:auto;height:30px;transition:color .3s var(--ease), translate .5s var(--spring), rotate .5s var(--spring);flex:none}.brand:hover .logo{color:var(--amber-display);translate:0 -2px;rotate:-6deg}.nav{align-items:center;gap:4px;display:flex}.nav a:not(.btn){color:var(--ink-2);border-radius:999px;padding:8px 14px;font-size:15px;text-decoration:none;transition:background .2s,color .2s}.nav a:not(.btn):hover{background:var(--paper-2);color:var(--ink)}.nav a[aria-current=page]{color:var(--ink);background:var(--paper-2)}.nav .btn{height:38px;margin-left:6px;padding:0 16px;font-size:14px}.header-meta{justify-self:end;align-items:center;gap:14px;display:flex}.theme-toggle{border:1px solid var(--line-2);cursor:pointer;width:36px;height:36px;color:var(--ink);background:0 0;border-radius:50%;place-items:center;display:grid}.theme-toggle:hover{border-color:var(--ink)}.theme-toggle svg{width:16px;height:16px}@media (width<=760px){.brand .name-full{display:none}.nav a:not(.btn){padding:8px 10px}}.hero{isolation:isolate;padding-block:clamp(56px,11vh,120px) clamp(72px,12vh,140px);position:relative;overflow:hidden}.dot-field{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero-status{color:var(--muted);align-items:center;gap:10px;margin-bottom:clamp(28px,5vh,48px);display:inline-flex}.pulse{background:var(--good);width:8px;height:8px;box-shadow:0 0 0 0 color-mix(in srgb, var(--good) 50%, transparent);animation:pulse 2.4s var(--ease) infinite;border-radius:50%}@keyframes pulse{70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}.display{letter-spacing:-.06em;margin-left:-.04em;font-size:clamp(60px,11.2vw,176px);font-weight:640;line-height:.88}.display .line{white-space:nowrap;display:block}.display .keep{color:var(--amber-display)}.fail-word{cursor:default;display:inline-block}.fail-word .ch{transition:transform .9s var(--spring), color .4s var(--ease);transform-origin:50% 90%;display:inline-block}.fail-word.is-failing .ch{color:var(--faint);transition:transform .55s cubic-bezier(.5,0,.75,0),color .3s}.fail-word.is-toy:not(.is-broken){cursor:pointer}.fail-word.is-broken .ch{z-index:1;color:color-mix(in srgb, var(--ink) 26%, transparent);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform;position:relative}.fail-word.is-broken .ch.is-held{color:var(--amber-display);cursor:grabbing;z-index:3}.display .line+.line,.hero-intro{z-index:2;pointer-events:none;position:relative}.hero-intro p,.hero-intro a,.hero-intro button{pointer-events:auto}.fix-btn{z-index:4;background:var(--amber);color:#111214;cursor:pointer;opacity:0;height:46px;transition:opacity .25s var(--ease), scale .5s var(--spring);border:0;border-radius:999px;align-items:center;gap:8px;padding:0 20px;font-size:15px;font-weight:600;display:inline-flex;position:absolute;translate:0 -50%;scale:.6;box-shadow:0 14px 30px -14px #00000080}.fix-btn.is-on{opacity:1;scale:1}.fix-btn span{transition:rotate .5s var(--spring);display:inline-block}.fix-btn:hover span{rotate:-200deg}.line-in{display:inline-block}.intro .display .line{margin:-.04em -.06em -.16em;padding:.04em .06em .16em;overflow:clip}.intro .display .line-in{animation:1.05s cubic-bezier(.16,1,.3,1) both line-up}.intro .display .line+.line .line-in{animation-delay:.12s}.intro .hero-intro{animation:rise 1s var(--ease) .4s both}.intro .hero .dot-field{animation:1.6s .2s both fade}@keyframes line-up{0%{translate:0 108%;rotate:3deg}}@keyframes rise{0%{opacity:0;translate:0 18px}}@keyframes fade{0%{opacity:0}}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.hero>.wrap{animation:linear both hero-drift}html .hero>.wrap{animation-timeline:scroll(root);animation-range:0 85vh}html .hero.is-broken>.wrap{animation:none}@keyframes hero-drift{to{opacity:.2;translate:0 22vh}}}}.home-hero{min-height:calc(100svh - var(--header-h));align-content:center;justify-items:stretch;padding-block:clamp(40px,7vh,88px) clamp(120px,20vh,220px);display:grid}.home-hero>.wrap{width:100%}.hero-intro{justify-items:start;gap:28px;max-width:36rem;margin-top:clamp(32px,5vh,56px);display:grid}.hero-intro p{color:var(--ink-2);text-wrap:pretty;font-size:clamp(18px,1.5vw,21px);line-height:1.5}.hero-actions{flex-wrap:wrap;gap:10px;display:flex}.section{padding-block:clamp(72px,12vh,140px)}.section-head{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px 40px;margin-bottom:clamp(32px,5vh,56px);display:grid}.section-head h2{letter-spacing:-.05em;font-size:clamp(40px,5.6vw,84px);line-height:.95}.section-head .count{font-family:var(--mono);color:var(--muted);font-size:13px}.section-head p{color:var(--muted);grid-column:1/-1;max-width:46ch;font-size:16px}.rule{background:var(--line);border:0;height:1px;margin:0}.work-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(36px,5vw,64px) clamp(20px,2.4vw,32px);display:grid}.work-card{grid-column:span 6;min-width:0}.work-card.featured{grid-column:1/-1}.work-pair{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px clamp(20px,2.4vw,32px);display:grid}.work-pair .work-card{grid-area:span 5;grid-template-rows:subgrid;display:grid}.work-pair .work-link{grid-row:1/-1;grid-template-rows:subgrid;row-gap:14px}.work-pair .work-media{margin-bottom:8px}.work-pair .work-info{grid-row:2/-1;grid-template-rows:subgrid;row-gap:14px}.work-link{color:inherit;gap:22px;text-decoration:none;display:grid}.work-card.featured .work-link{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:center;gap:clamp(24px,3vw,48px)}@media (width<=900px){.work-card,.work-card.featured{grid-column:1/-1}.work-card.featured .work-link{grid-template-columns:1fr}.work-pair{grid-template-columns:minmax(0,1fr);row-gap:clamp(36px,5vw,64px)}.work-pair :is(.work-card,.work-link,.work-info){grid-row:auto;grid-template-rows:none}}.stage{background-color:var(--stage);color:var(--stage-ink);background-image:radial-gradient(#ffffff12 1px,#0000 1.4px);background-position:8px 8px;background-size:16px 16px}.work-media{--mx:50%;--my:50%;--rx:0deg;--ry:0deg;border-radius:var(--r);aspect-ratio:16/10.5;isolation:isolate;box-shadow:inset 0 0 0 1px var(--stage-line);place-items:center;padding:clamp(18px,4.2%,44px);display:grid;position:relative;overflow:hidden;transform:translateZ(0)}.work-card.featured .work-media{aspect-ratio:16/10}.work-media:before{content:"";z-index:1;pointer-events:none;opacity:0;background:radial-gradient(520px circle at var(--mx) var(--my), #e8a83829, transparent 55%);transition:opacity .4s var(--ease);position:absolute;inset:0}.work-link:hover .work-media:before{opacity:1}.work-shot{z-index:2;width:auto;max-width:86%;height:auto;max-height:74%;translate:-50% -50%;transform:perspective(1200px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(0) scale(1);transition:transform .6s var(--ease);will-change:transform;border-radius:10px;position:absolute;top:54%;left:50%;box-shadow:0 30px 60px -28px #000000d9,0 0 0 1px #ffffff0f}.work-link:hover .work-shot{transform:perspective(1200px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-6px) scale(1.015)}.work-media{container-type:inline-size}.moment{z-index:2;color:#16181d;width:78cqi;translate:-50% -50%;transform:perspective(1200px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(0) scale(1);transition:transform .6s var(--ease);will-change:transform;view-transition-class:media;background:#fff;border-radius:1.2em;font-size:2.3cqi;line-height:1.4;position:absolute;top:54%;left:50%;overflow:hidden;box-shadow:0 30px 60px -28px #000000d9,0 0 0 1px #ffffff0f}.moment p{margin:0}@container (width<=520px){.moment{width:90cqi;font-size:2.65cqi}}@media (width<=600px){.work-media,.work-card.featured .work-media{aspect-ratio:4/3}}.work-link:hover .moment{transform:perspective(1200px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-6px) scale(1.015)}.work-media .wordmark{z-index:2;letter-spacing:-.06em;font-size:clamp(48px,7vw,104px);font-weight:650;line-height:.9;position:relative}.work-pair .work-media .wordmark{font-size:clamp(44px,5vw,80px)}.work-media .chip{z-index:3;pointer-events:none;position:absolute;top:16px;left:16px}.chip{height:28px;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:var(--stage-ink);-webkit-backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:7px;padding:0 11px;font-size:11px;display:inline-flex}.chip.lock svg{width:12px;height:12px}.lock-shackle{transform-origin:75% 100%;transition:transform .5s var(--spring)}.work-link:hover .lock-shackle{transform:translateY(-1.5px)rotate(18deg)}.work-info{align-content:start;gap:14px;min-width:0;display:grid}.work-meta{color:var(--muted)}.work-title{letter-spacing:-.04em;text-wrap:balance;font-size:clamp(26px,2.6vw,38px);font-weight:600;line-height:1.04}.work-card:not(.featured) .work-title{font-size:clamp(24px,2.1vw,30px)}.work-title .u{background:linear-gradient(var(--amber), var(--amber)) 0 100% / 0% 2px no-repeat;transition:background-size .6s var(--ease);padding-bottom:2px}.work-link:hover .work-title .u{background-size:100% 2px}.work-summary{color:var(--muted);text-wrap:pretty;max-width:52ch;font-size:16px;line-height:1.55}.work-cta{align-self:start;align-items:center;gap:8px;margin-top:6px;font-size:15px;font-weight:550;display:inline-flex}.work-cta .arrow{transition:transform .35s var(--ease)}.work-link:hover .work-cta .arrow{transform:translate(4px)}.about-strip{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:32px clamp(32px,6vw,96px);display:grid}.about-strip h2{letter-spacing:-.055em;font-size:clamp(44px,6.4vw,96px);line-height:.92}.about-strip .body{color:var(--ink-2);gap:22px;font-size:19px;display:grid}.facts{background:var(--line);border:1px solid var(--line);border-radius:var(--r);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:12px;display:grid;overflow:hidden}.facts div{background:var(--paper);align-content:start;gap:4px;padding:18px;display:grid}.facts b{letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:600}.facts span{color:var(--muted);font-size:13px;line-height:1.4}@media (width<=860px){.about-strip{grid-template-columns:1fr}}@media (width<=520px){.facts{grid-template-columns:1fr}}.site-foot{isolation:isolate;margin-top:clamp(40px,8vh,96px);padding-block:clamp(80px,14vh,160px) 32px;position:relative;overflow:hidden}[data-glow]:before{content:"";z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(640px circle at var(--gx,50%) var(--gy,50%), #e8a83824, transparent 60%);transition:opacity .5s var(--ease);position:absolute;inset:0}[data-glow]:hover:before{opacity:1}.site-foot .label{color:var(--stage-muted)}.talk{letter-spacing:-.065em;margin:18px 0 clamp(40px,7vh,72px) -.05em;font-size:clamp(64px,14vw,224px);font-weight:600;line-height:.85}.talk a{color:inherit;border-radius:.1em;flex-wrap:wrap;align-items:center;gap:.1em .16em;text-decoration:none;display:inline-flex}.talk a:focus-visible{outline-offset:10px}.talk-word{white-space:nowrap}.talk .ch{font-variation-settings:"wght" var(--w,600);transition:font-variation-settings .2s linear;display:inline-block}.talk-go{background:var(--amber);color:#111214;width:.5em;height:.5em;scale:var(--s,1);transition:rotate .5s var(--spring), scale .2s linear;border-radius:50%;flex:none;place-items:center;display:grid}.talk-go svg{width:46%;height:46%}.talk a:hover .talk-go,.talk a:focus-visible .talk-go{rotate:45deg}.foot-row{border-top:1px solid var(--stage-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 32px;padding-top:28px;display:flex}.foot-mail{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.foot-mail .muted-s{color:var(--stage-muted);font-size:15px}.foot-links{flex-wrap:wrap;gap:8px 28px;margin:0;padding:0;list-style:none;display:flex}.foot-links a{color:var(--stage-ink);padding:4px 0;text-decoration:none}.foot-links a:hover{color:var(--amber)}.copy-mail{border:1px solid var(--stage-line);color:var(--stage-ink);cursor:pointer;letter-spacing:-.01em;background:0 0;border-radius:999px;align-items:center;gap:12px;height:52px;padding:0 8px 0 20px;font-size:18px;display:inline-flex}.copy-mail:hover{border-color:var(--amber)}.copy-mail .tag{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;background:var(--stage-3);border-radius:999px;padding:8px 12px;font-size:11px;transition:background .2s,color .2s}.copy-mail.copied .tag{background:var(--amber);color:#111214}.foot-base{color:var(--stage-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:56px;font-size:13px;display:flex}.foot-sign{align-items:center;gap:10px;display:inline-flex}.foot-sign .logo{width:auto;height:18px;color:var(--stage-ink)}@media (width<=520px){.copy-mail{padding-left:16px;font-size:16px}}.case-hero{padding-block:clamp(40px,8vh,88px) clamp(40px,6vh,64px)}.back{color:var(--muted);align-items:center;gap:8px;margin-bottom:clamp(28px,5vh,48px);font-size:15px;text-decoration:none;display:inline-flex}.back:hover{color:var(--ink)}.back .arrow{transition:transform .3s var(--ease)}.back:hover .arrow{transform:translate(-4px)}.case-title{letter-spacing:-.055em;max-width:18ch;font-size:clamp(40px,6.2vw,92px);line-height:.95}.case-summary{color:var(--ink-2);letter-spacing:-.01em;max-width:54ch;margin-top:28px;font-size:clamp(19px,1.7vw,23px);line-height:1.45}.case-meta{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0;margin-top:clamp(36px,6vh,56px);display:grid}.case-meta div{align-content:start;gap:6px;padding:18px 20px 0 0;display:grid}.case-meta dt{color:var(--muted)}.case-meta dd{color:var(--ink);margin:0;font-size:16px}@media (width<=760px){.case-meta{grid-template-columns:1fr 1fr;row-gap:18px}}.case-stage{isolation:isolate;padding-block:clamp(40px,8vh,96px);position:relative;overflow:hidden}.case-stage .shot{--rx:0deg;--ry:0deg;max-width:min(1120px,100%);transform:perspective(2000px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(0) scale(1);transition:transform .6s var(--ease);will-change:transform;border-radius:12px;margin-inline:auto;box-shadow:0 40px 90px -40px #000000e6,0 0 0 1px #ffffff0f}@media (hover:hover){.case-stage[data-tilt]:hover .shot{transform:perspective(2000px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-6px) scale(1.015)}}.case-stage figcaption{max-width:1120px;color:var(--stage-muted);margin:18px auto 0;font-size:14px}.case-layout{grid-template-columns:220px minmax(0,1fr);gap:clamp(32px,6vw,96px);padding-block:clamp(56px,10vh,112px);display:grid}.toc{top:calc(var(--header-h) + 24px);align-self:start;gap:18px;display:grid;position:sticky}.toc ol{border-left:1px solid var(--line);gap:2px;margin:0;padding:0;list-style:none;display:grid}.toc a{color:var(--muted);border-left:2px solid #0000;margin-left:-1px;padding:6px 0 6px 16px;font-size:14px;line-height:1.35;text-decoration:none;transition:color .2s,border-color .2s;display:block}.toc a:hover{color:var(--ink)}.toc a.is-active{color:var(--ink);border-left-color:var(--amber)}.toc .k{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);font-size:10.5px;display:block}.mode{background:var(--paper-2);border:1px solid var(--line);border-radius:999px;justify-self:start;padding:3px;display:inline-flex;position:relative}.mode-pill{background:var(--card);transition:transform .45s var(--spring), width .45s var(--spring);border-radius:999px;position:absolute;top:3px;bottom:3px;left:0;box-shadow:0 1px 3px #00000024}.mode button{z-index:1;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;padding:7px 14px;font-size:13.5px;transition:color .25s;display:inline-flex;position:relative}.mode button[aria-pressed=true]{color:var(--ink)}.mode-icon{opacity:0;width:0;height:14px;transition:opacity .3s var(--ease) .1s, scale .45s var(--spring) .1s;flex:none;scale:.4}.mode button[aria-pressed=true] .mode-icon{opacity:1;width:14px;margin-right:6px;scale:1}.mode.no-anim .mode-pill,.mode.no-anim .mode-icon{transition:none}.detail{opacity:1;visibility:visible;transition:grid-template-rows .55s var(--ease), margin-top .55s var(--ease), opacity .4s var(--ease) .2s, visibility 0s;grid-template-rows:1fr;display:grid}.detail>div{min-height:0}.is-skim .detail{opacity:0;visibility:hidden;transition:grid-template-rows .55s var(--ease) .12s, margin-top .55s var(--ease) .12s, opacity .22s var(--ease), visibility 0s .67s;grid-template-rows:0fr;margin-top:0}.is-skim .detail>div,.is-moving .detail>div{overflow:hidden}.is-skim .toc li.is-detail{display:none}.no-anim .detail{transition:none!important}@media (prefers-reduced-motion:reduce){.detail,.is-skim .detail{transition:none}}@media (width<=960px){.case-layout{grid-template-columns:1fr}.toc{flex-wrap:wrap;align-items:center;gap:12px;display:flex;position:static}.toc ol{display:none}}.prose{min-width:0;display:flow-root}.prose>*+*{margin-top:26px}.prose>*{max-width:68ch}.prose>.detail.wide{max-width:none}.prose .sec{gap:10px;padding-top:clamp(40px,7vh,72px);display:grid}.prose>.sec:first-child{padding-top:0}.prose .sec .k{color:var(--amber-ink)}.prose .sec h2{letter-spacing:-.045em;font-size:clamp(30px,3.4vw,48px)}.prose p{color:var(--ink-2);font-size:18px;line-height:1.65}.prose p.lead{color:var(--ink);letter-spacing:-.015em;font-size:clamp(20px,1.8vw,24px);line-height:1.45}.prose strong{color:var(--ink);font-weight:600}.prose p a,.prose li a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--amber);text-underline-offset:3px;text-decoration-thickness:1.5px}.prose p a:hover,.prose li a:hover{color:var(--amber-ink)}.prose ul,.prose ol{color:var(--ink-2);gap:10px;margin:0;padding-left:0;list-style:none;display:grid}.prose ul li,.prose ol li{padding-left:30px;position:relative}.prose ul li:before{content:"";background:var(--amber);width:10px;height:2px;position:absolute;top:.72em;left:6px}.prose ol{counter-reset:n}.prose ol li{counter-increment:n}.prose ol li:before{content:counter(n, decimal-leading-zero);font-family:var(--mono);color:var(--amber-ink);font-size:12px;position:absolute;top:.2em;left:0}.fig{gap:12px;display:grid;max-width:none!important}.fig.text{max-width:68ch!important}.fig .frame{--clip-r:14px;width:100%;font:inherit;text-align:left;background:var(--card);border:1px solid var(--line);cursor:zoom-in;border-radius:14px;margin:0;padding:0;display:block;position:relative;overflow:hidden}.fig .frame img{width:100%;transition:transform .6s var(--ease)}.fig .frame:hover img{transform:scale(1.01)}.fig.stage-fig .frame{background:var(--stage);border-color:var(--stage);padding:clamp(16px,4%,48px)}.fig.stage-fig .frame img{border-radius:8px;box-shadow:0 30px 60px -30px #000000e6}.fig figcaption{color:var(--muted);max-width:68ch;font-size:14px;line-height:1.45}.fig figcaption .n{font-family:var(--mono);color:var(--amber-ink);letter-spacing:.04em;margin-right:8px;font-size:11.5px}.quote{border-left:2px solid var(--amber);gap:12px;padding:4px 0 4px 26px;display:grid}.quote p{letter-spacing:-.025em;font-weight:450;color:var(--ink)!important;font-size:clamp(22px,2.2vw,30px)!important;line-height:1.3!important}.quote cite{color:var(--muted);font-size:14px;font-style:normal}.metric-row{background:var(--line);border:1px solid var(--line);border-radius:var(--r);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1px;display:grid;overflow:hidden;max-width:none!important}.metric-row div{background:var(--card);align-content:start;gap:8px;padding:24px 22px;display:grid}.metric-row b{letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:clamp(34px,3.6vw,50px);font-weight:600;line-height:1}.metric-row span{color:var(--muted);font-size:14.5px;line-height:1.45}.decision{border:1px solid var(--line);border-radius:var(--r);background:var(--card);gap:18px;padding:clamp(20px,3vw,32px);display:grid;max-width:none!important}.decision .label{color:var(--amber-ink);align-items:center;gap:10px;display:flex}.decision .ctx{color:var(--muted)!important;font-size:16px!important}.decision .choice{letter-spacing:-.025em;border-block:1px solid var(--line);padding-block:18px;font-weight:500;color:var(--ink)!important;font-size:clamp(22px,2.3vw,30px)!important;line-height:1.25!important}.decision .chose{color:var(--amber-ink)}.decision .over{color:var(--faint);text-decoration:line-through 1.5px}.decision .why{font-size:16px!important}.decision .why b{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-right:10px;font-size:11px;font-weight:450}.principles{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid;max-width:none!important}.principles div{border:1px solid var(--line);background:var(--card);border-radius:14px;align-content:start;gap:14px;padding:18px;display:grid}.principles .n{font-family:var(--mono);color:var(--amber-ink);font-size:12px}.principles h3{letter-spacing:-.035em;font-size:24px}.principles p{color:var(--muted)!important;font-size:15px!important;line-height:1.5!important}@media (width<=760px){.principles{grid-template-columns:1fr 1fr}}.lessons{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 40px;display:grid;max-width:none!important}.lessons div{grid-template-columns:36px 1fr;align-content:start;gap:4px 12px;display:grid}.lessons .n{font-family:var(--mono);color:var(--amber-ink);grid-row:span 2;padding-top:4px;font-size:13px}.lessons h3{letter-spacing:-.025em;font-size:20px}.lessons p{color:var(--muted)!important;font-size:16px!important}@media (width<=760px){.lessons{grid-template-columns:1fr}}.progress{background:var(--amber);transform-origin:0;pointer-events:none;height:2px;position:absolute;bottom:-3px;left:0;right:0;transform:scaleX(0)}@supports (animation-timeline:scroll()){.progress{animation:linear both grow}html .progress{animation-timeline:scroll(root)}@keyframes grow{to{transform:scaleX(1)}}}.case-pager{grid-template-columns:1fr 1fr;gap:1px;margin-top:clamp(24px,5vh,56px);padding-block:0 clamp(40px,8vh,96px);display:grid}.pager{border-top:1px solid var(--line);color:inherit;align-content:start;gap:8px;padding:clamp(24px,4vw,40px) 0;text-decoration:none;display:grid}.pager.next{text-align:right;justify-items:end}.pager .label{color:var(--muted);gap:8px;display:inline-flex}.pager .arrow{transition:translate .35s var(--ease);display:inline-block}.pager.prev:hover .arrow{translate:-4px}.pager.next:hover .arrow{translate:4px}.pager-co{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--amber-ink);font-size:12px}.pager-t{letter-spacing:-.04em;text-wrap:balance;background:linear-gradient(var(--amber), var(--amber)) 0 100% / 0% 2px no-repeat;max-width:16ch;transition:background-size .5s var(--ease);padding-bottom:2px;font-size:clamp(22px,2.6vw,34px);font-weight:600;line-height:1.1}.pager.next .pager-t{background-position:100% 100%}.pager:hover .pager-t{background-size:100% 2px}.pager-gap{border-top:1px solid var(--line)}@media (width<=640px){.case-pager{grid-template-columns:1fr}.pager.next{text-align:left;justify-items:start}.pager-gap{display:none}}.lock-screen{isolation:isolate;min-height:calc(100svh - var(--header-h));align-items:center;padding-block:clamp(32px,6vh,64px);display:grid;position:relative;overflow:hidden}.lock-screen .wrap{gap:clamp(24px,5vh,48px);width:100%;display:grid}.lock-screen .back{color:var(--stage-muted);justify-self:center;width:min(560px,100%);margin:0}.lock-screen .back:hover{color:var(--stage-ink)}.lock-card .lock-company{color:var(--amber)}.lock-card h1{letter-spacing:-.045em;color:var(--stage-ink);font-size:clamp(32px,4vw,48px);line-height:1}.lock-card{background:var(--stage-2);border:1px solid var(--stage-line);border-radius:22px;gap:18px;max-width:560px;margin-inline:auto;padding:clamp(24px,4vw,40px);display:grid;box-shadow:0 50px 100px -40px #000000e6}.lock-card .icon{background:var(--stage-3);width:52px;height:52px;color:var(--amber);border-radius:16px;place-items:center;display:grid}.lock-card .icon svg{width:24px;height:24px;overflow:visible}.lock-card .lock-shackle{transition:transform .6s var(--spring)}.lock-card.is-open .lock-shackle{transform:translateY(-3px)rotate(28deg)}.lock-card h2{letter-spacing:-.035em;color:var(--stage-ink);font-size:clamp(26px,3vw,34px)}.lock-card p{color:var(--stage-muted);font-size:16px}.lock-form{gap:8px;display:flex}.lock-form input{border:1px solid var(--stage-line);background:var(--stage);width:100%;min-width:0;height:52px;color:var(--stage-ink);font:inherit;border-radius:14px;flex:1;padding:0 16px;font-size:16px}.lock-form input:focus{border-color:var(--amber);outline:none;box-shadow:0 0 0 3px #e8a83840}.lock-form button{background:var(--amber);color:#111214;cursor:pointer;border:0;border-radius:14px;height:52px;padding:0 22px;font-weight:600}.lock-form button:active{scale:.97}.lock-error{color:#f3a27f;font-size:14px}.lock-card.shake{animation:shake .4s var(--ease)}@keyframes shake{20%{translate:-7px}40%{translate:6px}60%{translate:-4px}80%{translate:2px}}.lock-card.is-open{animation:unlock .7s var(--ease) forwards}@keyframes unlock{40%{scale:1.02}to{box-shadow:0 0 0 1px var(--amber), 0 50px 100px -40px #000000e6;scale:1}}@media (width<=520px){.lock-form{flex-direction:column}}.reveal-wait{opacity:0;translate:0 32px}.reveal-wait.is-in{opacity:1;transition:opacity .9s var(--ease), translate 1.1s var(--ease);transition-delay:calc(var(--i,0) * 80ms);translate:0}[data-reveal=words].reveal-wait{opacity:1;translate:none}[data-reveal=words] .w{display:inline-block}[data-reveal=words].reveal-wait .w{opacity:0;transform-origin:0 100%;translate:0 .45em;rotate:4deg}[data-reveal=words].reveal-wait.is-in .w{opacity:1;transition:opacity .7s var(--ease), translate 1s var(--ease), rotate 1s var(--ease);transition-delay:calc(var(--wi) * 55ms);translate:0;rotate:0deg}[data-reveal=clip].reveal-wait{opacity:1;clip-path:inset(10% 7% 10% 7% round var(--clip-r,var(--r)));translate:none}[data-reveal=clip].reveal-wait.is-in{clip-path:inset(0 0 0 0 round var(--clip-r,var(--r)));transition:clip-path 1.2s cubic-bezier(.16,1,.3,1)}.work-media.reveal-wait :is(.work-shot,.moment),.frame.reveal-wait img{scale:1.12}.work-media.reveal-wait.is-in :is(.work-shot,.moment),.frame.reveal-wait.is-in img{transition:scale 1.4s cubic-bezier(.16, 1, .3, 1), transform .6s var(--ease);scale:1}.principles.reveal-wait>div,.lessons.reveal-wait>div{opacity:0;translate:0 18px}.principles.reveal-wait.is-in>div,.lessons.reveal-wait.is-in>div{opacity:1;transition:opacity .6s var(--ease), translate .8s var(--ease);transition-delay:calc(.15s + var(--i,0) * 90ms);translate:0}.curtain main{z-index:1;background:var(--paper);border-radius:0 0 clamp(24px,3vw,40px) clamp(24px,3vw,40px);padding-bottom:clamp(40px,8vh,96px);position:relative;box-shadow:0 40px 60px -40px #00000073}.curtain .site-foot{z-index:0;margin-top:calc(-1*clamp(24px,3vw,40px));padding-top:calc(clamp(80px,14vh,160px) + clamp(24px,3vw,40px));position:sticky;bottom:0}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){body{timeline-scope:--page}.curtain main{view-timeline:--page block}.curtain .site-foot>.wrap{animation:linear both foot-in}html.curtain .site-foot>.wrap{animation-timeline:--page;animation-range:exit exit 45%}@keyframes foot-in{0%{opacity:.25;translate:0 -14%;scale:.97}}}}.proto{--s1:#2a78d6;--s2:#eb6834;--s3:#1baf7a;border:1px solid var(--line);border-radius:var(--r);background:var(--card);gap:16px;padding:clamp(18px,3vw,28px);display:grid;max-width:none!important}@media (prefers-color-scheme:dark){:root:where(:not([data-theme=light])) .proto{--s1:#3987e5;--s2:#d95926;--s3:#199e70}}:root[data-theme=dark] .proto{--s1:#3987e5;--s2:#d95926;--s3:#199e70}.proto-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.proto-tag{color:var(--amber-ink);align-items:center;gap:10px;display:inline-flex}.proto-tag .pulse{background:var(--amber)}.proto.touched .proto-tag .pulse{animation:none}.seg{background:var(--paper-2);border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr 1fr;padding:4px;display:inline-grid;position:relative}.seg button{z-index:1;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:9px 16px;font-size:14px;font-weight:550;transition:color .25s;position:relative}.seg button[aria-checked=true]{color:var(--ink)}.seg-pill{background:var(--card);width:calc(50% - 4px);transition:translate .45s var(--spring);border-radius:9px;position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 1px 3px #00000024}.proto[data-mode=release] .seg-pill{translate:100%}.proto-legend{color:var(--ink-2);flex-wrap:wrap;gap:6px 18px;font-size:13px;display:flex}.proto-legend span{align-items:center;gap:8px;display:inline-flex}.proto-legend span:before{content:"";background:var(--c);border-radius:2px;width:14px;height:2px}.proto-chart{min-height:240px;position:relative}.proto-chart svg{touch-action:pan-y;display:block;overflow:visible}.proto-chart svg:focus-visible{outline-offset:6px}.pc-grid line{stroke:var(--line);stroke-width:1px}.pc-grid text,.pc-axis text{font-family:var(--mono);fill:var(--muted);font-size:11px}.pc-line{fill:none;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.pc-cross{stroke:var(--ink);stroke-opacity:.35;stroke-width:1px;stroke-dasharray:3 3}.pc-dot{stroke:var(--card);stroke-width:2px}.pc-label line{stroke-width:2px;stroke-linecap:round}.pc-label text{fill:var(--ink-2);font-size:12.5px;font-weight:500}.proto-tip{z-index:2;background:var(--card);border:1px solid var(--line);pointer-events:none;border-radius:12px;gap:4px;min-width:190px;padding:10px 12px;display:grid;position:absolute;box-shadow:0 18px 40px -18px #0006}.proto-tip .pt-head{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:2px;font-size:11px}.proto-tip .pt-row{color:var(--muted);grid-template-columns:12px 56px 1fr;align-items:center;gap:8px;font-size:13px;display:grid}.proto-tip .pt-row:before{content:"";background:var(--c);border-radius:2px;height:2px}.proto-tip .pt-row b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.proto-tip .pt-row.is-empty{opacity:.55}.proto figcaption{color:var(--muted);font-size:14px;line-height:1.45}.proto figcaption .n{font-family:var(--mono);color:var(--amber-ink);letter-spacing:.04em;margin-right:8px;font-size:11.5px}.lightbox{color:#fff;background:0 0;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;padding:0}.lightbox::backdrop{transition:opacity .35s var(--ease);background:#08090aeb}.lightbox[open]::backdrop{animation:.3s both fade}.lightbox .lb-stage{cursor:zoom-in;place-items:center;width:100%;height:100%;padding:64px 24px 72px;display:grid;overflow:auto}.lightbox.zoomed .lb-stage{cursor:grab;place-items:start}.lightbox.zoomed.dragging .lb-stage{cursor:grabbing;user-select:none}.lightbox img{width:var(--w,auto);transform-origin:0 0;-webkit-user-drag:none;user-select:none;border-radius:8px;max-width:100%;height:auto}.lightbox.zoomed img{width:calc(var(--w) * 2);max-width:none}.lightbox .lb-bar{color:#c9cbce;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-size:14px;transition:opacity .25s;display:flex;position:fixed;bottom:0;left:0;right:0}.lightbox .lb-close{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #fff3;border-radius:50%;width:44px;height:44px;font-size:18px;transition:opacity .25s;position:fixed;top:16px;right:16px}.lightbox.closing::backdrop,.lightbox.closing .lb-bar,.lightbox.closing .lb-close{opacity:0}.about-hero .wrap{z-index:2;position:relative}.about-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,96px);display:grid}.about-hero h1{letter-spacing:-.06em;font-size:clamp(52px,6.8vw,116px);line-height:.9}.about-hero h1 .line{display:block}.about-hero p{color:var(--ink-2);letter-spacing:-.015em;max-width:30ch;margin-top:28px;font-size:clamp(20px,2vw,26px);line-height:1.35}.px-word{display:inline-block}.px-word.is-pixelated{color:#0000;cursor:pointer}.px-canvas{z-index:1;pointer-events:none;width:100%;height:calc(100% + 200px);position:absolute;inset:-120px 0 -80px}.portrait{z-index:2;width:min(400px,100%);transition:rotate .7s var(--spring);justify-self:end;margin:0;position:relative;rotate:3deg}.portrait:before{content:"";background:var(--amber);z-index:-1;transition:rotate .7s var(--spring);border-radius:28px;position:absolute;inset:0;rotate:-7deg}.portrait img{aspect-ratio:4/5;object-fit:cover;border-radius:28px;width:100%;height:auto;display:block;box-shadow:0 40px 80px -40px #00000080}.portrait:hover{rotate:0deg}.portrait:hover:before{rotate:-11deg}@media (width<=860px){.about-grid{grid-template-columns:1fr}.portrait{justify-self:center;width:min(320px,78%);margin-top:8px}}.story{grid-template-columns:220px minmax(0,1fr);gap:clamp(24px,6vw,96px);display:grid}.story .body{gap:22px;max-width:64ch;display:grid}.story .body p{color:var(--ink-2);font-size:19px;line-height:1.65}@media (width<=860px){.story{grid-template-columns:1fr}}.beyond{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.beyond-col{flex-direction:column;gap:18px;display:flex}.beyond article{border:1px solid var(--line);background:var(--card);border-radius:var(--r);flex-direction:column;flex:auto;gap:14px;padding:clamp(22px,3vw,32px);display:flex}.beyond article .push{margin-top:auto}.beyond .more{color:var(--ink);align-self:flex-start;align-items:center;gap:8px;padding-top:4px;font-size:15px;font-weight:550;text-decoration:none;display:inline-flex}.beyond .more .arrow{transition:transform .35s var(--ease)}.beyond .more:hover{color:var(--amber-ink)}.beyond .more:hover .arrow{transform:translate(3px,-3px)}.beyond article h3{letter-spacing:-.035em;font-size:26px}.beyond article p{color:var(--muted);font-size:16px}.beyond .big{flex-wrap:wrap;gap:8px 32px;display:flex}.beyond .big div{display:grid}.beyond .big b{letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:clamp(40px,4.4vw,60px);font-weight:600;line-height:1}.beyond .big span{color:var(--muted);font-size:13px}@media (width<=860px){.beyond{grid-template-columns:1fr}}.shelf{justify-items:center;gap:14px;display:grid}.spines{border-bottom:6px solid var(--line-2);border-radius:0 0 4px 4px;justify-content:center;align-items:flex-end;gap:8px;width:100%;height:236px;margin:0;padding:0 6px;list-style:none;display:flex}.spines li{height:var(--h);display:flex}.spines a{height:100%;width:var(--w);background:var(--bg);color:var(--fg);writing-mode:vertical-rl;letter-spacing:.01em;white-space:nowrap;cursor:pointer;transition:translate .45s var(--spring), rotate .45s var(--spring), opacity .3s;border-radius:4px 4px 2px 2px;flex:none;justify-content:flex-start;align-items:center;padding:14px 0;font-size:13.5px;font-weight:600;text-decoration:none;display:flex;overflow:hidden;box-shadow:inset -3px 0 #0000001f,inset 2px 0 #ffffff1f,0 1px #0000001a}.spines li:nth-child(3) a{box-shadow:inset 0 0 0 1px #00000014,inset -3px 0 #0000000f}.spines a:hover,.spines a:focus-visible{translate:0 -18px;rotate:-3deg}.spines:has(a:hover) a:not(:hover){opacity:.7}.spines a:focus-visible{outline-offset:4px}.shelf-cap{text-align:center;min-height:1.5em;font-size:14px;transition:color .2s;color:var(--muted)!important}.shelf-cap.is-on{color:var(--ink)!important}.films{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.film{outline-offset:4px;color:inherit;border-radius:12px;gap:4px;text-decoration:none;display:grid}.film-art{transition:translate .45s var(--spring)}.film:hover .film-art,.film:focus-visible .film-art{translate:0 -4px}.film:hover .film-title{color:var(--amber-ink)}.film-art{aspect-ratio:2/3;border-radius:12px;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.film-title{letter-spacing:-.01em;margin-top:6px;font-size:13px;font-weight:600;line-height:1.2}.film-year{font-family:var(--mono);color:var(--muted);font-size:11px}.film-interstellar .film-art{background:radial-gradient(120% 80% at 50% 110%,#2b3a5c,#090c16 70%)}.hole{aspect-ratio:1;background:#000;border-radius:50%;width:46%;position:relative;box-shadow:0 0 0 2px #f6c46a,0 0 18px 4px #f6c46a8c}@property --disk{syntax:"<angle>";inherits:false;initial-value:0deg}.hole:before{content:"";background:conic-gradient(from var(--disk), #f6c46a, #e07b30, #fff3cf, #b9572a, #f6c46a);filter:blur(.4px);border-radius:50%;height:16%;position:absolute;top:42%;left:-45%;right:-45%}.film-interstellar:hover .hole:before,.film-interstellar:focus-visible .hole:before{animation:1.1s linear infinite disk}@keyframes disk{to{--disk:360deg}}.film-inception .film-art{background:linear-gradient(#33505e,#142128)}.top{fill:#c9d3d8;stroke:#c9d3d8;stroke-width:2.5px;stroke-linecap:round;transform-origin:50% 92%;width:42%}.top path:last-child{stroke:#142128}.film-inception:hover .top,.film-inception:focus-visible .top{animation:.35s linear infinite spin,2.4s ease-in-out infinite wobble}@keyframes spin{50%{transform:scaleX(-1)}}@keyframes wobble{25%{rotate:6deg}75%{rotate:-6deg}}.film-tenet .film-art{background:linear-gradient(90deg,#22344a 50%,#5a1f24 50%)}.palindrome{font-family:var(--mono);color:#f2f2ee;letter-spacing:.02em;font-size:clamp(14px,1.6vw,19px);font-weight:600;display:flex}.palindrome span{transition:translate .9s var(--ease);display:inline-block}.film-tenet:hover .palindrome span,.film-tenet:focus-visible .palindrome span{translate:calc((4 - 2 * var(--k)) * (1ch + .02em)) 0}.film-tenet:hover .film-art,.film-tenet:focus-visible .film-art{background:linear-gradient(90deg,#5a1f24 50%,#22344a 50%)}.film-dark-knight .film-art{perspective:400px;background:radial-gradient(90% 70% at 50% 40%,#1c2433,#07090d 75%)}.coin{aspect-ratio:1;width:44%;transform-style:preserve-3d;transition:transform .9s var(--spring);position:relative}.coin .face{backface-visibility:hidden;background:radial-gradient(circle at 35% 30%,#f4f1e8,#a9a59a 70%);border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 3px #0000002e}.coin .scarred{background:repeating-linear-gradient(115deg,#0000 0 5px,#00000059 5px 6px),radial-gradient(circle at 35% 30%,#c9c3b4,#6e6a61 70%);transform:rotateY(180deg)}.film-dark-knight:hover .coin,.film-dark-knight:focus-visible .coin{transform:rotateY(540deg)}@media (width<=520px){.films{grid-template-columns:repeat(2,minmax(0,1fr))}}.player{background:var(--stage);color:var(--stage-ink);border-radius:16px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;padding:14px 16px;display:grid}.player button{background:var(--amber);color:#111214;cursor:pointer;border:0;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.player button svg{width:18px;height:18px}.player .meta{gap:6px;min-width:0;display:grid}.player .meta b{font-size:15px;font-weight:600}.player .meta span{color:var(--stage-muted);font-size:12px;font-family:var(--mono)}.player canvas{width:100%;height:34px}.process{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(20px,3vw,48px);display:grid}.process-deck{gap:16px;display:grid;position:relative}.process-card{background:var(--card-bg,var(--card));border:1px solid var(--card-bd,var(--line));border-radius:var(--r);grid-template-columns:60px minmax(0,1fr);align-content:start;gap:6px 16px;padding:clamp(20px,3vw,32px);display:grid}.process-card .n{font-family:var(--mono);color:var(--amber-ink);grid-row:span 3;padding-top:6px;font-size:13px}.process-card h3{letter-spacing:-.035em;font-size:26px}.process-card p{color:var(--ink-2)}.process-card ul{color:var(--muted);gap:4px;margin:0;padding-left:18px;display:grid}.process-nav{justify-items:center;gap:10px;display:grid}.process-nav button{border:1px solid var(--line-2);background:var(--card);width:48px;height:48px;color:var(--ink);cursor:pointer;transition:border-color .2s, translate .3s var(--spring);border-radius:50%;place-items:center;display:grid}.process-nav button svg{width:20px;height:20px}.process-nav button:hover{border-color:var(--ink)}.process-nav [data-prev]:hover{translate:0 -2px}.process-nav [data-next]:hover{translate:0 2px}.process-nav .label{color:var(--muted);font-variant-numeric:tabular-nums}.process:not(.is-ready){grid-template-columns:1fr}.process:not(.is-ready) .process-nav{display:none}.process.is-ready .process-deck{height:calc(var(--deck-h,300px) + 24px);margin-right:12px;display:block}.process.is-ready .process-card{height:var(--deck-h);transform-origin:50%;transition:transform .6s var(--ease), background-color .5s var(--ease), border-color .5s var(--ease), box-shadow .5s;position:absolute;inset:0 0 auto}.process-card[data-pos=front]{box-shadow:0 30px 60px -40px #00000080}.process-card[data-pos=back]{cursor:pointer}.process-card[data-pos=back]>*{opacity:0;transition:opacity .15s}.process-card[data-pos=front]>*{transition:opacity .35s .35s}@media (width<=760px){.process{grid-template-columns:1fr}.process.is-ready .process-deck{margin-right:0}.process-card{grid-template-columns:1fr}.process-card .n{grid-row:auto;padding-top:0}.process-nav{grid-auto-flow:column;justify-content:center;align-items:center}}