:root{--paper:#f4f1e8;--paper-deep:#eae5d8;--ink:#181816;--muted:#62615a;--line:#cbc6b8;--acid:#efff5b;--rust:#bf4b2f;--white:#fffdf7;--max-width:1160px;--reading-width:720px;--font-sans:"Aptos", "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"Cascadia Mono", "SFMono-Regular", Consolas, ui-monospace, monospace;color-scheme:light;font-synthesis:none}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth;min-width:320px}body{color:var(--ink);background:linear-gradient(to right, transparent calc(100% - 1px), #1818160b 1px) 0 0 / 32px 32px, var(--paper);font-family:var(--font-sans);text-rendering:optimizelegibility;margin:0;font-size:1rem;line-height:1.7}main{min-height:calc(100vh - 196px)}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{text-decoration-color:var(--rust)}img,svg{max-width:100%;display:block}button,input,textarea,select{font:inherit}:focus-visible{outline:3px solid var(--rust);outline-offset:3px}::selection{color:var(--ink);background:var(--acid)}.skip-link{z-index:100;color:var(--paper);background:var(--ink);padding:.65rem .9rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.shell{width:min(calc(100% - 2.5rem), var(--max-width));margin-inline:auto}.site-header{z-index:10;border-bottom:1px solid var(--line);backdrop-filter:blur(12px);background:#f4f1e8f0;position:relative}.header-inner{justify-content:space-between;align-items:center;gap:2rem;min-height:78px;display:flex}.wordmark{letter-spacing:-.03em;align-items:center;gap:.75rem;font-weight:800;text-decoration:none;display:inline-flex}.nav-list,.inline-list{flex-wrap:wrap;align-items:center;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.nav-list a{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:.45rem .7rem;font-size:.78rem;text-decoration:none;display:block}.nav-list a[aria-current=page]{color:var(--paper);background:var(--ink)}.site-footer{border-top:1px solid var(--line);background:var(--paper-deep);margin-top:7rem}.footer-grid{justify-content:space-between;align-items:flex-end;gap:2rem;min-height:150px;padding-block:2.5rem;display:flex}.footer-name{margin:0;font-weight:800}.footer-grid p{margin-block:.2rem 0}.footer-meta{font-family:var(--font-mono);text-transform:uppercase;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:1.25rem;font-size:.78rem;display:flex}.eyebrow,.kicker{color:var(--rust);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 1rem;font-size:.76rem;font-weight:500;line-height:1.4}h1,h2,h3{letter-spacing:-.045em;margin-block:0;line-height:1.08}h1{max-width:920px;font-size:clamp(3rem,8vw,7rem)}h2{font-size:clamp(2rem,4vw,3.65rem)}h3{font-size:clamp(1.25rem,2vw,1.65rem)}.muted{color:var(--muted)}.page-intro{border-bottom:1px solid var(--line);padding-block:clamp(4rem,10vw,8rem) clamp(3rem,8vw,6rem)}.page-intro h1{font-size:clamp(3.1rem,7vw,6.4rem)}.lede{max-width:700px;color:var(--muted);margin:1.75rem 0 0;font-size:clamp(1.08rem,2vw,1.35rem);line-height:1.6}.section{padding-block:clamp(4.5rem,9vw,8rem)}.section+.section{border-top:1px solid var(--line)}.section-heading{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2rem;margin-bottom:2.5rem;display:grid}.section-heading p{max-width:42rem}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.card{border:1px solid var(--line);background:#fffdf7b3;border-radius:2px;min-height:270px;padding:clamp(1.4rem,3vw,2rem);transition:transform .16s,box-shadow .16s;position:relative}.card:hover{box-shadow:7px 7px 0 var(--ink);transform:translate(-3px,-3px)}.card h3{margin-top:1.6rem}.card p{max-width:37rem;color:var(--muted)}.card-link:after{content:"";position:absolute;inset:0}.card-link{text-decoration:none}.card-meta{min-height:1.75rem;color:var(--muted);font-family:var(--font-mono);text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:.55rem;font-size:.74rem;display:flex}.tag{border:1px solid var(--line);color:var(--muted);font-family:var(--font-mono);letter-spacing:.02em;text-transform:uppercase;border-radius:999px;padding:.22rem .55rem;font-size:.7rem;line-height:1.3;display:inline-flex}.tag--sample{border-color:var(--ink);color:var(--ink);background:var(--acid)}.tag--status{border-color:var(--ink);color:var(--paper);background:var(--ink)}.text-link{z-index:1;margin-top:1rem;font-weight:700;display:inline-block;position:relative}.button-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:2rem;display:flex}.button{border:1px solid var(--ink);min-height:48px;color:var(--paper);background:var(--ink);font-family:var(--font-mono);text-transform:uppercase;justify-content:center;align-items:center;gap:.45rem;padding:.72rem 1rem;font-size:.78rem;font-weight:500;text-decoration:none;transition:color .14s,background .14s;display:inline-flex}.button:hover{color:var(--ink);background:var(--acid)}.button--secondary{color:var(--ink);background:0 0}.button--secondary:hover{color:var(--paper);background:var(--ink)}.empty-state{border:1px dashed var(--line);color:var(--muted);background:#fffdf773;padding:2rem}.prose{width:min(100%, var(--reading-width));font-size:1.08rem}.prose>:first-child{margin-top:0}.prose h2,.prose h3{margin-top:2.8em;margin-bottom:.75em}.prose h2{font-size:2rem}.prose h3{font-size:1.4rem}.prose p,.prose ul,.prose ol,.prose blockquote{margin-block:1.25em}.prose a{font-weight:600}.prose code:not(pre code){background:var(--paper-deep);font-family:var(--font-mono);padding:.12em .34em;font-size:.88em}.prose pre{border-radius:2px;padding:1.2rem;font-size:.88rem;overflow-x:auto}.prose blockquote{border-left:4px solid var(--acid);color:var(--muted);margin-inline:0;padding-left:1.25rem}@media (width<=720px){.shell{width:min(calc(100% - 1.5rem), var(--max-width))}.header-inner{flex-direction:column;align-items:flex-start;gap:.8rem;min-height:70px;padding-block:.8rem}.nav-list{margin-left:-.55rem}.nav-list a{padding-inline:.55rem}.card-grid,.section-heading{grid-template-columns:1fr}.section-heading{align-items:start;gap:1.25rem}.footer-grid{flex-direction:column;align-items:flex-start}.footer-meta{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
