:root{--bg: #0c0b0a;--bg-raise: #151412;--fg: #f2efe9;--muted: #9a958c;--faint: #66625b;--line: rgba(242, 239, 233, .12);--line-strong: rgba(242, 239, 233, .24);--accent: #f2efe9;--accent-rgb: 242, 239, 233;--page-tint: var(--bg);--brand: #ffcf5c;--brand-accent: var(--live-accent, var(--brand));--font-display: "Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif;--font-serif: "Instrument Serif", Georgia, serif;--font-body: "Geist", "Helvetica Neue", Arial, sans-serif;--font-mono: "Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--gutter: clamp(16px, 4vw, 56px);--maxw: 1440px;--radius: 14px;--radius-phone: clamp(22px, 2.4vw, 34px);--ease: cubic-bezier(.2, .7, .1, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--step-0: clamp(15px, .95rem + .1vw, 17px);--step-1: clamp(18px, 1rem + .4vw, 22px);--step-2: clamp(24px, 1.2rem + 1.2vw, 36px);--step-3: clamp(34px, 1.4rem + 2.6vw, 64px);--step-4: clamp(46px, 1.6rem + 5.4vw, 120px);--step-5: clamp(56px, 1.8rem + 8vw, 184px)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:72px;background:var(--bg)}body{margin:0;min-height:100svh;background-color:var(--page-tint);color:var(--fg);font:400 var(--step-0) / 1.55 var(--font-body);font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip;transition:background-color .9s var(--ease)}body:after{content:"";position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}h1,h2,h3,h4,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}::selection{background:rgba(var(--accent-rgb),.85);color:#0c0b0a}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.skip-link{position:absolute;left:var(--gutter);top:-60px;z-index:200;padding:10px 16px;background:var(--fg);color:var(--bg);border-radius:999px;font-weight:600}.skip-link:focus{top:12px}.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}.kicker{display:inline-flex;align-items:center;gap:10px;font:500 12px / 1.2 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.display{font-family:var(--font-display);font-weight:700;font-optical-sizing:auto;letter-spacing:-.035em;line-height:.92}.serif{font-family:var(--font-serif);font-style:italic;font-weight:400;letter-spacing:-.01em}.muted{color:var(--muted)}.mono{font-family:var(--font-mono)}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.btn{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 22px;border-radius:999px;background:var(--accent);color:#0c0b0a;font-weight:600;font-size:15px;letter-spacing:-.005em;transition:transform .35s var(--ease-out),background-color .35s var(--ease)}.btn:hover{transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--fg);box-shadow:inset 0 0 0 1px var(--line-strong)}.btn-ghost:hover{box-shadow:inset 0 0 0 1px var(--fg)}.btn svg{width:16px;height:16px;flex:none}.link-arrow{display:inline-flex;align-items:center;gap:8px;font-weight:500;border-bottom:1px solid var(--line-strong);padding-bottom:2px;transition:border-color .3s var(--ease),color .3s var(--ease)}.link-arrow:hover{border-color:var(--accent);color:var(--accent)}.link-arrow svg{width:14px;height:14px;transition:transform .35s var(--ease-out)}.link-arrow:hover svg{transform:translate(2px,-2px)}.status{display:inline-flex;align-items:center;gap:8px;font:500 12px / 1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg)}.status:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.18)}.status[data-state=live]:before{animation:pulse 2.4s var(--ease) infinite}@keyframes pulse{50%{box-shadow:0 0 0 7px rgba(var(--accent-rgb),0)}}.reveal{opacity:0;transform:translateY(28px);transition:opacity 1s var(--ease-out),transform 1.1s var(--ease-out);transition-delay:var(--delay, 0s)}.reveal.is-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0s!important}.reveal{opacity:1;transform:none}}.nav{position:fixed;inset:0 0 auto;z-index:50;transition:background-color .4s var(--ease),backdrop-filter .4s var(--ease)}.nav-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;height:72px;transition:height .4s var(--ease)}.nav.is-scrolled{background:#0c0b0ab8;-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 1px 0 var(--line)}.nav.is-scrolled .nav-bar{height:60px}.nav-left{display:flex;align-items:baseline;gap:12px;min-width:0}.nav-brand{display:inline-flex;align-items:center;gap:11px}.brand-icon{--s: 32px;display:flex;align-items:center;justify-content:center;flex:none;width:var(--s);height:var(--s);overflow:hidden;border-radius:calc(var(--s) * .22);background:#0c0b0a;box-shadow:inset 0 0 0 1px #f2efe933}.brand-icon>span{font:italic 400 calc(var(--s) * 1.05) / 1 var(--font-serif);color:var(--brand-accent);-webkit-text-stroke:calc(var(--s) * .022) var(--brand-accent);transform:translate(4%,-14%);transition:color .8s var(--ease),-webkit-text-stroke-color .8s var(--ease)}.wordmark{display:inline-flex;align-items:baseline;font-size:25px;line-height:1;white-space:nowrap}.wordmark-sans{font-family:var(--font-display);font-weight:800;letter-spacing:-.055em}.wordmark-serif{margin-left:-.04em;font:italic 400 1.2em / 1 var(--font-serif);color:var(--brand-accent);transition:color .8s var(--ease)}.nav-crumb{color:var(--muted);font-size:15px;white-space:nowrap}.nav-crumb:hover{color:var(--fg)}.nav-links{display:flex;align-items:center;gap:28px;font-size:15px}.nav-links a{position:relative;color:var(--muted);transition:color .3s var(--ease)}.nav-links a:hover{color:var(--fg)}.nav-links a:not(.nav-github):after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease-out)}.nav-links a:hover:after{transform:scaleX(1);transform-origin:left}.nav-github{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:999px;color:var(--fg)!important;box-shadow:inset 0 0 0 1px var(--line-strong)}.nav-github svg{width:15px;height:15px}.nav-github:hover{box-shadow:inset 0 0 0 1px var(--fg)}.nav-toggle{display:none;height:36px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:500;box-shadow:inset 0 0 0 1px var(--line-strong)}.nav-menu{position:fixed;inset:0;z-index:-1;padding-top:96px;background:var(--bg)}.nav-menu-inner{display:flex;flex-direction:column}.nav-menu-inner a{display:flex;align-items:baseline;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font:700 clamp(40px,11vw,64px) / 1 var(--font-display);letter-spacing:-.04em;animation:menu-in .6s var(--ease-out) both;animation-delay:calc(var(--i) * 50ms)}.nav-menu-inner a .mono{font-size:12px;font-weight:400;letter-spacing:.1em;color:var(--muted)}.nav-menu-inner a svg{width:.5em;height:.5em}@keyframes menu-in{0%{opacity:0;transform:translateY(18px)}}html.menu-open{overflow:hidden}@media(max-width:820px){.nav-links{display:none}.nav-toggle{display:inline-flex;align-items:center}.nav.is-open{background:var(--bg)}}.phone{position:relative;aspect-ratio:9 / 19.5;padding:clamp(4px,.45vw,7px);border-radius:var(--radius-phone);background:linear-gradient(160deg,#2a2825,#121110 60%);box-shadow:inset 0 0 0 1px #ffffff17,0 1px #ffffff0f,0 50px 90px -40px #000000d9}.phone-screen{position:relative;height:100%;overflow:hidden;border-radius:calc(var(--radius-phone) - clamp(4px,.45vw,7px));background:#000;isolation:isolate}.phone-screen img{width:100%;height:100%;object-fit:cover;object-position:top center;-webkit-user-select:none;user-select:none}.browser{overflow:hidden;border-radius:var(--radius);background:#161513;box-shadow:inset 0 0 0 1px #ffffff17,0 60px 120px -50px #000000e6}.browser-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;height:38px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.07)}.browser-bar:after{content:"";width:42px}.browser-dots{display:flex;gap:7px}.browser-dots i{width:10px;height:10px;border-radius:50%;background:#ffffff24}.browser-url{justify-self:center;padding:4px 14px;border-radius:7px;background:#ffffff0d;font:400 12px / 1.2 var(--font-mono);color:var(--muted)}.browser-view{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#000}.browser-view>img{width:100%;height:100%;object-fit:cover;object-position:top left;-webkit-user-select:none;user-select:none}.footer{position:relative;margin-top:clamp(80px,14vw,200px);border-top:1px solid var(--line);overflow:hidden}.footer-top{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;padding-top:64px}.footer-say .kicker{display:flex;margin-bottom:18px}.footer-github{display:inline-flex;align-items:center;gap:.3em;font:700 clamp(26px,7.4vw,64px) / 1 var(--font-display);letter-spacing:-.04em;transition:color .3s var(--ease)}.footer-github svg{width:.7em;height:.7em;flex:none}.footer-github svg:last-child{width:.5em;height:.5em;transition:transform .4s var(--ease-out)}.footer-github:hover svg:last-child{transform:translate(4px,-4px)}.footer-cols{display:grid;grid-template-columns:1fr 1fr;gap:32px}.footer-cols .kicker{margin-bottom:16px}.footer-cols li+li{margin-top:8px}.footer-cols a{color:var(--muted);transition:color .3s var(--ease)}.footer-cols a:hover{color:var(--fg)}.footer-mark{margin-top:56px;padding-inline:var(--gutter);font:800 clamp(96px,30vw,470px) / .78 var(--font-display);letter-spacing:-.055em;color:#f2efe90b;white-space:nowrap;-webkit-user-select:none;user-select:none}.footer-mark-serif{margin-left:-.04em;font:italic 400 1.2em / .78 var(--font-serif);letter-spacing:-.01em;color:#ffcf5c29}.footer-base{display:flex;justify-content:space-between;gap:16px;padding-top:20px;padding-bottom:28px;border-top:1px solid var(--line);font:400 12px / 1.4 var(--font-mono);letter-spacing:.06em;color:var(--muted)}@media(max-width:820px){.footer-top{grid-template-columns:1fr}.footer-base{flex-direction:column}}.live-line{display:flex;flex-wrap:wrap;gap:10px 28px;font:400 12px / 1.4 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.live-line b{font-weight:500;color:var(--fg)}.live-item{display:inline-flex;align-items:center;gap:8px}.live-dot{width:7px;height:7px;border-radius:50%;background:#ff4655;animation:pulse-red 2s var(--ease) infinite}@keyframes pulse-red{0%{box-shadow:0 0 #ff465599}70%,to{box-shadow:0 0 0 8px #ff465500}}.tabular{font-variant-numeric:tabular-nums}.hero{position:relative;min-height:100svh;display:flex;overflow:hidden;isolation:isolate}.hero-inner{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;gap:48px;padding-top:clamp(120px,18vh,200px);padding-bottom:36px;pointer-events:none}.hero-inner a,.hero-inner button{pointer-events:auto}.hero-copy{max-width:min(760px,58%)}.hero-kicker{flex-wrap:wrap;margin-bottom:28px;animation:fade-up .9s var(--ease-out) both}.hero-title{font-size:clamp(48px,1.6rem + 5.2vw,124px);font-weight:700;line-height:.94;text-wrap:balance}.hero-title .serif{font-size:1.08em;line-height:.8;color:var(--accent-hero, #ffcf5c)}.hero-word{display:inline-block;animation:word-rise 1.1s var(--ease-out) both;animation-delay:calc(.12s + var(--i) * 55ms)}@keyframes word-rise{0%{opacity:0;transform:translateY(.45em) rotate(2deg);filter:blur(6px)}}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}}.hero-sub{max-width:46ch;margin-top:32px;font-size:var(--step-1);line-height:1.5;color:var(--muted);animation:fade-up 1s var(--ease-out) .7s both}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px;animation:fade-up 1s var(--ease-out) .85s both}.hero-cta .btn:first-child{--accent: #f2efe9}.hero .live-line{animation:fade-up 1s var(--ease-out) 1.1s both}.wall{position:absolute;inset:0 0 0 auto;z-index:1;width:min(52vw,820px);overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 84%,transparent),linear-gradient(to right,transparent,#000 22%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 84%,transparent),linear-gradient(to right,transparent,#000 22%);mask-composite:intersect;animation:wall-in 1.6s var(--ease-out) .2s both}@keyframes wall-in{0%{opacity:0;transform:translateY(40px)}}.wall-tilt{position:absolute;inset:-20% -6% -20% 4%;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.6vw,24px);transform:rotate(-8deg)}.wall-col{overflow:hidden}.wall-track{--gap: clamp(14px, 1.6vw, 24px);display:flex;flex-direction:column;gap:var(--gap);animation:wall-up var(--dur, 64s) linear infinite}.wall-col-0 .wall-track{--dur: 70s}.wall-col-1 .wall-track{--dur: 84s;animation-direction:reverse}.wall-col-2 .wall-track{--dur: 58s}.wall:hover .wall-track{animation-play-state:paused}@keyframes wall-up{to{transform:translateY(calc(-50% - var(--gap) / 2))}}.wall-tile{display:flex;flex-direction:column;gap:10px}.wall-tile figcaption{font:400 11px / 1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}@media(max-width:900px){.hero{flex-direction:column;min-height:auto}.hero-copy{max-width:none}.hero-inner{order:1;padding-top:112px;gap:32px}.wall{position:relative;order:2;width:100%;height:520px;margin-top:24px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent)}.wall-tilt{inset:-30% -10%}}@media(prefers-reduced-motion:reduce){.wall-track{animation:none}}.section-head{margin-bottom:clamp(40px,6vw,72px)}.section-head .kicker{margin-bottom:20px}.section-title{max-width:16ch;font-size:var(--step-4);line-height:.95;text-wrap:balance}.section-title .serif{color:var(--muted)}.section-sub{max-width:52ch;margin-top:22px;font-size:var(--step-1);color:var(--muted)}.index{padding-block:clamp(96px,14vw,200px) clamp(40px,6vw,80px)}.index-list{border-top:1px solid var(--line)}.index-row{display:grid;grid-template-columns:56px minmax(0,1fr) 160px 220px 64px 22px;align-items:center;gap:24px;padding:clamp(18px,2.2vw,30px) 0;border-bottom:1px solid var(--line);transition:color .4s var(--ease)}.index-num{font-size:12px;color:var(--muted)}.index-name{font-size:clamp(34px,1.2rem + 4vw,88px);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:transform .6s var(--ease-out),color .4s var(--ease)}.index-kind,.index-platforms{font-size:14px;color:var(--muted)}.index-status{display:inline-flex;align-items:center;gap:8px;font:500 11px / 1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.index-status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent, var(--muted))}.index-status[data-state=soon]:before{background:transparent;box-shadow:inset 0 0 0 1.5px var(--accent)}.index-status[data-state=lab]:before{background:transparent;box-shadow:inset 0 0 0 1.5px var(--faint)}.index-row>svg{width:20px;height:20px;color:var(--muted);transition:transform .5s var(--ease-out),color .4s var(--ease)}.index-row:hover .index-name,.index-row:focus-visible .index-name{transform:translate(18px);color:var(--accent)}.index-row:hover>svg{transform:translateY(4px);color:var(--fg)}.index-row-more .index-name{color:var(--faint)}.index-row-more:hover .index-name{color:var(--fg)}.index-preview{position:fixed;top:0;left:0;z-index:40;width:340px;aspect-ratio:4 / 3;overflow:hidden;border-radius:14px;background:#000;box-shadow:0 40px 80px -30px #000000e6,inset 0 0 0 1px #ffffff1a;pointer-events:none;opacity:0;scale:.85;rotate:-3deg;transition:opacity .3s var(--ease),scale .5s var(--ease-out)}.index-preview.is-visible{opacity:1;scale:1}.index-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;opacity:0;transition:opacity .35s var(--ease)}.index-preview img.is-on{opacity:1}@media(hover:none),(pointer:coarse){.index-preview{display:none}}@media(max-width:960px){.index-row{grid-template-columns:36px minmax(0,1fr) auto;gap:14px}.index-kind,.index-platforms,.index-row>svg{display:none}.index-name{font-size:clamp(30px,8vw,56px);white-space:normal}}.lab,.toolbox,.about{padding-block:clamp(100px,13vw,200px) 0}.lab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,24px)}.lab-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:5 / 4;padding:clamp(20px,2vw,28px);overflow:hidden;border-radius:18px;background:repeating-linear-gradient(135deg,rgba(242,239,233,.04) 0 1px,transparent 1px 12px);box-shadow:inset 0 0 0 1px var(--line)}.lab-sheen{position:absolute;inset:0;background:linear-gradient(100deg,transparent 35%,rgba(242,239,233,.07) 50%,transparent 65%);transform:translate(-100%);animation:sheen 5s var(--ease) infinite;animation-delay:var(--delay, 0s)}@keyframes sheen{60%,to{transform:translate(100%)}}.lab-num{font-size:12px;color:var(--muted)}.lab-title{font-size:var(--step-2);line-height:1}.lab-sub{margin-top:10px;font:400 12px / 1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}@media(max-width:760px){.lab-grid{grid-template-columns:1fr}.lab-card{aspect-ratio:auto;min-height:190px}}.matrix-scroll{position:relative;overflow-x:auto;scrollbar-width:thin}.matrix{width:100%;min-width:680px;border-collapse:collapse}.matrix th,.matrix td{padding:15px 10px;border-bottom:1px solid var(--line);text-align:center;transition:background-color .3s var(--ease),color .3s var(--ease)}.matrix thead th{font:500 12px / 1.2 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom-color:var(--line-strong)}.matrix tbody th{position:sticky;left:0;z-index:1;background:var(--bg);padding-right:24px;text-align:left;font-weight:500;white-space:nowrap}.matrix tbody tr:hover{background:#f2efe908}.matrix .is-col{background:#f2efe909}.matrix thead .is-col{color:var(--accent)}.matrix .dot{display:inline-block;width:11px;height:11px;border-radius:50%;background:var(--accent);transition:transform .3s var(--ease-out)}.matrix .is-col .dot,.matrix tr:hover .dot{transform:scale(1.35)}.about-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px}.about-grid>:first-child{grid-column:1 / span 5}.about-text{grid-column:7 / -1}.about-title{margin-top:20px;font-size:var(--step-4)}.about-title .serif{display:block;color:var(--muted)}.about-text p{color:var(--muted);font-size:var(--step-0);line-height:1.7}.about-text p+p{margin-top:18px}.about-text .about-lead{font-size:var(--step-2);line-height:1.3;color:var(--fg);letter-spacing:-.01em}.about-list{margin-top:44px;border-top:1px solid var(--line)}.about-list div{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}.about-list dd{margin:0}@media(max-width:900px){.about-grid{grid-template-columns:minmax(0,1fr)}.about-grid>:first-child,.about-text{grid-column:1 / -1}.about-list div{grid-template-columns:1fr;gap:6px}}.chapter{position:relative;padding-block:clamp(120px,15vw,230px) 0}.chapter:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(55% 45% at 78% 38%,rgba(var(--accent-rgb),.09),transparent 72%);transition:background .8s var(--ease)}.chapter-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;font:400 12px / 1.4 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.chapter-meta .mono{color:var(--accent);transition:color .6s var(--ease)}.chapter-rule{width:48px;height:1px;background:var(--line-strong)}.chapter-name{margin-top:26px;font-size:var(--step-5);font-weight:800;line-height:.84;letter-spacing:-.055em}.chapter-name:after{content:".";color:var(--accent);transition:color .6s var(--ease)}.chapter-pitch{margin-top:22px;font-size:var(--step-3);line-height:1.05;color:#f2efe9db}.chapter-body{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(32px,4vw,64px);margin-top:clamp(56px,7vw,96px)}.chapter-split .chapter-text{grid-column:1 / span 5}.chapter-split .chapter-show{grid-column:6 / -1;position:sticky;top:96px;align-self:start}.chapter-stack .chapter-text{grid-column:1 / -1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(32px,4vw,64px);align-items:start}.chapter-stack .chapter-summary{grid-column:1 / span 6}.chapter-stack .chapter-facts{grid-column:8 / -1;grid-row:1 / span 2;margin-top:0}.chapter-stack .chapter-foot,.chapter-stack .chapter-note,.chapter-stack .chapter-show{grid-column:1 / -1}.chapter-summary{max-width:54ch;font-size:var(--step-1);line-height:1.55;color:#f2efe9c2}.chapter-summary+.chapter-summary{margin-top:18px}.chapter-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:24px 16px;margin-top:44px;padding-top:24px;border-top:1px solid var(--line)}.fact{display:flex;flex-direction:column-reverse;gap:10px}.fact dt{font:400 11px / 1.3 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.fact dd{margin:0;font-size:var(--step-3);line-height:.9;font-variant-numeric:tabular-nums}.chapter-foot{display:flex;flex-wrap:wrap;align-items:center;gap:18px 32px;margin-top:40px}.chapter-links{display:flex;flex-wrap:wrap;gap:14px 26px}.chapter-note{margin-top:26px;font:400 11px / 1.5 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}@media(max-width:960px){.chapter-body,.chapter-stack .chapter-text{grid-template-columns:minmax(0,1fr)}.chapter-split .chapter-text,.chapter-split .chapter-show,.chapter-stack .chapter-summary,.chapter-stack .chapter-facts{grid-column:1 / -1}.chapter-split .chapter-show{position:static}.chapter-stack .chapter-facts{grid-row:auto;margin-top:40px}.chapter-facts{grid-template-columns:repeat(auto-fit,minmax(68px,1fr));gap:20px 12px}}.stack-frame .phone-screen>img,.view-layer{position:absolute;inset:0;opacity:0;transition:opacity .55s var(--ease)}.stack-frame .phone-screen>img.is-on,.view-layer.is-on{opacity:1}.view-layer>img{width:100%;height:100%;object-fit:cover;object-position:top left;-webkit-user-select:none;user-select:none}.viewtabs-phone .view-layer>img{object-position:top center}.tabs{display:inline-flex;max-width:100%;gap:2px;margin-bottom:20px;padding:4px;overflow-x:auto;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line-strong);scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab,.chip{flex:none;height:34px;padding:0 15px;border-radius:999px;font-size:14px;font-weight:500;color:var(--muted);white-space:nowrap;transition:background-color .3s var(--ease),color .3s var(--ease)}.tab:hover,.chip:hover{color:var(--fg)}.tab[aria-selected=true]{background:var(--fg);color:var(--bg)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:36px}.chip{height:38px;padding:0 18px;box-shadow:inset 0 0 0 1px var(--line-strong)}.chip[aria-pressed=true]{background:var(--accent);color:#160f05;box-shadow:none}.show-note{margin-top:14px;font:400 11px / 1.5 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.strip{--edge: max(var(--gutter), calc((100vw - var(--maxw)) / 2 + var(--gutter)));width:100vw;margin-left:calc(50% - 50vw)}.strip-track{display:flex;align-items:flex-start;gap:clamp(16px,2vw,28px);padding:8px var(--edge) 56px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--edge);scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none}.strip-track::-webkit-scrollbar{display:none}.strip-track.is-dragging{cursor:grabbing;scroll-snap-type:none}.strip-track:focus-visible{outline-offset:-4px}.strip-item{flex:0 0 clamp(190px,19vw,280px);scroll-snap-align:start}.strip-item:nth-child(2n){margin-top:56px}.strip-item figcaption{margin-top:16px;font-size:14px;color:var(--muted);transition:color .3s var(--ease)}.strip-item figcaption .mono{margin-right:8px;font-size:11px;color:var(--faint)}.strip-item.is-current figcaption{color:var(--fg)}.strip-item.is-current figcaption .mono{color:var(--accent)}.strip-controls{display:flex;align-items:center;gap:24px}.strip-count{font-size:13px;letter-spacing:.08em}.strip-hint{flex:1;font-size:13px;color:var(--faint)}.strip-buttons{display:flex;gap:8px}.strip-buttons button{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line-strong);transition:background-color .3s var(--ease),color .3s var(--ease),opacity .3s var(--ease)}.strip-buttons button:hover:not(:disabled){background:var(--accent);color:#0c0b0a;box-shadow:none}.strip-buttons button:disabled{opacity:.3;cursor:default}.strip-buttons svg{width:18px;height:18px}@media(max-width:700px){.strip-hint{display:none}.strip-controls{justify-content:space-between}.strip-item:nth-child(2n){margin-top:32px}}.duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,48px)}.duo-item{min-width:0}.duo-item>figcaption{max-width:32ch;margin-top:18px;font-size:14px;color:var(--muted)}.duo-offset{margin-top:54px}.themes .phone,.viewtabs-phone .phone{width:100%}.swatches{margin:22px 0 0;padding:0;border:0}.swatches legend{margin-bottom:14px;padding:0}.swatches legend b{font-weight:500;color:var(--fg)}.swatch-row{display:grid;grid-template-columns:repeat(6,minmax(0,28px));gap:10px 12px}.swatch{position:relative;aspect-ratio:1;border-radius:50%;background:var(--sw);box-shadow:inset 0 0 0 1px #fff3;cursor:pointer;transition:transform .3s var(--ease-out),box-shadow .3s var(--ease)}.swatch input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.swatch:hover{transform:scale(1.12)}.swatch:has(input:checked){box-shadow:0 0 0 3px var(--page-tint, var(--bg)),0 0 0 5px var(--sw)}.swatch:has(input:focus-visible){outline:2px solid var(--fg);outline-offset:6px}@media(max-width:560px){.duo{grid-template-columns:1fr;max-width:320px;margin-inline:auto}.duo-offset{margin-top:40px}}.compare{position:absolute;inset:0;cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none}.compare-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;pointer-events:none}.compare-after{clip-path:inset(0 0 0 var(--pos))}.compare-handle{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 0 1px #0000002e}.compare-handle:focus-visible{outline:none}.compare-handle:focus-visible .compare-knob{outline:2px solid var(--accent);outline-offset:3px}.compare-knob{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:#fff;color:#111;transform:translate(-50%,-50%);box-shadow:0 10px 30px #00000073}.compare-knob svg{width:14px;height:14px}.compare-label{position:absolute;bottom:14px;padding:6px 11px;border-radius:999px;background:#0a0a0a9e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:500 11px / 1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#fff;pointer-events:none}.compare-label-before{left:14px}.compare-label-after{right:14px}.highlights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:64px}.highlights li{padding-top:22px;border-top:1px solid var(--line)}.highlights h3{font:600 20px / 1.2 var(--font-display);letter-spacing:-.02em}.highlights h3:before{content:"";display:block;width:8px;height:8px;margin-bottom:16px;border-radius:2px;background:var(--accent)}.highlights p{margin-top:10px;font-size:15px;color:var(--muted)}@media(max-width:960px){.highlights{grid-template-columns:1fr 1fr}}@media(max-width:560px){.highlights{grid-template-columns:1fr}.compare-knob{width:38px;height:38px}}.kader-tabs .viewtabs-stage{position:relative;padding-bottom:72px}.kader-tabs .browser-view{aspect-ratio:16 / 10}.kader-phone{position:absolute;left:-3%;bottom:0;width:clamp(120px,23%,200px);box-shadow:inset 0 0 0 1px #ffffff1f,0 30px 60px -10px #000000e6}@media(max-width:1200px){.kader-phone{left:auto;right:12px}}.answer{margin-top:44px;padding:22px;border-radius:20px;background:#f2efe909;box-shadow:inset 0 0 0 1px var(--line)}.answer:focus-visible{outline-offset:4px;border-radius:20px}.answer-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.answer-count{font-size:12px;color:var(--muted)}.answer-progress{height:3px;margin-top:16px;border-radius:2px;background:var(--line);overflow:hidden}.answer-progress span{display:block;height:100%;background:var(--accent);transition:width .45s var(--ease-out)}.answer-stage{min-height:112px;margin:24px 0}.answer-event,.answer-done{animation:answer-in .45s var(--ease-out) both}@keyframes answer-in{0%{opacity:0;transform:translate(24px)}}.answer-title{font-size:clamp(26px,2.4vw,34px);line-height:1.05}.answer-meta{margin-top:12px;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.answer-done .muted{margin-top:10px;font-size:15px}.answer-reset{height:40px;margin-top:16px;font-size:14px}.answer-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.answer-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:54px;border-radius:14px;background:#f2efe90d;box-shadow:inset 0 0 0 1px var(--line);font-weight:600;transition:background-color .25s var(--ease),color .25s var(--ease),transform .2s var(--ease-out)}.answer-btn svg{width:18px;height:18px}.answer-btn kbd{padding:2px 6px;border-radius:5px;font:400 11px / 1.2 var(--font-mono);color:var(--muted);box-shadow:inset 0 0 0 1px var(--line-strong)}.answer-btn:active:not(:disabled){transform:scale(.96)}.answer-btn:disabled{opacity:.35;cursor:default}.answer-yes:hover:not(:disabled){background:#30d15829;color:#62e38a}.answer-no:hover:not(:disabled){background:#ff5a5f29;color:#ff7a7e}.answer-maybe:hover:not(:disabled){background:#ffb34029;color:#ffc566}.answer-log{display:flex;gap:6px;margin-top:18px}.answer-log li{flex:1;height:4px;border-radius:2px;background:var(--line);transition:background-color .3s var(--ease)}.answer-log li.is-yes{background:#30d158}.answer-log li.is-no{background:#ff5a5f}.answer-log li.is-maybe{background:#ffb340}@media(max-width:420px){.answer-btn kbd{display:none}}.games-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(12px,1.6vw,22px);padding-bottom:40px}.game{transition:opacity .5s var(--ease),transform .6s var(--ease-out),filter .5s var(--ease)}.game:nth-child(2n){transform:translateY(40px)}.game.is-dim{opacity:.14;filter:grayscale(1)}.game-label{display:block;margin-top:12px;font:400 11px / 1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}@media(max-width:960px){.games-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:640px){.games-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:46%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.game{scroll-snap-align:start}}