@font-face{font-family:display;src:url(../media/bricolage_grotesque_latin_wdth_normal-s.p.1wb8qz68xbxwc.woff2)format("woff2");font-display:swap;font-weight:200 800}@font-face{font-family:display Fallback;src:local(Arial);ascent-override:82.39%;descent-override:23.92%;line-gap-override:0.0%;size-adjust:112.88%}.pMv_fa_className{font-family:display,display Fallback}.pMv_fa_variable{--font-display:"display", "display Fallback"}
@font-face{font-family:"serif";src:url(../media/instrument_serif_latin_400_italic-s.p.1bk2-9tco4m7m.woff2)format("woff2");font-display:swap;font-weight:400;font-style:italic}@font-face{font-family:serif Fallback;src:local(Arial);ascent-override:121.98%;descent-override:38.19%;line-gap-override:0.0%;size-adjust:81.16%}.A2EDbq_className{font-family:"serif",serif Fallback;font-style:italic;font-weight:400}.A2EDbq_variable{--font-serif:"serif", "serif Fallback"}
@font-face{font-family:mono;src:url(../media/jetbrains_mono_latin_wght_normal-s.p.2rmhnsrc80fag.woff2)format("woff2");font-display:swap;font-weight:100 800}@font-face{font-family:mono Fallback;src:local(Arial);ascent-override:77.57%;descent-override:22.82%;line-gap-override:0.0%;size-adjust:131.49%}.yCKo6G_className{font-family:mono,mono Fallback}.yCKo6G_variable{--font-mono:"mono", "mono Fallback"}
:root{--bg:#f3f0e8;--fg:#121211;--muted:#69655c;--soft:#12121129;--accent:#f2400f;--on-accent:#121211;--surface:#e9e5da;--pad:clamp(1rem, 4vw, 3.5rem);--hdr:3.5rem;--num:2.6rem;--gap:clamp(.9rem, 2vw, 1.75rem);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0e0e0d;--fg:#f1eee6;--muted:#9a968b;--soft:#f1eee62e;--accent:#ff6a3d;--surface:#181816;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg:#0e0e0d;--fg:#f1eee6;--muted:#9a968b;--soft:#f1eee62e;--accent:#ff6a3d;--surface:#181816;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--hdr) + 1rem);scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font:400 1.0625rem/1.55 var(--font-display), system-ui, sans-serif;-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}::selection{background:var(--accent);color:var(--on-accent)}a{color:inherit;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:.18em;text-decoration-thickness:2px}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,p,dl,dd{margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.mono{font:500 .75rem/1.4 var(--font-mono), ui-monospace, monospace;letter-spacing:.08em;text-transform:uppercase}.wrap{max-width:1760px;padding:0 var(--pad);margin:0 auto}.hdr{z-index:50;height:var(--hdr);padding:0 var(--pad);background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--soft);justify-content:space-between;align-items:center;gap:1rem;display:flex;position:fixed;inset:0 0 auto}.brand{letter-spacing:-.04em;font-variation-settings:"wdth" 75;font-size:1.3rem;font-weight:800;text-decoration:none}.brand i{background:var(--accent);border-radius:50%;width:.4em;height:.4em;margin-left:.12em;display:inline-block}.nav{gap:1.6rem;display:none}.nav a{color:var(--muted);font:500 .75rem/1 var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;border-bottom:2px solid #0000;padding:.6rem 0;text-decoration:none}.nav a[aria-current=true]{color:var(--fg);border-color:var(--accent)}.hdr-actions{gap:.5rem;display:flex}.icon-btn{border:1.5px solid var(--fg);border-radius:50%;place-items:center;width:2.75rem;height:2.75rem;display:grid}@media (hover:hover){.icon-btn:hover{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}}:root[data-theme=dark] .i-moon,:root:not([data-theme=dark]) .i-sun{display:none}.menu{z-index:40;background:var(--bg);padding:var(--hdr) var(--pad) 2rem;flex-direction:column;justify-content:center;animation:.25s both fade;display:flex;position:fixed;inset:0}.menu a{border-bottom:1px solid var(--soft);letter-spacing:-.04em;font-variation-settings:"wdth" 75;align-items:baseline;gap:1rem;padding:.15em 0;font-size:clamp(2.4rem,12vw,4.5rem);font-weight:700;line-height:1.05;text-decoration:none;display:flex}.menu a .mono{color:var(--accent)}@media (min-width:900px){.nav{display:flex}.menu,.menu-btn{display:none}}@keyframes fade{0%{opacity:0}}.hero{min-height:100svh;padding:calc(var(--hdr) + 1.5rem) var(--pad) 2rem;flex-direction:column;justify-content:space-between;gap:1rem;max-width:1760px;margin:0 auto;display:flex}.hero-top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.term{text-transform:none;letter-spacing:0;font-size:.85rem;line-height:1.6}.typed{white-space:nowrap;vertical-align:bottom;width:calc(var(--n) * 1ch);color:var(--accent);animation:typing 1.5s steps(var(--n)) 1s backwards;display:inline-block;overflow:hidden}.caret{background:var(--fg);vertical-align:text-bottom;width:.6ch;height:1.1em;margin-left:.3ch;animation:1s step-end infinite blink;display:inline-block}.pill{border:1.5px solid var(--fg);border-radius:99px;align-items:center;gap:.6rem;margin-top:.9rem;padding:.5rem .9rem;display:inline-flex}.dot{background:var(--accent);border-radius:50%;width:.6rem;height:.6rem;animation:1.8s ease-out infinite pulse}.spinner{aspect-ratio:1;width:clamp(4.5rem,min(15vw,17svh),15rem);color:var(--accent);flex:none}.display{letter-spacing:-.04em;font-variation-settings:"wdth" 75;font-size:clamp(3rem,min(11.6vw,13svh),13rem);font-weight:700;line-height:.9}.line{padding:.04em 0 .1em;display:block;overflow:hidden}.line>span{white-space:nowrap;animation:rise .95s cubic-bezier(.2, .8, .2, 1) calc(.15s + var(--i) * .1s) backwards;display:inline-block}.serif{font-family:var(--font-serif), Georgia, serif;letter-spacing:-.02em;font-variation-settings:normal;font-size:1.08em;font-style:italic;font-weight:400}.hero-foot{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;display:flex}.sub{max-width:32rem;font-size:clamp(1.1rem,1.6vw,1.4rem);line-height:1.4}.ctas{flex-wrap:wrap;gap:.6rem;display:flex}.btn{border:1.5px solid var(--fg);border-radius:99px;align-items:center;min-height:3rem;padding:0 1.4rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s,transform .2s;display:inline-flex}.btn.solid{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn:hover{background:var(--fg);color:var(--bg);border-color:var(--fg);transform:translateY(-2px)}.band{padding:1.5rem 0;overflow:clip}.band-row{background:var(--accent);color:var(--on-accent);margin:0 -2vw;padding:.35em 0;overflow:hidden;transform:rotate(-1.6deg)}.band-row+.band-row{background:var(--fg);color:var(--bg);margin-top:-.4rem;transform:rotate(1.2deg)}.track{width:max-content;animation:38s linear infinite marquee;display:flex}.band-row:hover .track{animation-play-state:paused}.track ul{flex:none;display:flex}.track li{letter-spacing:-.03em;text-transform:uppercase;font-variation-settings:"wdth" 75;white-space:nowrap;padding-right:.6em;font-size:clamp(1.8rem,5.5vw,4.5rem);font-weight:700;line-height:1.1}.track li:after{content:"✺";margin-left:.6em}.band-row.outline .track li:after{color:var(--accent)}section{padding:clamp(3rem,7vw,6rem) 0 0}.sec-head{align-items:flex-start;gap:var(--gap);border-top:2px solid var(--fg);margin-bottom:clamp(1.5rem,4vw,3rem);padding-top:1rem;display:flex}.sec-head .mono{color:var(--accent);width:var(--num);flex:none;align-self:flex-start;padding-top:.5rem}h2{letter-spacing:-.04em;font-variation-settings:"wdth" 75;font-size:clamp(2.6rem,9vw,8rem);font-weight:700;line-height:.95}.lede{color:var(--muted);margin-bottom:1.5rem}.about{letter-spacing:-.02em;max-width:60rem;font-size:clamp(1.4rem,3.2vw,2.7rem);font-weight:500;line-height:1.18}.stats{gap:var(--gap);grid-template-columns:repeat(3,1fr);margin-top:clamp(2.5rem,6vw,5rem);display:grid}.stat-n{letter-spacing:-.05em;color:var(--accent);font-variation-settings:"wdth" 75;font-variant-numeric:tabular-nums;font-size:clamp(3.2rem,14vw,11rem);font-weight:800;line-height:.9}.stats dd{color:var(--muted);margin-top:.6rem}.row{border-top:1px solid var(--soft)}.row:last-child{border-bottom:1px solid var(--soft)}.row h3{font-weight:inherit;font-size:inherit}.row-btn{isolation:isolate;width:calc(100% + 2 * var(--pad));margin:0 calc(-1 * var(--pad));padding:1.4rem var(--pad);text-align:left;align-items:center;column-gap:var(--gap);grid-template-columns:var(--num) 1fr auto auto;grid-template-areas:"n t g i"".m g i";row-gap:.4rem;display:grid;position:relative}.row-btn:before{content:"";z-index:-1;background:var(--accent);transform-origin:bottom;transition:transform .35s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0;transform:scaleY(0)}.row-num{color:var(--muted);grid-area:n;align-self:start;padding-top:.6em}.row-title{letter-spacing:-.035em;font-variation-settings:"wdth" 75;overflow-wrap:anywhere;grid-area:t;font-size:clamp(1.7rem,5.4vw,4.8rem);font-weight:700;line-height:.98;transition:transform .35s cubic-bezier(.2,.7,.2,1)}.row-meta{color:var(--muted);grid-area:m;max-width:46rem;font-size:.98rem;line-height:1.4}.row-tag{border:1.5px solid var(--fg);white-space:nowrap;border-radius:99px;grid-area:g;padding:.45rem .8rem}.row-tag.is-merged{background:var(--fg);color:var(--bg)}.row-icon{border:1.5px solid;border-radius:50%;grid-area:i;width:2.75rem;height:2.75rem;transition:transform .3s,background .3s;position:relative}.row-icon:before,.row-icon:after{content:"";background:currentColor;width:1rem;height:2px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.row-icon:after{transform:translate(-50%,-50%)rotate(90deg)}.row[data-open=true] .row-icon{background:var(--fg);color:var(--bg);transform:rotate(45deg)}.row-btn:focus-visible{outline-offset:-3px;outline-color:var(--fg)}@media (hover:hover){.row-btn:hover{color:var(--on-accent)}.row-btn:hover:before{transform:scaleY(1)}.row-btn:hover .row-title{transform:translate(.6rem)}.row-btn:hover .row-num,.row-btn:hover .row-meta{color:var(--on-accent)}.row-btn:hover .row-tag{border-color:var(--on-accent);color:var(--on-accent);background:0 0}}.row-body{padding:.5rem 0 2.25rem calc(var(--num) + var(--gap));max-width:calc(52rem + var(--num) + var(--gap))}.row-body li{margin-bottom:.9rem;padding-left:1.5rem;position:relative}.row-body li:before{content:"→";color:var(--accent);font-weight:700;position:absolute;left:0}.row-body code{font:.86em var(--font-mono), monospace;background:var(--surface);border-radius:4px;padding:.1em .35em}.more{margin-top:1.2rem;font-weight:600}@media (max-width:719px){.display{font-size:16.5vw}:root{--num:2rem}.row-btn{grid-template-columns:var(--num) 1fr auto;grid-template-areas:"n t i"".m m"".g g"}.row-tag{justify-self:start;margin-top:.4rem}}.words{gap:.1em;padding:clamp(2.5rem,7vw,6rem) 0;display:grid;overflow:clip}.words-row{white-space:nowrap;letter-spacing:-.04em;text-transform:uppercase;font-variation-settings:"wdth" 75;will-change:transform;width:max-content;font-size:clamp(3.4rem,17vw,15rem);font-weight:800;line-height:.95}.words-row.alt{color:var(--accent)}.stack{gap:1.25rem;padding-bottom:1.5rem;display:grid}.card{top:calc(var(--hdr) + 1rem + var(--i) * .7rem);background:var(--surface);border:1.5px solid var(--fg);border-radius:1.5rem;padding:clamp(1.1rem,3vw,2.2rem);position:sticky;box-shadow:0 -1rem 2rem -1.2rem #00000080}.card[data-open=true]{position:relative;top:auto}.card-top{color:var(--accent);margin-bottom:.4rem}.card-title{letter-spacing:-.035em;font-variation-settings:"wdth" 75;overflow-wrap:anywhere;font-size:clamp(2rem,6.4vw,5.2rem);font-weight:700;line-height:.98}.card-meta{color:var(--muted);margin:.6rem 0 1.1rem;font-size:.98rem;line-height:1.4}.card-lead{max-width:52rem}.card-more{max-width:52rem;padding-top:1rem}.card-more li{margin-bottom:.9rem;padding-left:1.5rem;position:relative}.card-more li:before{content:"→";color:var(--accent);font-weight:700;position:absolute;left:0}.card code{font:.86em var(--font-mono), monospace;background:color-mix(in srgb, var(--fg) 10%, transparent);border-radius:4px;padding:.1em .35em}.card-toggle{border:1.5px solid var(--fg);border-radius:99px;margin-top:1rem;padding:.55rem 1rem}.card-toggle:hover{background:var(--fg);color:var(--bg)}.pin{grid-template-columns:minmax(0,1fr);display:grid}.pin-side{top:var(--hdr);z-index:2;background:var(--bg);border-bottom:1px solid var(--soft);flex-wrap:wrap;align-items:baseline;gap:.3rem 1rem;padding:.9rem 0;display:flex;position:sticky}.pin-count{color:var(--muted)}.pin-title{letter-spacing:-.04em;font-variation-settings:"wdth" 75;color:var(--accent);font-size:clamp(2rem,9vw,3.4rem);font-weight:700;line-height:1;animation:.45s cubic-bezier(.2,.8,.2,1) both swap}.pin-dots{gap:.4rem;margin-left:auto;display:flex}.pin-dots i{background:var(--soft);border-radius:50%;width:.55rem;height:.55rem;transition:background .3s,transform .3s}.pin-dots i[data-on=true]{background:var(--accent);transform:scale(1.4)}.step{flex-direction:column;justify-content:center;gap:1.2rem;min-height:26svh;padding:1.5rem 0;display:flex}.step-k{color:var(--muted);transition:color .4s}.step[data-on=true] .step-k{color:var(--accent)}.step .chips li{opacity:.12;transition:opacity .25s,transform .25s,background .2s,color .2s,border-color .2s;transform:translateY(1.4rem)scale(.7)rotate(-4deg)}.step[data-on=true] .chips li{opacity:1;transition:opacity .4s calc(var(--c) * 70ms), transform .7s cubic-bezier(.34, 1.7, .5, 1) calc(var(--c) * 70ms), background .2s, color .2s, border-color .2s;transform:none}.step[data-on=true] .chips li:hover{transition-delay:0s;transform:translateY(-3px)}@media (min-width:900px){.pin{column-gap:calc(var(--gap) * 2);grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.pin-side{top:calc(var(--hdr) + 2rem);background:0 0;border:0;flex-direction:column;align-self:start;align-items:flex-start;gap:1.2rem;padding:0}.pin-title{font-size:clamp(3rem,6.4vw,7rem)}.pin-dots{margin:0}.step{min-height:42svh;padding:2rem 0}}.chips{flex-wrap:wrap;gap:.5rem;display:flex}.chips li{border:1.5px solid var(--fg);border-radius:99px;padding:.4em 1em;font-size:clamp(1rem,1.8vw,1.3rem);font-weight:500;transition:background .2s,color .2s,transform .2s}.chips li:hover{background:var(--accent);border-color:var(--accent);color:var(--on-accent);transform:translateY(-3px)}.act-stats{gap:2rem var(--gap);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));display:grid}.act-stats dd{color:var(--muted);margin-top:.6rem}.cal{margin:clamp(2rem,5vw,4rem) 0 1rem}.cal-grid{grid-template-rows:repeat(7,1fr);grid-template-columns:repeat(53,1fr);grid-auto-flow:column;gap:clamp(1px,.3vw,4px);display:grid}.cal-grid i{aspect-ratio:1;background:color-mix(in srgb, var(--fg) 9%, transparent);border-radius:15%;transition:transform .2s}.cal-grid i[data-l="1"]{background:color-mix(in srgb, var(--accent) 30%, var(--bg))}.cal-grid i[data-l="2"]{background:color-mix(in srgb, var(--accent) 55%, var(--bg))}.cal-grid i[data-l="3"]{background:color-mix(in srgb, var(--accent) 80%, var(--bg))}.cal-grid i[data-l="4"]{background:var(--accent)}@media (hover:hover){.cal-grid i:hover{z-index:1;position:relative;transform:scale(1.8)}}.cal figcaption{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;margin-top:1rem;display:flex}.mega{letter-spacing:-.04em;font-variation-settings:"wdth" 75;text-underline-offset:.12em;overflow-wrap:anywhere;margin-bottom:2rem;font-size:clamp(1.6rem,11.4vw,11rem);font-weight:700;line-height:1;text-decoration-thickness:.06em;transition:color .2s;display:block}.mega:hover{color:var(--accent)}.foot{max-width:1760px;padding:1.5rem var(--pad) 2.5rem;border-top:2px solid var(--fg);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:1rem;margin:clamp(3rem,7vw,6rem) auto 0;font-size:.95rem;display:flex}.foot .caret{background:var(--accent)}@keyframes rise{0%{transform:translateY(110%)}}@keyframes typing{0%{width:0}}@keyframes blink{50%{opacity:0}}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--accent)}70%,to{box-shadow:0 0 0 .6rem #0000}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes swap{0%{opacity:0;transform:translateY(.5em)}}@keyframes reveal{0%{opacity:0;transform:translateY(2.5rem)}}@supports (animation-timeline:view()){.reveal{animation:linear both reveal;animation-timeline:view();animation-range:entry entry 55%}}
