:root{--cream: #ebe5da;--paper: #f6f2ea;--ink: #1d1a17;--ink-2: #4a443d;--muted: #7c7368;--line: #d9d0c2;--ember: #d9531e;--ember-deep: #a83c12;--sage: #5f7a5a;--night: #1d1a17;--display: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--body: "Geist", ui-sans-serif, system-ui, "Segoe UI", sans-serif;--mono: "Geist Mono", ui-monospace, "Cascadia Mono", monospace;--pad: clamp(16px, 4vw, 56px);--ease: cubic-bezier(.2, .7, .1, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.55 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit}h1,h2,h3{font-family:var(--display);font-weight:800;letter-spacing:-.03em;line-height:.98;margin:0}h2{font-size:clamp(2.2rem,5.4vw,4.4rem)}em{font-style:normal;color:var(--ember)}.mono{font-family:var(--mono);letter-spacing:-.01em}.eyebrow{font:500 .78rem/1 var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--ember-deep);margin:0 0 18px}:focus-visible{outline:2px solid var(--ember);outline-offset:3px;border-radius:6px}.nav{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;gap:28px;padding:14px var(--pad);transition:background .4s,box-shadow .4s,backdrop-filter .4s}.nav.solid{background:#f6f2ead1;backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line)}.mark{display:flex;align-items:center;gap:10px;text-decoration:none;font:800 1.2rem/1 var(--display);letter-spacing:-.02em}.glyph{width:22px;height:22px;background:var(--ink);clip-path:polygon(50% 0,100% 28%,100% 72%,50% 100%,0 72%,0 28%);position:relative}.glyph:after{content:"";position:absolute;inset:6px 6px 9px;background:var(--ember);clip-path:polygon(50% 0,100% 35%,50% 70%,0 35%)}.nav nav{display:flex;gap:22px;margin-left:auto}.nav nav a{text-decoration:none;font-size:.92rem;color:var(--ink-2);position:relative}.nav nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-4px;height:1.5px;background:var(--ember);transition:right .35s var(--ease)}.nav nav a:hover:after{right:0}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;border:0;background:var(--ink);color:var(--paper);font:600 .98rem/1 var(--body);text-decoration:none;cursor:pointer;transition:transform .25s var(--ease),background .25s,box-shadow .25s;will-change:transform}.btn:hover{background:var(--ember);box-shadow:0 12px 30px -12px #d9531eb3}.btn-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}.btn-ghost:hover{background:var(--ink);color:var(--paper);box-shadow:none}.btn-small{padding:10px 16px;font-size:.88rem}.btn-large{padding:20px 32px;font-size:1.1rem}.hero{position:relative;min-height:100svh;background:var(--cream);overflow:hidden;display:grid;align-items:center}#heroCanvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1.4s ease}#heroCanvas.ready{opacity:1}.hero:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,var(--cream) 0%,rgb(235 229 218 / .85) 28%,rgb(235 229 218 / 0) 58%)}.hero-copy{position:relative;z-index:2;padding:120px var(--pad) 80px;max-width:720px}.hero h1{font-size:clamp(3.2rem,9vw,7.6rem)}.lede{font-size:clamp(1.02rem,1.4vw,1.2rem);color:var(--ink-2);max-width:34em;margin:26px 0 32px}.cta{display:flex;flex-wrap:wrap;gap:12px}.stats{display:grid;grid-template-columns:repeat(4,auto);gap:8px 34px;margin:48px 0 0;justify-content:start}.stats dt{font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:500;color:var(--ink)}.stats dd{margin:4px 0 0;font-size:.82rem;color:var(--muted)}.hero-caption{position:absolute;z-index:2;right:var(--pad);bottom:26px;margin:0;font:400 .78rem var(--mono);color:var(--ink-2);background:#f6f2eabf;padding:6px 10px;border-radius:6px}.hero-caption:empty{display:none}.scroll-hint{position:absolute;z-index:2;left:50%;bottom:22px;width:24px;height:38px;border:1.5px solid var(--ink-2);border-radius:12px}.scroll-hint span{position:absolute;left:50%;top:7px;width:3px;height:8px;margin-left:-1.5px;border-radius:2px;background:var(--ember);animation:hint 1.8s var(--ease) infinite}@keyframes hint{0%{transform:translateY(0);opacity:1}70%{transform:translateY(12px);opacity:0}to{opacity:0}}.tune{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,5vw,72px);align-items:center;padding:clamp(80px,12vw,160px) var(--pad)}.tune-copy p{color:var(--ink-2);max-width:30em}.sliders{display:grid;gap:16px;margin:30px 0 22px;max-width:420px}.slider{display:grid;grid-template-columns:1fr auto;gap:6px 10px;font-size:.92rem}.slider output{color:var(--muted);font-size:.85rem}.slider input{grid-column:1 / -1;width:100%;appearance:none;height:22px;background:transparent;cursor:pointer}.slider input::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(90deg,var(--ember) var(--fill),var(--line) var(--fill))}.slider input::-moz-range-track{height:4px;border-radius:2px;background:linear-gradient(90deg,var(--ember) var(--fill),var(--line) var(--fill))}.slider input::-webkit-slider-thumb{appearance:none;width:18px;height:18px;margin-top:-7px;border-radius:50%;background:var(--paper);box-shadow:0 0 0 2px var(--ink),0 4px 10px #0003;transition:transform .2s}.slider input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;border:2px solid var(--ink);background:var(--paper)}.slider input:active::-webkit-slider-thumb{transform:scale(1.2)}.segmented{display:inline-flex;padding:4px;gap:4px;border-radius:999px;background:var(--cream);width:fit-content}.segmented button{border:0;background:none;padding:8px 14px;border-radius:999px;font:500 .86rem var(--body);color:var(--ink-2);cursor:pointer}.segmented button[aria-checked=true]{background:var(--ink);color:var(--paper)}.tune-stage{position:relative;aspect-ratio:5 / 4;border-radius:24px;overflow:hidden;background:var(--paper);box-shadow:0 0 0 1px var(--line),0 40px 80px -50px #3c281473}.tune-stage canvas{width:100%;height:100%;display:block}.tune-hud{position:absolute;left:16px;bottom:14px;margin:0;font-size:.78rem;color:var(--ink-2);background:#f6f2eacc;padding:6px 10px;border-radius:6px}.worlds{padding:clamp(80px,10vw,140px) 0;background:var(--cream)}.section-head{padding:0 var(--pad);max-width:860px;margin-bottom:48px}.section-head p{color:var(--ink-2);max-width:36em}.rail{margin-bottom:40px}.rail-head{display:flex;align-items:baseline;gap:16px;padding:0 var(--pad);margin-bottom:14px}.rail-head h3{font-size:clamp(1.3rem,2.2vw,1.8rem)}.rail-head span{color:var(--muted);font-size:.8rem}.rail-track{display:flex;gap:14px;overflow-x:auto;padding:6px var(--pad) 18px;scrollbar-width:none;scroll-snap-type:x proximity}.rail-track::-webkit-scrollbar{display:none}.card{flex:0 0 auto;width:190px;text-decoration:none;scroll-snap-align:start;border-radius:16px;padding:10px 10px 14px;background:var(--paper);box-shadow:0 0 0 1px var(--line);transition:transform .35s var(--ease),box-shadow .35s}.card:hover{transform:translateY(-6px);box-shadow:0 0 0 1px var(--ink),0 22px 40px -24px #3c281480}.card img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;background:linear-gradient(110deg,#ece5d9 30%,#f5f0e7,#ece5d9 70%) 0 0 / 300% 100%;animation:shimmer 1.6s linear infinite}.card img[src]{animation:none;background:#efe9df}@keyframes shimmer{to{background-position:-300% 0}}.card strong{display:block;margin-top:10px;font-size:.92rem;line-height:1.25}.card span{display:block;font-size:.76rem;color:var(--muted);margin-top:2px}.people{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);background:var(--night);color:var(--paper);align-items:center}.people .eyebrow,.people em{color:#f08a5d}.people-stage{position:relative;min-height:560px;height:100%}.people-stage canvas{position:absolute;inset:0;width:100%;height:100%}.people-stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--night),transparent 14%,transparent 82%,var(--night))}.people-copy{padding:clamp(60px,8vw,120px) var(--pad)}.people-copy p{color:#cfc6b8;max-width:30em}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.chips button{border:1px solid #4b443c;background:transparent;color:#e9e2d6;padding:8px 13px;border-radius:999px;font:500 .82rem var(--body);cursor:pointer;transition:background .25s,border-color .25s}.chips button:hover{border-color:#f08a5d}.chips button[aria-pressed=true]{background:#f08a5d;border-color:#f08a5d;color:var(--night)}.scenes{padding:clamp(80px,10vw,140px) 0}.scene-frame{margin:0 var(--pad);border-radius:26px;overflow:hidden;background:var(--cream);box-shadow:0 0 0 1px var(--line)}.tabs{display:flex;gap:6px;padding:12px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line)}.tabs button{flex:0 0 auto;border:0;background:none;padding:10px 16px;border-radius:999px;font:500 .9rem var(--body);color:var(--ink-2);cursor:pointer}.tabs button:hover{background:var(--paper)}.tabs button[aria-selected=true]{background:var(--ink);color:var(--paper)}.scene-stage{position:relative;aspect-ratio:16 / 8;min-height:360px}.scene-stage canvas{width:100%;height:100%;display:block;opacity:.25;transition:opacity .8s}.scene-stage canvas.ready{opacity:1}.scene-status{position:absolute;left:18px;bottom:16px;margin:0;max-width:min(640px,calc(100% - 36px));font-size:.78rem;color:var(--ink-2);background:#f6f2ead9;padding:8px 12px;border-radius:8px}.export{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:center;padding:clamp(60px,8vw,120px) var(--pad);background:var(--cream)}.export-copy p{color:var(--ink-2);max-width:30em}.engines{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:26px 0 0}.engines li{padding:8px 14px;border-radius:999px;background:var(--paper);box-shadow:0 0 0 1px var(--line);font-size:.88rem}.code{margin:0;padding:28px;border-radius:20px;background:var(--night);color:#e9e2d6;font:400 .92rem/1.7 var(--mono);overflow-x:auto;box-shadow:0 40px 80px -50px #0009}.code .k{color:#f08a5d}.code .s{color:#b5cf8f}.code .n{color:#e6c06b}.code .c{color:#8a8175}.final{padding:clamp(100px,14vw,200px) var(--pad);text-align:center;display:grid;justify-items:center;gap:40px}.final h2{font-size:clamp(2.6rem,7vw,6rem);max-width:14ch}.foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:28px var(--pad);border-top:1px solid var(--line);font-size:.86rem;color:var(--muted)}.reveal{opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease) var(--d, 0ms),transform .9s var(--ease) var(--d, 0ms)}.reveal.in{opacity:1;transform:none}[data-split] .w{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.06em}[data-split] .w>span{display:inline-block;transform:translateY(105%);transition:transform .9s var(--ease)}[data-split].in .w>span{transform:none}@media (prefers-reduced-motion: reduce){.reveal,[data-split] .w>span{transition:none;opacity:1;transform:none}.scroll-hint span,.card img{animation:none}html{scroll-behavior:auto}}@media (max-width: 900px){.nav nav{display:none}.nav .btn-small{margin-left:auto}.hero{align-items:end}.hero:before{background:linear-gradient(0deg,var(--cream) 0%,var(--cream) 40%,rgb(235 229 218 / 0) 58%)}.hero-copy{padding-top:46svh;padding-bottom:70px}.stats{grid-template-columns:repeat(2,auto)}.hero-caption,.scroll-hint{display:none}.tune,.export,.people{grid-template-columns:1fr}.people-stage{min-height:360px}.scene-stage{aspect-ratio:4 / 3;min-height:0}.card{width:150px}}