:root{--bg:#0c0c10;--raised:#16161c;--fg:#f4f1ea;--muted:#a29e95;--line:#2a2a33;--accent-text:var(--accent-text-dark);--focus:var(--accent);--display:"Bricolage Grotesque", "Arial Black", "Helvetica Neue", system-ui, sans-serif;--sans:"Instrument Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--gutter:clamp(16px, 4.5vw, 56px);--max:1400px;--radius:22px;--ease-out:cubic-bezier(.2, .9, .25, 1);color-scheme:dark}*,:before,:after{box-sizing:border-box}html{background:var(--bg);color:var(--fg);font:400 17px / 1.5 var(--sans);-webkit-text-size-adjust:100%;text-rendering:optimizelegibility;scroll-padding-top:24px}body{min-height:100vh;margin:0;overflow-x:clip}img{max-width:100%;height:auto;display:block}a{color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:20;background:var(--accent);color:var(--on-accent);border-radius:999px;padding:10px 16px;font-weight:700;text-decoration:none;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}[data-js-only]{display:none}html.js [data-js-only]{display:revert}.scene{z-index:0;pointer-events:none;background:radial-gradient(60% 50% at 82% 18%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 70%), radial-gradient(50% 45% at 8% 92%, color-mix(in srgb, var(--secondary) 12%, transparent), transparent 70%), var(--bg);position:fixed;inset:0}.scene:before{content:"";background-image:radial-gradient(circle, color-mix(in srgb, var(--fg) 9%, transparent) 1.2px, transparent 1.6px);background-size:28px 28px;transition:opacity .9s;position:absolute;inset:0;mask-image:linear-gradient(#000 0%,#0000 85%)}.scene canvas{opacity:0;width:100%;height:100%;transition:opacity .9s;position:absolute;inset:0}.scene.is-live canvas,.scene.is-dots canvas{opacity:1}.scene.is-dots:before{opacity:0}.page{z-index:1;position:relative}.wrap{width:min(100% - 2 * var(--gutter), var(--max));margin-inline:auto}.masthead{justify-content:space-between;align-items:center;gap:16px;padding-block:22px;display:flex}.mark{font:800 18px / 1 var(--display);letter-spacing:-.02em;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.mark svg{width:30px;height:30px}.nav{gap:4px;margin:0;padding:0;list-style:none;display:flex}.nav a{border-radius:999px;padding:8px 14px;font-size:15px;font-weight:600;text-decoration:none;transition:background .16s;display:inline-block}.nav a:hover{background:color-mix(in srgb, var(--fg) 10%, transparent)}.nav a[aria-current=page]{background:var(--fg);color:var(--bg)}.hero{grid-template-rows:auto 1fr auto;gap:clamp(20px,4vh,40px);min-height:calc(100svh - 76px);padding-bottom:clamp(28px,6vh,64px);display:grid}.hero-meta{border-top:1px solid var(--line);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px 28px;padding-top:24px;font-size:13px;font-weight:600;display:flex}.title{font:800 clamp(3.8rem, 13vw, 12rem) / .8 var(--display);letter-spacing:-.055em;align-self:center;margin:0}.title .line{white-space:nowrap;--ch-base:var(--fg);display:block}.title .ch{color:color-mix(in srgb, var(--accent) calc(var(--flash,0) * 100%), var(--ch-base));transform-origin:50% 85%;will-change:auto;display:inline-block}.title .line-2{--ch-base:var(--accent-text);margin-top:.06em}.title .by{font:italic 500 .26em / 1 var(--sans);letter-spacing:0;vertical-align:.95em;color:var(--fg);margin-right:.12em;display:inline-block}.hero-foot{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px 48px;display:flex}.lede{max-width:34ch;margin:0;font-size:clamp(18px,1.6vw,22px);line-height:1.4}.lede strong{color:var(--accent-text);font-weight:600}.ctas{flex-wrap:wrap;gap:12px;display:flex}.btn{min-height:52px;font:800 17px / 1 var(--display);letter-spacing:-.01em;transition:transform .18s var(--ease-out), background .18s;border-radius:999px;align-items:center;gap:10px;padding:0 26px;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)scale(.97)}.btn.primary{background:var(--accent);color:var(--on-accent)}.btn.ghost{border:1.5px solid color-mix(in srgb, var(--fg) 35%, transparent);backdrop-filter:blur(6px)}.btn.ghost:hover{border-color:var(--fg)}.btn .arrow{transition:transform .22s var(--ease-out)}.btn:hover .arrow{transform:translate(4px)}.section{padding-block:clamp(56px,10vh,120px)}.section-head{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding-top:clamp(28px,5vh,44px);display:flex}.kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--accent-text);margin:0;font-size:13px;font-weight:700}.section-head h2{font:800 clamp(2.4rem, 6vw, 5rem) / .9 var(--display);letter-spacing:-.04em;margin:0}.filter{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;margin:28px 0 32px;display:flex}.chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chip{border:1.5px solid var(--line);background:color-mix(in srgb, var(--bg) 70%, transparent);border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:15px;font-weight:600;text-decoration:none;transition:border-color .16s,background .16s,color .16s;display:inline-flex}.chip:hover{border-color:var(--fg)}.chip-n{background:color-mix(in srgb, var(--fg) 10%, transparent);text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;min-width:1.6em;padding:2px 6px;font-size:12px}.toggle{min-height:44px;color:inherit;font:600 15px / 1 var(--sans);cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0 4px}html.js .toggle[data-js-only]{display:inline-flex}.switch{background:var(--line);border-radius:999px;width:44px;height:26px;transition:background .18s;position:relative}.switch:after{content:"";background:var(--fg);width:20px;height:20px;transition:transform .22s var(--ease-out);border-radius:50%;position:absolute;top:3px;left:3px}.toggle[aria-pressed=true] .switch{background:var(--accent)}.toggle[aria-pressed=true] .switch:after{background:var(--on-accent);transform:translate(18px)}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:clamp(16px,2vw,28px);margin:0;padding:0;list-style:none;display:grid}.card-item{perspective:900px}.card{--rx:0deg;--ry:0deg;--mx:50%;--my:50%;--lift:0px;border:1.5px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--raised) 88%, transparent);height:100%;transform:translateY(var(--lift)) rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .45s var(--ease-out), border-color .2s, box-shadow .3s;flex-direction:column;text-decoration:none;display:flex;position:relative}.card:hover{--lift:-6px;border-color:color-mix(in srgb, var(--accent) 70%, var(--line));box-shadow:0 30px 60px -30px color-mix(in srgb, var(--accent) 45%, transparent)}.card.is-tilting{transition:border-color .2s,box-shadow .3s}.card-media{aspect-ratio:1;border-radius:calc(var(--radius) - 8px);background:var(--bg);margin:10px 10px 0;position:relative;overflow:hidden}.card-media img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-out)}.card-media .card-preview{opacity:0;transition:opacity .5s ease, transform .6s var(--ease-out);position:absolute;inset:0}.card-media .card-preview.is-ready{opacity:1}@media (prefers-reduced-motion:reduce){.card-media .card-preview{display:none}}.card:hover .card-media img{transform:scale(1.04)}.card-no{color:#f4f1ea;font:800 13px / 1 var(--display);letter-spacing:.02em;background:#0c0c10b3;border-radius:999px;padding:6px 10px;position:absolute;top:12px;left:12px}.card-play{background:var(--accent);color:var(--on-accent);font:800 15px / 1 var(--display);opacity:0;transition:transform .26s var(--ease-out), opacity .2s;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;display:inline-flex;position:absolute;bottom:12px;right:12px;transform:translateY(8px)scale(.92)}.card:hover .card-play,.card:focus-visible .card-play{opacity:1;transform:none}.glare{border-radius:inherit;background:radial-gradient(circle at var(--mx) var(--my), #ffffff38, transparent 55%);opacity:0;mix-blend-mode:soft-light;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.card.is-tilting .glare{opacity:1}.card-body{gap:6px;padding:18px 20px 20px;display:grid}.card-title{font:800 clamp(1.9rem, 3vw, 2.4rem) / 1 var(--display);letter-spacing:-.035em;margin:0}.card-tagline{color:var(--muted);margin:0}.card-meta{flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0 0;padding:0;font-size:13px;font-weight:600;list-style:none;display:flex}.tag{border:1px solid var(--line);border-radius:999px;padding:4px 10px}.inputs{color:var(--muted);gap:6px;margin-left:auto;display:inline-flex}.inputs svg{width:20px;height:20px}.soon{border:1.5px dashed color-mix(in srgb, var(--fg) 22%, transparent);border-radius:var(--radius);background:color-mix(in srgb, var(--raised) 55%, transparent);flex-direction:column;height:100%;display:flex}.soon-media{aspect-ratio:1;border-radius:calc(var(--radius) - 8px);background:radial-gradient(circle, color-mix(in srgb, var(--fg) 8%, transparent) 1px, transparent 1.5px) 0 0 / 22px 22px, var(--bg);margin:10px 10px 0;position:relative;overflow:hidden;container-type:inline-size}.soon-typing{--mono:ui-monospace, "Cascadia Mono", "SF Mono", Menlo, Consolas, monospace;font-family:var(--mono)}.soon-stat{color:var(--muted);font:600 13px/1 ui-monospace,Cascadia Mono,SF Mono,Menlo,Consolas,monospace;position:absolute;top:12px;right:12px}.soon-word{top:0;left:var(--x);color:color-mix(in srgb, var(--fg) 30%, transparent);transform:translateY(calc(10cqi - var(--d) * 9cqi));font-size:5cqi;position:absolute}.soon-target{white-space:nowrap;color:var(--fg);font-size:8cqi;font-weight:700;position:absolute;top:0;left:50%;transform:translate(-50%,34cqi)}.soon-target:after,.soon-typed:before{content:attr(data-word);white-space:nowrap;vertical-align:bottom;width:3ch;display:inline-block;overflow:hidden}.soon-target:after{color:var(--accent);position:absolute;top:0;left:0}.soon-input{border:1.5px solid var(--line);background:color-mix(in srgb, var(--raised) 90%, transparent);border-radius:999px;align-items:center;gap:.6ch;padding:2.6cqi 4cqi;font-size:5.4cqi;display:flex;position:absolute;bottom:8%;left:9%;right:9%}.soon-prompt{color:var(--accent)}.soon-typed:after{content:"";vertical-align:-.15em;background:var(--accent);width:.12em;height:1.05em;margin-left:1px;display:inline-block}@media (prefers-reduced-motion:no-preference){.soon-word{animation:soon-fall 9s linear calc(var(--d) * 1s) infinite}.soon-target{animation:3.4s ease-in infinite soon-target}.soon-target:after{animation:3.4s infinite soon-type}.soon-typed:before{animation:3.4s infinite soon-input}.soon-typed:after{animation:1s step-end infinite soon-blink}}@keyframes soon-fall{0%{transform:translateY(-8cqi)}to{transform:translateY(104cqi)}}@keyframes soon-target{0%{opacity:0;transform:translate(-50%,12cqi)}6%{opacity:1}60%{opacity:1;animation-timing-function:ease-out;transform:translate(-50%,40cqi)scale(1)}74%,to{opacity:0;transform:translate(-50%,40cqi)scale(1.7)}}@keyframes soon-type{0%{width:0;animation-timing-function:steps(5,end)}58%,to{width:5ch}}@keyframes soon-input{0%{width:0;animation-timing-function:steps(5,end)}58%,66%{width:5ch}67%,to{width:0}}@keyframes soon-blink{50%{opacity:0}}.m-board{background:color-mix(in srgb, var(--fg) 6%, transparent);border-radius:4cqi;grid-template-columns:repeat(4,17cqi);grid-auto-rows:17cqi;gap:2.4cqi;padding:2.4cqi;display:grid;position:absolute;top:14cqi;left:10cqi}.m-cell{background:color-mix(in srgb, var(--fg) 5%, transparent);border-radius:2.4cqi}.m-tile{top:calc(2.4cqi + var(--r) * 19.4cqi);left:calc(2.4cqi + var(--c) * 19.4cqi);background:color-mix(in srgb, var(--accent) calc(var(--k) * 88%), var(--raised));width:17cqi;height:17cqi;color:var(--fg);font:800 var(--fs) / 1 var(--display);letter-spacing:-.03em;border-radius:2.4cqi;place-items:center;display:grid;position:absolute}.m-tile.is-hot{color:var(--on-accent)}.m-base,.m-move{opacity:0}.m-merged{background:var(--accent);box-shadow:0 0 7cqi -1cqi color-mix(in srgb, var(--accent) 70%, transparent)}@media (prefers-reduced-motion:no-preference){.m-base{animation:4s infinite m-base}.m-move{animation:4s infinite m-move}.m-merged{animation:4s infinite m-merged}.m-spawn{animation:4s infinite m-spawn}}@keyframes m-base{0%,41%{opacity:1}42%,86%{opacity:0}96%,to{opacity:1}}@keyframes m-move{0%,28%{opacity:1;animation-timing-function:cubic-bezier(.5,0,.2,1);transform:none}41%{opacity:1;transform:translate(-58.2cqi)}42%,86%{opacity:0;transform:none}96%,to{opacity:1}}@keyframes m-merged{0%,41%{opacity:0;transform:scale(.7)}42%{opacity:1;animation-timing-function:cubic-bezier(.3,1.6,.5,1);transform:scale(.7)}52%,86%{opacity:1;transform:none}96%,to{opacity:0}}@keyframes m-spawn{0%,54%{opacity:0;animation-timing-function:cubic-bezier(.3,1.5,.5,1);transform:scale(0)}62%,86%{opacity:1;transform:none}96%,to{opacity:0}}.soon .card-title{display:block}html[data-tag] .ghost,html[data-touch] .ghost{display:none}.empty{margin:40px 0 0;font-size:18px}.wipe{z-index:50;background:var(--accent);pointer-events:none;clip-path:circle(0);position:fixed;inset:0}.footer{border-top:1px solid var(--line);background:color-mix(in srgb, var(--bg) 82%, transparent);margin-top:clamp(40px,8vh,96px);padding-block:clamp(48px,9vh,96px) 32px;position:relative;overflow:hidden}.trail{top:6px;right:var(--gutter);pointer-events:none;width:132px;height:33px;color:var(--accent);position:absolute}.trail.is-live{top:0;left:0;right:auto}.trail-apple{fill:var(--secondary);transform-box:fill-box;transform-origin:50%}.trail-apple.is-new{animation:trail-apple-in .42s var(--ease-out), trail-apple-pulse 1.4s ease-in-out .42s infinite}.trail-pop{fill:none;stroke:var(--secondary);stroke-width:2px;transform-box:fill-box;transform-origin:50%;animation:.48s ease-out forwards trail-pop}@keyframes trail-apple-in{0%{transform:scale(0)}}@keyframes trail-apple-pulse{50%{transform:scale(.82)}}@keyframes trail-pop{to{opacity:0;transform:scale(1.7)}}.footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:40px;display:grid;position:relative}.footer-big{font:800 clamp(2.6rem, 7vw, 6rem) / .85 var(--display);letter-spacing:-.05em;margin:0}.footer-big span{color:var(--accent-text)}.footer h2{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;font-size:13px;font-weight:700}.footer ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.footer a{text-underline-offset:4px;font-weight:600;text-decoration-thickness:1.5px}.footer a:hover{text-decoration-color:var(--accent);text-decoration-thickness:3px}.fineprint a{font-weight:inherit}.fineprint a:hover{text-decoration-thickness:1.5px}.fineprint{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:64px;padding-top:18px;font-size:14px;display:flex;position:relative}@media (width<=760px){.footer-grid{grid-template-columns:1fr 1fr}.footer-big{grid-column:1/-1}}.prose{max-width:62ch;padding-block:clamp(40px,10vh,120px);font-size:19px}.prose h1{font:800 clamp(3.2rem, 10vw, 8rem) / .85 var(--display);letter-spacing:-.05em;margin:0 0 28px}.prose h2{font:800 1.8rem / 1.1 var(--display);letter-spacing:-.03em;margin:48px 0 8px}.prose a{color:var(--accent-text);text-underline-offset:4px;text-decoration-thickness:1.5px}.prose ul{padding-left:1.2em}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}.scene canvas{display:none}}