@font-face{font-family:Eq Math Glyphs;src:local(STIX Two Math Regular),local(STIXTwoMath-Regular),local(Cambria Math),local(Noto Sans Math),local(Segoe UI Symbol);unicode-range:U+27D1}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-italic-DKMiL14s.woff2)format("woff2"),url(/assets/instrument-serif-latin-400-italic-u__WvvIK.woff)format("woff")}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-ext-wght-normal-EocZY2iu.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2)format("woff2-variations");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 Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07090e;--bg-2:#0c1018;--surface:#10141d;--ink:#eef0f4;--muted:#8f98a8;--faint:#5c6576;--line:#ffffff14;--line-2:#ffffff29;--gold:#f0ad5c;--gold-fill:#f0ad5c;--gold-hi:#f8d58c;--copper:#d4735a;--nav-bg:linear-gradient(#07090ed9, #07090e8c);--hero-glow:#111726;--footer-glow:#0e131f;--clock:#eef0f4b3;--title:linear-gradient(100deg, #c9ccd3 0%, #fff 45%, #e9ebf0 100%);--outline:#eef0f4e6;--reveal:linear-gradient(180deg, #f6c47e, #eba14d);--lede:#b6bdca;--code-bg:#0000004d;--code-ink:#c3c9d4;--code-ink-2:#d6dbe4;--card-shadow:0 18px 50px #00000080;--shot-bg:#171a1f;--display:"Archivo Variable", "Arial Black", system-ui, sans-serif;--serif:"Instrument Serif", Georgia, "Times New Roman", serif;--mono:"Eq Math Glyphs", "JetBrains Mono Variable", ui-monospace, "SF Mono", Menlo, monospace;--gutter:clamp(16px, 4vw, 48px)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fbfaf7;--bg-2:#f3f1ec;--surface:#fff;--ink:#161a22;--muted:#5b6472;--faint:#8a919d;--line:#141e321a;--line-2:#141e322e;--gold:#9c5710;--gold-fill:#eba14d;--gold-hi:#f6c47e;--copper:#c4603f;--nav-bg:linear-gradient(#fbfaf7e6, #fbfaf7a6);--hero-glow:#fff;--footer-glow:#f1ede4;--clock:#161a22a6;--title:linear-gradient(100deg, #161a22 0%, #3b4250 45%, #161a22 100%);--outline:#161a22d9;--reveal:linear-gradient(180deg, #eba14d, #c26c1c);--lede:#3d4452;--code-bg:#141e320d;--code-ink:#3d4452;--code-ink-2:#2a303c;--card-shadow:0 18px 50px #141e3224;--shot-bg:#fff}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fbfaf7;--bg-2:#f3f1ec;--surface:#fff;--ink:#161a22;--muted:#5b6472;--faint:#8a919d;--line:#141e321a;--line-2:#141e322e;--gold:#9c5710;--gold-fill:#eba14d;--gold-hi:#f6c47e;--copper:#c4603f;--nav-bg:linear-gradient(#fbfaf7e6, #fbfaf7a6);--hero-glow:#fff;--footer-glow:#f1ede4;--clock:#161a22a6;--title:linear-gradient(100deg, #161a22 0%, #3b4250 45%, #161a22 100%);--outline:#161a22d9;--reveal:linear-gradient(180deg, #eba14d, #c26c1c);--lede:#3d4452;--code-bg:#141e320d;--code-ink:#3d4452;--code-ink-2:#2a303c;--card-shadow:0 18px 50px #141e3224;--shot-bg:#fff}@property --fill{syntax:"<percentage>";inherits:false;initial-value:0%}html{scroll-behavior:smooth;background:var(--bg)}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Eq Math Glyphs,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.55;overflow-x:hidden}a{color:var(--gold)}::selection{background:var(--gold-fill);color:var(--bg)}.display{font-family:var(--display);text-transform:uppercase;letter-spacing:-.01em;margin:0;font-weight:850;font-stretch:125%;line-height:.92}.display.small{font-size:clamp(20px,3vw,30px);font-weight:800;line-height:1.05}.nav{z-index:10;padding:calc(14px + env(safe-area-inset-top)) var(--gutter) 14px;background:var(--nav-bg);-webkit-backdrop-filter:blur(14px)saturate(1.3);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;row-gap:4px;display:flex;position:fixed;inset:0 0 auto}.brand,.wordmark{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);font-weight:800;font-stretch:112%;text-decoration:none}.brand{font-size:19px}.brand span,.wordmark span{color:var(--gold)}.nav-links{align-items:center;gap:22px;margin-left:auto;display:flex}.nav-link{color:var(--muted);font:500 13px/1 var(--mono);letter-spacing:.02em;text-decoration:none;transition:color .15s}.nav-link:hover{color:var(--ink)}.theme-toggle{cursor:pointer;background:0 0;border:0;padding:0;font-size:16px}@media (width<=620px){.nav-link[href^=\#]{display:none}}.cta{background:var(--gold-fill);color:#1a1206;font-family:var(--display);border-radius:999px;padding:9px 16px;font-size:14px;font-weight:750;font-stretch:110%;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-block;box-shadow:inset 0 0 0 1px #ffdca066,0 8px 30px #f0ad5c33}.cta:hover{background:var(--gold-hi);transform:translateY(-1px);box-shadow:inset 0 0 0 1px #ffe6b499,0 12px 40px #f0ad5c59}.cta.big{padding:15px 28px;font-size:16px}.ghost{color:var(--muted);font:500 14px/1 var(--mono);padding:15px 6px;text-decoration:none;transition:color .15s}.ghost:hover{color:var(--ink)}.hero{min-height:max(640px,100svh);padding:calc(96px + env(safe-area-inset-top)) var(--gutter) 150px;isolation:isolate;background:radial-gradient(ellipse 70% 60% at 50% 50%, var(--hero-glow) 0%, transparent 70%), var(--bg);align-items:center;display:grid;position:relative;overflow:hidden}.hero:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse 85% 75% at 50% 50%, transparent 45%, var(--bg) 100%), linear-gradient(transparent 75%, var(--bg));position:absolute;inset:0}#field{z-index:-2;width:100%;height:100%;position:absolute;inset:0}.clock{top:calc(84px + env(safe-area-inset-top));right:var(--gutter);font:400 clamp(18px, 2.4vw, 28px) / 1 var(--mono);color:var(--clock);font-variant-numeric:tabular-nums;margin:0;position:absolute}.clock i{font-family:var(--serif);color:var(--muted);font-size:1.15em}.hero-inner{width:100%;max-width:1320px;margin:0 auto}.hero h1{font-size:min(calc((100vw - 2 * var(--gutter)) / 7), 168px);margin-bottom:max(.3em,24px)}.hero h1 .line{display:block}.hero h1 .line:first-child{background:var(--title);color:#0000;-webkit-background-clip:text;background-clip:text}.reveal{color:#0000;-webkit-text-stroke:max(1.5px, .018em) var(--outline);width:max-content;position:relative}.reveal:after{content:attr(data-text);color:#0000;background:var(--reveal);-webkit-text-stroke:0;-webkit-mask-image:linear-gradient(90deg, #000 calc(var(--fill) - 6%), transparent var(--fill));-webkit-mask-image:linear-gradient(90deg, #000 calc(var(--fill) - 6%), transparent var(--fill));mask-image:linear-gradient(90deg, #000 calc(var(--fill) - 6%), transparent var(--fill));-webkit-background-clip:text;background-clip:text;animation:2.8s cubic-bezier(.55,0,.25,1) .4s forwards fill;position:absolute;inset:0}@keyframes fill{to{--fill:106%}}.lede{max-width:34em;color:var(--lede);text-wrap:pretty;text-shadow:0 0 18px var(--bg), 0 0 6px var(--bg), 0 1px 2px var(--bg);margin:0 0 32px;font-size:clamp(16px,1.5vw,19px);line-height:1.6}.hero-actions{flex-wrap:wrap;align-items:center;gap:10px 22px;display:flex}.typed{left:var(--gutter);color:var(--ink);font:400 clamp(14px, 1.6vw, 20px) / 1.4 var(--mono);gap:6px;text-decoration:none;display:grid;position:absolute;bottom:44px}.typed .row{opacity:.6;align-items:center;gap:12px;min-height:1.4em;display:flex}.typed .row i{background:var(--faint);border-radius:50%;width:.62em;height:.62em;transition:background .4s}.typed .row:last-child{opacity:1}.typed .row:last-child.done i{background:var(--copper);box-shadow:0 0 14px #d4735acc}.typed .caret{background:var(--gold-fill);width:.55em;height:1.15em;margin-left:-8px;animation:1s step-end infinite blink;display:inline-block}.typed:hover .row span{text-decoration:underline;-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold);text-underline-offset:4px}@keyframes blink{50%{opacity:0}}@media (width<=560px){.clock{display:none}}.chapters{max-width:1320px;padding:40px var(--gutter) 20px;margin:0 auto}.eyebrow,.kicker{font:500 12.5px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin:0 0 22px}.chapters ol{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(290px,1fr));column-gap:48px;margin:0;padding:0;list-style:none;display:grid}.chapters li{border-bottom:1px solid var(--line)}.chapters a{color:var(--ink);grid-template-columns:2.6em 1fr auto;align-items:baseline;gap:12px;padding:14px 18px 14px 0;text-decoration:none;transition:color .15s,padding .25s;display:grid}.chapters .num,.chapters .count{font:400 12.5px/1 var(--mono);color:var(--faint)}.chapters .name{font-family:var(--display);font-size:15px;font-weight:650;font-stretch:112%}.chapters a:hover{color:var(--gold);padding-left:8px}.chapters a:hover .num{color:var(--gold)}#gallery{max-width:1320px;padding:10px var(--gutter) 40px;margin:0 auto}.group{padding-top:80px;scroll-margin-top:20px}.group-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 18px;margin-bottom:22px;padding-bottom:18px;display:flex}.counter{font:600 13px/1 var(--mono);color:var(--muted);letter-spacing:.04em;margin-bottom:12px;display:block}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.card{--tint:#5b8def;background:var(--surface);border:1px solid var(--line);color:inherit;border-radius:14px;flex-direction:column;text-decoration:none;transition:transform .25s cubic-bezier(.2,.7,.2,1),border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.card:nth-child(5n+2){--tint:#e0685a}.card:nth-child(5n+3){--tint:#62b476}.card:nth-child(5n+4){--tint:#a07ae8}.card:nth-child(5n+5){--tint:#f0ad5c}.card:hover{border-color:color-mix(in srgb, var(--gold) 50%, transparent);box-shadow:var(--card-shadow), 0 0 0 1px color-mix(in srgb, var(--gold) 15%, transparent);transform:translateY(-4px)}.shot{aspect-ratio:3/2;background:var(--shot-bg);overflow:hidden}.shot img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.7,.2,1);display:block}.card:hover .shot img{transform:scale(1.045)}.card-body{flex-direction:column;flex:1;padding:16px 16px 14px;display:flex}.card-body h3{font-family:var(--display);letter-spacing:-.005em;margin:0 0 6px;font-size:16px;font-weight:700;font-stretch:108%}.card-body p{color:var(--muted);margin:0 0 14px;font-size:13.5px;line-height:1.5}.card-body code{border-left:3px solid var(--tint);background:var(--code-bg);font:12px/1.5 var(--mono);color:var(--code-ink);white-space:nowrap;text-overflow:ellipsis;margin-top:auto;padding:8px 10px 8px 12px;transition:color .2s;display:block;overflow:hidden}.card:hover .card-body code{color:var(--ink)}.deeplinks,.ai{max-width:820px;padding:60px var(--gutter) 20px;margin:80px auto 0;position:relative}.deeplinks h2,.ai h2{margin-bottom:26px;font-size:clamp(26px,4.4vw,46px)}.deeplinks h2 em,.ai h2 em{font-family:var(--serif);text-transform:none;color:var(--gold);letter-spacing:0;font-size:1.15em;font-style:italic;font-weight:400;font-stretch:100%}.deeplinks p,.deeplinks li,.ai p,.ai li{color:var(--muted);font-size:15px;line-height:1.65}.deeplinks p em{color:var(--ink)}.deeplinks pre{background:var(--bg-2);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:4px 10px 10px 4px;margin:22px 0;padding:16px 18px;overflow-x:auto}.deeplinks pre code{color:var(--ink);font-size:14px}.deeplinks pre b{color:var(--gold);font-weight:400}.deeplinks code,.ai code{font:13px/1.5 var(--mono);color:var(--code-ink-2)}.deeplinks ul{border-top:1px solid var(--line);margin:26px 0;padding:0;list-style:none}.deeplinks li{border-bottom:1px solid var(--line);overflow-wrap:anywhere;grid-template-columns:minmax(0,15em) minmax(0,1fr);gap:4px 18px;padding:12px 0;display:grid}.deeplinks li span{color:var(--ink);font-size:14px}.deeplinks li a{font:13px/1.6 var(--mono);text-decoration:none}.deeplinks li a:hover{text-decoration:underline}@media (width<=620px){.deeplinks li{grid-template-columns:1fr}}.ai{scroll-margin-top:24px}.ai-url{background:var(--bg-2);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:4px 10px 10px 4px;align-items:center;gap:12px;margin:22px 0 30px;padding:10px 10px 10px 18px;display:flex}.ai-url code{overflow-wrap:anywhere;min-width:0;color:var(--ink);flex:1;font-size:14px}.copy{border:1px solid var(--line);background:var(--surface);color:var(--ink);font:500 12.5px/1 var(--mono);cursor:pointer;border-radius:999px;flex:none;padding:8px 14px;transition:border-color .15s,color .15s}.copy:hover{border-color:var(--gold);color:var(--gold)}.ai-tabs{flex-wrap:wrap;gap:8px;margin-bottom:6px;display:flex}.ai-tabs[hidden]{display:none}.ai-tabs a{color:var(--muted);font:500 13px/1 var(--mono);border:1px solid var(--line);border-radius:999px;padding:10px 16px;text-decoration:none;transition:color .15s,border-color .15s,background .15s}.ai-tabs a:hover{color:var(--ink)}@media (width<=420px){.ai-tabs{gap:6px}.ai-tabs a{padding:9px 11px}}.ai-tabs a[aria-selected=true]{color:#1a1206;background:var(--gold-fill);border-color:#0000}.ai-panel{border-bottom:1px solid var(--line);padding-bottom:6px}.ai-panel h3{font:750 17px/1.2 var(--display);color:var(--ink);margin:30px 0 0}.ai.tabbed .ai-panel h3{display:none}.ai-panel ol{counter-reset:step;margin:18px 0;padding:0;list-style:none}.ai-panel ol li{counter-increment:step;border-bottom:1px solid var(--line);padding:12px 0 12px 44px;position:relative}.ai-panel ol li:last-child{border-bottom:0}.ai-panel ol li:before{content:counter(step);border:1px solid var(--gold);width:28px;height:28px;color:var(--gold);font:500 13px/1 var(--mono);border-radius:50%;place-items:center;display:grid;position:absolute;top:11px;left:0}.ai-panel b{color:var(--ink);font-weight:600}.ai-panel a{color:inherit;-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold);text-underline-offset:3px}.ai-panel a:hover{color:var(--gold)}.ai-panel q{color:var(--ink);font-family:var(--serif);font-size:1.12em;font-style:italic}.ai-panel dl{grid-template-columns:max-content minmax(0,1fr);gap:10px 22px;margin:18px 0;font-size:15px;display:grid}.ai-panel dt{color:var(--muted)}.ai-panel dd{color:var(--ink);margin:0}.ai .note{color:var(--faint);margin:0 0 18px;font-size:13.5px}footer{padding:90px var(--gutter) calc(48px + env(safe-area-inset-bottom));text-align:center;color:var(--muted);background:radial-gradient(ellipse 60% 70% at 50% 30%, var(--footer-glow), transparent 70%);margin-top:100px;font-size:14.5px}.sign{width:fit-content;max-width:100%;margin:0 auto 56px}.wordmark{border-block:3px solid var(--gold);border-image:linear-gradient(90deg, #d98f45, var(--gold-hi), #d98f45) 1;padding:.2em .12em .26em;font-size:clamp(40px,9vw,108px);line-height:1;display:block}.motto{font-family:var(--serif);color:var(--ink);margin:22px 0 0;font-size:clamp(22px,3vw,34px);font-style:italic;line-height:1.2}footer .fine{color:var(--faint);font-size:12.5px}footer .fine a{color:inherit;text-decoration:underline}footer .fine a:hover{color:var(--gold)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal:after{--fill:106%;animation:none}}
