@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/a342834df7752944-s.1ypl14jhz9yyw.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/d3fe2f289711ac3f-s.2g9li78_0_it5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/58c4895d0a0ef7cc-s.00u3xrku2lqty.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/bfc7db5c00d21bc5-s.2vepgg3wcdr2q.woff2)format("woff2");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:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/6ab0db14f70d8ed6-s.2ttjmmx-9gnz1.woff2)format("woff2");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:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/a343f882a40d2cc9-s.p.3259ncl47-hqj.woff2)format("woff2");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:Manrope Fallback;src:local(Arial);ascent-override:103.31%;descent-override:29.07%;line-gap-override:0.0%;size-adjust:103.19%}.manrope_bfe354df-module__TsHL_q__className{font-family:Manrope,Manrope Fallback;font-style:normal}.manrope_bfe354df-module__TsHL_q__variable{--font-manrope:"Manrope", "Manrope Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d72c019e91ffb82f-s.23_tzllc9ug3l.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/8557ac4879842fb9-s.0v7f0_qic28v5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/c847346577a98de0-s.2im-ylirbcr2x.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/db08d2e20377160a-s.2wq_0j16_l1ke.woff2)format("woff2");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:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/8394f9d71e076efc-s.1_84mggmphogq.woff2)format("woff2");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:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/19087af2bdec32b5-s.p.0u70gkhz9e0b8.woff2)format("woff2");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:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_c00eacf9-module__vy4YJa__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal;font-weight:400}.jetbrains_mono_c00eacf9-module__vy4YJa__variable{--font-mono:"JetBrains Mono", "JetBrains Mono Fallback"}
:root{--bg:#050506;--surface:#0c0c0f;--surface-2:#16161a;--text:#ededef;--text-2:#b4b4bc;--muted:#8e8e98;--accent:#e70e7b;--accent-text:#ff5fa8;--glow:#fa2ecc;--line:#ffffff14;--line-strong:#6e6e78;--bad:#ff7a85;--overlay:color-mix(in srgb, var(--bg) 96%, transparent);--on-image:#fff;--tap:44px;--sp-4:4px;--sp-8:8px;--sp-12:12px;--sp-16:16px;--sp-20:20px;--sp-24:24px;--sp-32:32px;--sp-40:40px;--sp-48:48px;--sp-64:64px;--rhythm-lg:clamp(var(--sp-40), 5vw, var(--sp-64));--rhythm-md:clamp(var(--sp-32), 4.4vw, 56px);--rhythm-sm:clamp(var(--sp-24), 3vw, var(--sp-40));--fs-xs:.75rem;--fs-sm:.875rem;--fs-md:.9375rem;--fs-base:1.0625rem;--fs-lg:1.25rem;--font:var(--font-manrope), system-ui, -apple-system, "Segoe UI", sans-serif;--mono:var(--font-mono), ui-monospace, "Cascadia Mono", Consolas, monospace;--max:70rem;--gutter:clamp(16px, 4vw, 40px);--ease:cubic-bezier(.16, 1, .3, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-base);-webkit-font-smoothing:antialiased;margin:0;line-height:1.65}img,picture{max-width:100%;display:block}a{color:inherit;text-decoration:none}a,button{cursor:pointer}:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px;border-radius:4px}.skip{z-index:100;background:var(--text);color:var(--bg);padding:var(--sp-8) var(--sp-16);border-radius:8px;font-weight:700;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}.wrap{width:min(100% - (var(--gutter) * 2), var(--max));margin-inline:auto}.label{font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;line-height:1.4}h1,h2,h3,p{margin:0}.icon{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.site-header{border-bottom:1px solid var(--line);background:var(--bg);z-index:40;position:sticky;top:0}.site-header .wrap{justify-content:space-between;align-items:center;gap:16px;min-height:72px;display:flex}.brand{min-height:var(--tap);align-items:center;gap:12px;display:inline-flex}.brand img{width:40px;height:auto}.wordmark{letter-spacing:-.01em;font-size:1.25rem;line-height:1}.wordmark b{font-weight:800}.wordmark i{color:var(--accent);font-style:normal;font-weight:800}.wordmark .the{margin-right:.3em;font-size:.82em;font-weight:300}.wordmark .lab{margin-left:.25em;font-weight:300}.brand-lg img{width:52px}.brand-lg .wordmark{font-size:1.75rem}.nav{align-items:center;gap:clamp(8px,2vw,24px);display:flex}.nav a{min-height:var(--tap);font-size:var(--fs-md);color:var(--text-2);transition:color .2s var(--ease);align-items:center;padding:0 8px;font-weight:500;display:inline-flex}.nav a:hover{color:var(--text)}.lang{border:1px solid var(--line-strong);margin-left:var(--sp-4);border-radius:999px;padding:2px;display:inline-flex}.lang a{min-width:var(--tap);min-height:var(--tap);color:var(--text-2);font:600 var(--fs-sm) var(--font);letter-spacing:.04em;transition:background .2s var(--ease), color .2s var(--ease);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.lang a[aria-current=true]{background:var(--text);color:var(--bg)}.brand picture{flex:none;line-height:0;display:block}.nav-sm{display:none}.menu-btn{align-items:center;gap:var(--sp-8);min-height:var(--tap);padding:0 var(--sp-16) 0 var(--sp-12);border:1px solid var(--line-strong);color:var(--text);font:600 var(--fs-sm) var(--font);cursor:pointer;transition:background .2s var(--ease), transform .1s var(--ease);background:0 0;border-radius:999px;display:inline-flex}.menu-btn:hover,.menu-btn[aria-expanded=true]{background:var(--surface-2)}.menu-icon{width:16px;height:1.5px;transition:background .2s var(--ease);background:currentColor;border-radius:1px;position:relative}.menu-icon:before,.menu-icon:after{content:"";width:16px;height:1.5px;transition:transform .2s var(--ease);background:currentColor;border-radius:1px;position:absolute;left:0}.menu-icon:before{transform:translateY(-5px)}.menu-icon:after{transform:translateY(5px)}.menu-icon[data-open=true]{background:0 0}.menu-icon[data-open=true]:before{transform:rotate(45deg)}.menu-icon[data-open=true]:after{transform:rotate(-45deg)}.menu-panel{gap:var(--sp-20);padding:var(--sp-8) var(--gutter) var(--sp-24);background:var(--bg);border-bottom:1px solid var(--line-strong);display:grid;position:absolute;top:100%;left:0;right:0;box-shadow:0 24px 40px -16px #000000b3}.menu-panel[hidden]{display:none}.menu-panel ul{margin:0;padding:0;list-style:none}.menu-panel li a{border-bottom:1px solid var(--line);min-height:56px;font-size:var(--fs-lg);color:var(--text);transition:color .2s var(--ease);align-items:center;font-weight:600;display:flex}.menu-panel li a:hover{color:var(--accent-text)}.menu-panel .lang{justify-self:start;margin-left:0}.hero{isolation:isolate;padding:clamp(40px,7vw,88px) 0 clamp(56px,8vw,104px);position:relative;overflow:hidden}.hero .wrap{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(32px,5vw,72px);display:grid}.hero h1{letter-spacing:-.025em;text-wrap:balance;margin:16px 0 24px;font-size:clamp(2rem,4.2vw,3.5rem);font-weight:300;line-height:1.08}.hero h1 strong{font-weight:800}.lede{color:var(--text-2);font-size:var(--fs-lg);max-width:34ch}.cta-row{flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:32px;display:flex}.btn{align-items:center;gap:var(--sp-8);background:var(--accent);min-height:48px;color:var(--bg);font-weight:800;font-size:var(--fs-base);transition:box-shadow .25s var(--ease), background .2s var(--ease), transform .1s var(--ease);border-radius:999px;padding:0 24px;display:inline-flex}.btn:hover{background:var(--glow);box-shadow:0 0 28px color-mix(in srgb, var(--glow) 28%, transparent)}.credit{font-size:var(--fs-sm);color:var(--muted)}.credit a{color:var(--text-2);text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:3px;padding-block:13px}.mosaic{justify-content:center;gap:clamp(var(--sp-4), .8vw, var(--sp-8));flex-wrap:wrap;display:flex}.mosaic figure{flex:0 0 calc(25% - var(--sp-4))}.mosaic figure,.universes figure{aspect-ratio:9/16;background:var(--surface);margin:0;position:relative;overflow:hidden}.mosaic figure{border-radius:6px}.mosaic img,.universes img{object-fit:cover;width:100%;height:100%}.mosaic img,.universes img,.sheet img{transition:filter .3s var(--ease)}.mosaic figcaption,.universes figcaption{font-family:var(--mono);font-size:var(--fs-xs);color:var(--on-image);background:linear-gradient(to top, color-mix(in srgb, var(--bg) 92%, transparent), transparent);line-height:1.2;position:absolute;inset:auto 0 0}.mosaic figcaption{padding:var(--sp-20) var(--sp-4) var(--sp-8);overflow-wrap:anywhere;line-height:1.2}.mosaic figcaption span{display:block}a.mosaic-link{transition:transform .1s var(--ease);border-radius:16px;display:block}a.mosaic-link:hover .mosaic img{filter:brightness(1.12)saturate(1.06)}a.mosaic-link:hover .mosaic figure{outline:1px solid var(--line-strong)}section{border-top:1px solid var(--line);padding:clamp(48px,7vw,96px) 0}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:8px 24px;margin-bottom:clamp(24px,4vw,40px);display:flex}.sec-head h2,.about h2{letter-spacing:-.02em;margin-top:8px;font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.1}.sec-head h2{font-weight:800}.sec-head p{color:var(--text-2);max-width:46ch}.card h3,.phase h3,.learnings h3{letter-spacing:-.015em;font-size:1.5rem;font-weight:800;line-height:1.2}.meta{gap:var(--sp-8);margin:var(--sp-12) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.meta li{font-family:var(--mono);font-size:var(--fs-xs);color:var(--text-2);border:1px solid var(--line);padding:var(--sp-4) var(--sp-12);border-radius:999px}.open{min-height:var(--tap);color:var(--accent-text);align-items:center;gap:8px;font-weight:700;display:inline-flex}.open .icon{transition:transform .2s var(--ease)}.cards{gap:var(--sp-24) var(--sp-20);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.card{border:1px solid var(--line);background:var(--surface);transition:border-color .2s var(--ease), background .2s var(--ease), transform .1s var(--ease);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.card:hover{border-color:var(--line-strong);background:var(--surface-2)}.card-media{aspect-ratio:4/5;background:var(--bg);overflow:hidden}.card-media picture{width:100%;height:100%;display:block}.card-media img{object-fit:cover;width:100%;height:100%;transition:transform .45s var(--ease)}.card:hover .card-media img{transform:scale(1.04)}.card-mosaic{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;display:grid}.card-mosaic picture{min-height:0;overflow:hidden}.card-body{gap:var(--sp-8);padding:var(--sp-20);flex-direction:column;flex:1;display:flex}.card .num{font-family:var(--mono);font-size:var(--fs-sm);color:var(--muted);transition:color .25s var(--ease)}.card:hover .num{color:var(--accent-text)}.card h3 .chip{vertical-align:middle;font-size:var(--fs-xs);margin-left:12px}.card p{color:var(--text-2);font-size:var(--fs-md)}.card-foot{justify-content:space-between;align-items:flex-end;gap:var(--sp-12);padding-top:var(--sp-8);margin-top:auto;display:flex}.card-foot .meta{margin:0}.card-arrow{width:var(--tap);height:var(--tap);border:1px solid var(--line-strong);color:var(--accent-text);transition:background .2s var(--ease), border-color .2s var(--ease), color .2s var(--ease);border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.card:hover .card-arrow{background:var(--accent);border-color:var(--accent);color:var(--on-image)}.card:hover .card-arrow .icon{transform:translate(1px,-1px)}.card-arrow .icon{transition:transform .2s var(--ease)}.cards+.entry-empty{margin-top:var(--sp-24)}.rights-note{gap:var(--sp-4);max-width:62ch;margin-top:var(--sp-24);padding-left:var(--sp-16);border-left:2px solid var(--line-strong);color:var(--muted);font-size:var(--fs-sm);line-height:1.55;display:grid}.ds-card-demo{max-width:360px}.entry-empty{border:1px dashed var(--line-strong);color:var(--muted);border-radius:16px;grid-template-columns:auto 1fr;align-items:center;gap:16px 24px;margin-top:12px;padding:20px;display:grid}.entry-empty .num{font-family:var(--mono);font-size:var(--fs-sm)}.chip{align-items:center;gap:var(--sp-8);font-size:var(--fs-sm);padding:var(--sp-4) var(--sp-12) var(--sp-4) var(--sp-8);border:1px solid var(--line-strong);color:var(--text);border-radius:999px;font-weight:700;display:inline-flex}.chip.bad .icon{color:var(--bad)}.chip.ok .icon{color:var(--accent-text)}.more{margin-top:32px}.about{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(24px,5vw,72px);display:grid}.about h2{font-weight:300}.about h2 strong{font-weight:800}.about p+p{margin-top:16px}.about p{color:var(--text-2);max-width:56ch}footer{border-top:1px solid var(--line);background:var(--bg);padding:clamp(40px,6vw,72px) 0 40px}footer .wrap{grid-template-columns:auto 1fr;align-items:center;gap:32px 48px;display:grid}footer ul{color:var(--text-2);font-size:var(--fs-md);flex-wrap:wrap;gap:8px 24px;margin:0;padding:0;list-style:none;display:flex}footer ul a{min-height:var(--tap);border-bottom:1px solid #0000;align-items:center;gap:.35em;display:inline-flex}footer ul a:hover{color:var(--text);border-color:var(--line-strong)}footer .fine{color:var(--muted);font-size:var(--fs-sm);grid-column:1/-1}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.crumb{min-height:var(--tap);color:var(--text-2);font-size:var(--fs-md);transition:color .2s var(--ease);align-items:center;gap:8px;display:inline-flex}.crumb:hover{color:var(--text)}.exp-page{padding:clamp(32px,6vw,72px) 0 clamp(56px,8vw,104px)}.exp-page h1{letter-spacing:-.03em;margin:12px 0 16px;font-size:clamp(2.25rem,5vw,4rem);font-weight:800;line-height:1.05}.exp-page .question{color:var(--text-2);text-wrap:balance;max-width:30ch;font-size:clamp(1.25rem,2.4vw,1.75rem);font-weight:300;line-height:1.3}.wip{border:1px dashed var(--line-strong);color:var(--muted);font-size:var(--fs-md);border-radius:12px;max-width:60ch;margin-top:32px;padding:16px 20px}.universes{gap:var(--sp-12);margin:var(--sp-48) 0 0;grid-template-columns:repeat(5,1fr);padding:0;list-style:none;display:grid}.universes figure{border-radius:8px}.universes figcaption{padding:var(--sp-24) var(--sp-8) var(--sp-8)}.chip.neutral .icon{color:var(--text-2)}.universes li.pending img{opacity:.55}.universes a{border-radius:8px;display:block}.universes a:hover img{filter:brightness(1.1)}.chapter{border-top:1px solid var(--line);padding:clamp(48px,7vw,96px) 0}.chapter h2{letter-spacing:-.02em;margin:8px 0 16px;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.1}.chapter-intro{color:var(--text-2);max-width:60ch}.final-pair{margin:var(--rhythm-sm) 0 24px;grid-template-columns:repeat(2,minmax(0,360px));gap:32px;display:grid}.final-pair.single{grid-template-columns:minmax(0,480px)}.final-pair figure,.closing-grid figure{margin:0}.final-pair picture,.final-pair video,.closing-grid picture,.sheet picture{background:var(--surface);border-radius:12px;display:block;overflow:hidden}.final-pair picture,.closing-grid picture{width:100%;aspect-ratio:var(--aw,9) / var(--ah,16)}.final-pair video{aspect-ratio:9/16;object-fit:cover;width:100%;height:auto}.final-pair img,.closing-grid img{object-fit:cover;width:100%;height:100%}.final-pair figcaption,.closing-grid figcaption{gap:var(--sp-8);padding-top:var(--sp-16);color:var(--text-2);font-size:var(--fs-md);display:grid}.tech{font-family:var(--mono);font-size:var(--fs-xs);color:var(--muted);margin-top:8px;line-height:1.5;display:block}.prompt{max-width:752px;margin:0 0 var(--sp-24);border:1px solid var(--line);background:var(--surface);transition:border-color .2s var(--ease);border-radius:12px}.prompt:hover,.prompt[open]{border-color:var(--line-strong)}.prompt summary{align-items:center;gap:var(--sp-12);min-height:var(--tap);padding:var(--sp-8) var(--sp-20);cursor:pointer;border-radius:12px;list-style:none;display:flex}.prompt summary::-webkit-details-marker{display:none}.prompt summary:after{content:"";border-right:1.5px solid var(--text-2);border-bottom:1.5px solid var(--text-2);width:8px;height:8px;transition:transform .2s var(--ease);margin-left:auto;transform:translateY(-2px)rotate(45deg)}.prompt[open] summary:after{transform:translateY(2px)rotate(-135deg)}.prompt-summary{color:var(--text);font-size:var(--fs-md);font-weight:600}.prompt-body{gap:var(--sp-12);padding:var(--sp-4) var(--sp-20) var(--sp-20);display:grid}.prompt-body>.label{margin-top:var(--sp-8)}.prompt-params{gap:var(--sp-8) var(--sp-24);font-family:var(--mono);font-size:var(--fs-xs);flex-wrap:wrap;margin:0;display:flex}.prompt-params div{gap:var(--sp-8);display:flex}.prompt-params dt{color:var(--muted)}.prompt-params dd{color:var(--text);margin:0}.prompt-loras{gap:var(--sp-8);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.prompt-loras li{font-family:var(--mono);font-size:var(--fs-xs);color:var(--text-2);border:1px solid var(--line);padding:var(--sp-4) var(--sp-12);border-radius:999px}.prompt-loras b{color:var(--text);margin-left:var(--sp-4);font-weight:700}.prompt-text{gap:var(--sp-12);padding:var(--sp-16);background:var(--bg);font-family:var(--mono);font-size:var(--fs-sm);color:var(--text-2);overflow-wrap:anywhere;border-radius:8px;line-height:1.6;display:grid}.prompt-text p{margin:0}.prompt-text .prompt-reserved{color:var(--muted);font-size:var(--fs-xs);letter-spacing:.04em;border:1px dashed var(--line-strong);padding:var(--sp-4) var(--sp-8);border-radius:6px;justify-self:start}.prompt-note{color:var(--text-2);font-size:var(--fs-sm);margin:0}.prompt-why{color:var(--muted);font-size:var(--fs-sm);max-width:64ch;margin:0}.copy-btn{justify-self:start;align-items:center;gap:var(--sp-8);min-height:var(--tap);padding:0 var(--sp-16);border:1px solid var(--line-strong);color:var(--text);font:600 var(--fs-sm) var(--font);cursor:pointer;transition:background .2s var(--ease), border-color .2s var(--ease), transform .1s var(--ease);background:0 0;border-radius:999px;display:inline-flex}.copy-btn:hover{background:var(--surface-2);border-color:var(--text-2)}.copy-btn[data-state=done] .icon{color:var(--accent-text)}.phase{margin-top:var(--rhythm-lg)}.learnings>.back-top{margin-top:var(--sp-24)}.universes-label{margin-top:var(--sp-48)}.phase h3{margin:var(--sp-8) 0 var(--sp-12)}.phase-summary{color:var(--text-2);max-width:62ch;margin-bottom:var(--sp-32)}.trail-note p{font-size:var(--fs-lg);color:var(--text);max-width:46ch;font-weight:300;line-height:1.4}.learnings{margin-top:var(--rhythm-lg)}.learnings h3{margin-bottom:24px}.learnings ol{counter-reset:l;gap:var(--sp-32);max-width:72ch;margin:0;padding:0;list-style:none;display:grid}.learnings li{counter-increment:l;grid-template-columns:40px minmax(0,1fr);column-gap:8px;display:grid}.learnings li:before{content:counter(l, decimal-leading-zero);font-family:var(--mono);font-size:var(--fs-sm);color:var(--muted);padding-top:4px}.learnings li p:first-child{color:var(--text)}.learnings .evidence{margin-top:var(--sp-8);font-family:var(--mono);font-size:var(--fs-xs);color:var(--muted);grid-column:2}.learnings .evidence a{color:var(--accent-text);text-underline-offset:3px;padding-block:14px;padding-inline:4px;text-decoration:underline}.next-question{margin-top:var(--rhythm-md);border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:24px clamp(20px,3vw,32px)}.next-question p:last-child{text-wrap:balance;max-width:44ch;margin-top:8px;font-size:clamp(1.25rem,2.2vw,1.625rem);font-weight:300;line-height:1.35}.sheet{margin:0 0 32px}.sheet img{width:100%;height:auto}.sheet .zoom:hover img{filter:brightness(1.08)}.sheet figcaption{justify-content:space-between;gap:var(--sp-8) var(--sp-24);padding-top:var(--sp-12);color:var(--muted);font-size:var(--fs-md);flex-wrap:wrap;display:flex}.notes{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 48px;margin:0;padding:0;list-style:none;display:grid}.note-item{scroll-margin-top:96px}.note-item:target{outline:2px solid var(--accent-text);outline-offset:8px;border-radius:6px}@media (prefers-reduced-motion:no-preference){.note-item:target{animation:note-hit 1.6s var(--ease)}@keyframes note-hit{0%{outline-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent)}to{outline-color:var(--accent-text);background:0 0}}}.note-head{align-items:center;gap:var(--sp-12);margin-bottom:var(--sp-8);display:flex}.note-head b{font-family:var(--mono);font-size:var(--fs-base);font-weight:700}.note-item p{color:var(--text-2);font-size:var(--fs-md)}.trail-note{border-left:2px solid var(--accent);grid-column:1/-1;padding:4px 0 4px 20px}.ig{min-height:var(--tap);color:var(--accent-text);border-bottom:1px solid;align-self:start;align-items:center;gap:8px;margin-top:12px;font-weight:700;display:inline-flex}.next-links{flex-wrap:wrap;align-items:center;gap:8px 24px;margin-top:16px;display:flex}.back-top{min-height:var(--tap);color:var(--text-2);font-size:var(--fs-md);transition:color .2s var(--ease), border-color .2s var(--ease);border-bottom:1px solid #0000;align-items:center;display:inline-flex}.back-top:hover{color:var(--text);border-color:var(--line-strong)}.closing-grid{margin-top:var(--rhythm-sm);grid-template-columns:minmax(0,360px) minmax(0,1fr);align-items:start;gap:48px;display:grid}.closing-grid .learnings{border-top:0;margin-top:0;padding-top:0}.zoom{width:100%;color:inherit;font:inherit;text-align:inherit;cursor:zoom-in;transition:transform .1s var(--ease);background:0 0;border:0;border-radius:12px;padding:0;display:block}.zoom-link{min-height:var(--tap);font:700 var(--fs-sm) var(--font);color:var(--accent-text);cursor:zoom-in;transition:color .2s var(--ease), transform .1s var(--ease);background:0 0;border:0;border-bottom:1px solid;align-items:center;gap:8px;padding:0;display:inline-flex}.zoom-link:hover{color:var(--text)}.zoom-link .icon{transition:transform .2s var(--ease)}.zoom-link:hover .icon{transform:scale(1.12)}.sheet figcaption .zoom-link{align-self:start}.lightbox{--lb-w:min(1200px, calc(100vw - 2 * var(--gutter)));--lb-h:min(860px, calc(100dvh - 2 * var(--gutter)));width:fit-content;height:fit-content;max-width:var(--lb-w);max-height:var(--lb-h);border:1px solid var(--line-strong);background:var(--surface);color:var(--text);border-radius:16px;margin:auto;padding:0;overflow:hidden}.lightbox[open]{flex-direction:column;display:flex}.lightbox::backdrop{background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}body:has(dialog.lightbox[open]){overflow:hidden}.lb-bar{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;gap:16px;padding:8px 12px 8px 20px;display:flex}.lb-title{font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;overflow:hidden}.lb-close{min-height:var(--tap);color:var(--text-2);font:600 .875rem var(--font);cursor:pointer;transition:color .2s var(--ease), background .2s var(--ease), transform .1s var(--ease);background:0 0;border:1px solid #0000;border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.lb-close:hover{background:var(--surface-2);color:var(--text)}.lb-close:focus-visible{outline:2px solid var(--accent-text);outline-offset:-2px}.lb-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;flex:1;min-height:0;padding:16px 20px 20px;display:flex;overflow:auto}.lb-inner{flex:none;margin:auto}.lb-width{width:auto}.lb-width img{width:auto;height:auto;max-width:calc(var(--lb-w) - 42px);max-height:calc(var(--lb-h) - 99px);border-radius:8px}@media (max-width:899px){.lb-width{width:max(100%, var(--min,0px))}.lb-width img{width:100%;max-width:none;max-height:none}}.lb-height img{width:auto;height:min(calc(var(--lb-h) - 99px), calc((var(--lb-w) - 42px) * var(--ah,16) / var(--aw,9)));aspect-ratio:var(--aw,9) / var(--ah,16);object-fit:contain;border-radius:8px}@media (prefers-reduced-motion:no-preference){.lightbox[open]{animation:lb-in .22s var(--ease)}@keyframes lb-in{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:none}}}.ds code:not(.tech){font-family:var(--mono);font-size:var(--fs-sm);color:var(--text-2);background:var(--surface);border:1px solid var(--line);padding:2px var(--sp-8);overflow-wrap:anywhere;border-radius:6px}.ds-spec code,.ds-swatches code{justify-self:start}.ds-index{flex-wrap:wrap;gap:8px;margin-top:32px;display:flex}.ds-index a{min-height:var(--tap);border:1px solid var(--line-strong);color:var(--text-2);font-size:var(--fs-md);transition:color .2s var(--ease), border-color .2s var(--ease);border-radius:999px;align-items:center;padding:0 16px;font-weight:500;display:inline-flex}.ds-index a:hover{color:var(--text);border-color:var(--text-2)}.ds-h3{letter-spacing:-.01em;margin:48px 0 12px;font-size:1.25rem;font-weight:800}.ds-note{color:var(--text-2);max-width:74ch;font-size:var(--fs-md);margin-bottom:16px}.ds-list{padding-left:var(--sp-20);gap:var(--sp-12);color:var(--text-2);max-width:78ch;margin:0;display:grid}.ds-principles{counter-reset:p;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 48px;margin:0;padding:0;list-style:none;display:grid}.ds-principles li{counter-increment:p;color:var(--text-2);border-top:1px solid var(--line);padding-top:16px}.ds-principles li:before{content:counter(p, decimal-leading-zero);font-family:var(--mono);font-size:var(--fs-xs);color:var(--muted);margin-bottom:var(--sp-8);display:block}.ds-principles b{color:var(--text)}.ds-swatches{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:24px 32px;margin:0;padding:0;list-style:none;display:grid}.ds-swatches li{align-items:flex-start;gap:16px;display:flex}.ds-swatches li>div{gap:var(--sp-8);min-width:0;display:grid}.ds-swatches p{color:var(--text-2);font-size:var(--fs-sm)}.ds-chip{border:1px solid var(--line-strong);border-radius:12px;flex:none;width:56px;height:56px}.ds-table{display:grid}.ds-tr{border-top:1px solid var(--line);font-size:var(--fs-md);color:var(--text-2);grid-template-columns:1.3fr 1.7fr .6fr 1fr;align-items:baseline;gap:8px 16px;padding:12px 0;display:grid}.ds-tr-3{grid-template-columns:1fr 1.7fr 1fr}.ds-th{color:var(--muted);font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase}.ds-families{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 48px;display:grid}.ds-sample-lg{letter-spacing:-.02em;margin:8px 0;font-size:clamp(1.75rem,3.4vw,2.5rem);font-weight:800;line-height:1.2}.ds-weights{color:var(--text-2);flex-wrap:wrap;gap:8px 24px;display:flex}.ds-live .ds-row{border-top:1px solid var(--line);grid-template-columns:minmax(200px,1fr) minmax(0,2fr);align-items:center;gap:16px 32px;padding:24px 0;display:grid}.ds-spec{gap:4px;min-width:0;display:grid}.ds-spec span{color:var(--muted);font-size:var(--fs-sm);line-height:1.45}.ds-live .hero,.ds-live .exp-page,.ds-live .chapter{border:0;padding:0}.ds-live .phase{margin-top:0}.ds-live .sec-head{margin-bottom:0}.ds-live .exp-page h1,.ds-live .hero h1{margin:0}.ds-comp{margin-top:56px}.ds-comp:first-of-type{margin-top:8px}.ds-comp>.ds-h3{margin-top:0}.ds-demo{border:1px solid var(--line);background:var(--bg);border-radius:16px;gap:16px;padding:24px;display:grid}.ds-demo-row{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.ds-demo-col{gap:20px;display:grid}.ds-demo .sheet{margin:0}.ds-demo .mosaic{max-width:640px}.ds-focus{outline:2px solid var(--accent-text);outline-offset:3px;color:var(--text-2);font-size:var(--fs-sm);border-radius:4px;padding:8px 12px;display:inline-block}.ds-radii{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:20px 32px;margin:0;padding:0;list-style:none;display:grid}.ds-radii li{align-items:center;gap:16px;display:flex}.ds-radii p{color:var(--text-2);font-size:var(--fs-sm)}.ds-radius{border:1px solid var(--line-strong);background:var(--surface-2);flex:none;width:56px;height:56px}.draft-notice{margin-top:24px}.notfound{padding:clamp(64px,12vh,140px) 0}.notfound .label{font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.08em;color:var(--accent-text);margin:0 0 12px}.notfound h1{margin:0 0 16px;font-size:clamp(1.75rem,5vw,2.75rem);line-height:1.15}.notfound h1 span,.notfound .lede span{color:var(--muted);font-weight:400;display:block}.notfound h1 span{margin-top:var(--sp-8);font-size:.6em}.notfound .lede{color:var(--text-2);max-width:46ch;margin:0 0 28px}.notfound .lede span{font-size:var(--fs-md);margin-top:4px}.notfound .more{flex-wrap:wrap;gap:8px 24px;display:flex}@media (min-width:640px){.mosaic figure{flex:0 0 calc(20% - 8px)}.mosaic figcaption{padding:var(--sp-24) var(--sp-8) var(--sp-8)}.mosaic figcaption span{display:inline}}@media (max-width:900px){.hero .wrap,.about{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}footer .wrap,.notes{grid-template-columns:1fr}.closing-grid{grid-template-columns:1fr;gap:32px}.closing-grid figure{max-width:360px}.ds-principles,.ds-families,.ds-live .ds-row{grid-template-columns:1fr}}@media (max-width:700px){.about-tools{grid-template-columns:1fr}.about-who{gap:var(--sp-24);grid-template-columns:160px}.universes{grid-template-columns:repeat(2,1fr)}.final-pair{grid-template-columns:1fr;max-width:360px}.ds-tr,.ds-tr-3{grid-template-columns:1fr}.ds-th{display:none}.ds-demo{padding:16px}}@media (max-width:640px){.cards{gap:var(--sp-20);grid-template-columns:1fr}.nav{display:none}.nav-sm{display:block}.site-header .wrap{min-height:64px}.brand{gap:10px}.brand-md img{width:32px}}@media (max-width:520px){.wordmark{font-size:1.125rem}}.btn:active,.copy-btn:active,.menu-btn:active,.lb-close:active,.zoom-link:active{transform:scale(.97)}.card:active,.zoom:active,a.mosaic-link:active,.universes a:active{transform:scale(.995)}.universes a{transition:transform .1s var(--ease);display:block}.nav a:active,footer ul a:active,.crumb:active,.back-top:active,.learnings .evidence a:active,.open:active{opacity:.7}.about-page>section{padding:clamp(var(--sp-48), 7vw, 96px) 0;border-top:1px solid var(--line)}.about-head{padding:clamp(var(--sp-40), 7vw, 88px) 0 clamp(var(--sp-32), 5vw, var(--sp-64))}.about-head h1{letter-spacing:-.025em;margin:var(--sp-16) 0 var(--sp-24);text-wrap:balance;max-width:20ch;font-size:clamp(2rem,4.2vw,3.5rem);font-weight:300;line-height:1.08}.about-head .lede{max-width:58ch}.about-lede2{color:var(--text-2);max-width:58ch;margin-top:var(--sp-16)}.about-page h2{letter-spacing:-.02em;margin-bottom:var(--sp-32);font-size:clamp(1.5rem,2.6vw,2rem);font-weight:800;line-height:1.15}.about-page h3{font-size:var(--fs-base);letter-spacing:-.01em;margin-bottom:var(--sp-4);font-weight:800}.about-page p{color:var(--text-2);max-width:62ch}.about-intro{margin-bottom:var(--sp-24)}.about-steps{gap:var(--sp-32);max-width:72ch;margin:0;padding:0;list-style:none;display:grid}.about-steps li{column-gap:var(--sp-8);grid-template-columns:40px minmax(0,1fr);display:grid}.about-steps .num{font-family:var(--mono);font-size:var(--fs-sm);color:var(--muted);padding-top:3px}.about-tools{gap:var(--sp-32) var(--sp-48);grid-template-columns:repeat(2,minmax(0,1fr));max-width:76ch;margin:0;padding:0;list-style:none;display:grid}.about-rules{gap:var(--sp-16);max-width:66ch;margin:0;padding:0;list-style:none;display:grid}.about-rules li{column-gap:var(--sp-12);color:var(--text-2);grid-template-columns:12px minmax(0,1fr);display:grid}.about-rules li:before{content:"";background:var(--accent-text);border-radius:999px;width:6px;height:6px;margin-top:.62em}.about-who{gap:var(--sp-40);grid-template-columns:220px minmax(0,1fr);align-items:start;display:grid}.about-who p{max-width:62ch}.about-who p+p{margin-top:var(--sp-16)}.about-portrait{aspect-ratio:1;border:1px solid var(--line-strong);border-radius:50%;width:100%;overflow:hidden}.about-portrait img{object-fit:cover;width:100%;height:100%;display:block}.about-cta .label{margin-bottom:var(--sp-16)}.about-cta .more{margin:0}.hero-bg{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0,#000 12% 80%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 12% 80%,#0000 100%)}.hero-bg:before,.hero-bg:after{content:"";will-change:transform;position:absolute}.hero-bg:before{background:radial-gradient(closest-side, var(--glow) 0%, color-mix(in srgb, var(--glow) 45%, transparent) 42%, transparent 72%);opacity:.38;width:92vw;height:92vw;top:-46%;left:-26%}.hero-bg:after{background:radial-gradient(closest-side, var(--accent) 0%, color-mix(in srgb, var(--accent) 45%, transparent) 40%, transparent 70%);opacity:.33;width:72vw;height:72vw;bottom:-46%;right:-18%}@media (prefers-reduced-motion:no-preference){.hero-bg:before{animation:13s cubic-bezier(.45,.05,.55,.95) infinite alternate aurora-a}.hero-bg:after{animation:17s cubic-bezier(.45,.05,.55,.95) infinite alternate aurora-b}}@keyframes aurora-a{to{transform:translate(26%,18%)scale(1.32)}}@keyframes aurora-b{to{transform:translate(-24%,-16%)scale(.76)}}