:root{--color-bg:oklch(98.2% .008 230);--color-surface:oklch(95.5% .012 235);--color-line:oklch(86% .018 240);--color-ink:oklch(21% .025 250);--color-muted:oklch(48% .025 250);--color-blue:oklch(56% .16 255);--color-vermilion:oklch(62% .12 25);--color-green:oklch(58% .11 155);--font-display:Georgia, "Times New Roman", serif;--font-body:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);line-height:1.5}body{min-width:320px;margin:0}a{color:inherit;text-decoration-color:var(--color-line);text-underline-offset:.18em}a:hover,a:focus-visible{color:var(--color-blue)}:focus-visible{outline:2px solid var(--color-blue);outline-offset:3px}.page-shell{width:min(1120px,100% - 32px);margin:0 auto;padding:56px 0}.eyebrow{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:0;text-transform:uppercase;font-size:.78rem}.hero-title{max-width:780px;font-family:var(--font-display);margin:18px 0 0;font-size:clamp(3rem,8vw,7.5rem);font-weight:400;line-height:.92}.hero-copy{max-width:620px;color:var(--color-muted);margin:24px 0 0;font-size:1.05rem}.back-link{color:var(--color-muted);font-family:var(--font-mono);text-transform:uppercase;margin-bottom:32px;font-size:.78rem;text-decoration:none;display:inline-block}.section-title{max-width:780px;font-family:var(--font-display);margin:18px 0 0;font-size:clamp(2.6rem,7vw,6rem);font-weight:400;line-height:.96}.section-copy{max-width:640px;color:var(--color-muted);margin:20px 0 0;font-size:1.05rem}.work-surface{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:24px;margin-top:48px;display:grid}.surface-list,.surface-detail{border:1px solid var(--color-line);background:color-mix(in oklch, var(--color-surface) 84%, white)}.surface-list{padding:8px}.surface-section+.surface-section{border-top:1px solid var(--color-line);margin-top:18px;padding-top:18px}.surface-label{color:var(--color-muted);font-family:var(--font-mono);text-transform:uppercase;margin:0 0 8px;font-size:.72rem}.surface-row{width:100%;color:var(--color-ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:12px;display:grid}.surface-row:hover,.surface-row[aria-pressed=true]{background:var(--color-bg);color:var(--color-blue)}.surface-row small{color:var(--color-muted);font-family:var(--font-mono);font-size:.72rem}.surface-detail{min-height:320px;padding:24px}.surface-detail h2{font-family:var(--font-display);margin:0;font-size:clamp(2rem,5vw,4rem);font-weight:400;line-height:1}.surface-detail p:last-child{color:var(--color-muted);margin:18px 0 0}.index-list{border-top:1px solid var(--color-line);margin-top:48px}.index-row{border-bottom:1px solid var(--color-line);grid-template-columns:minmax(0,1fr) max-content;align-items:start;gap:24px;padding:18px 0;text-decoration:none;display:grid}.index-row strong,.index-row small{display:block}.index-row small{max-width:720px;color:var(--color-muted);margin-top:6px}.index-row>span:last-child{color:var(--color-muted);font-family:var(--font-mono);text-align:right;text-transform:uppercase;font-size:.78rem}.detail-shell{max-width:860px}.tag-row{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.tag-row span{border:1px solid var(--color-line);color:var(--color-muted);font-family:var(--font-mono);text-transform:uppercase;padding:4px 8px;font-size:.72rem}.prose{max-width:720px;margin-top:48px;font-size:1.08rem}.prose p{margin:0 0 1.25em}.meta-block{border-top:1px solid var(--color-line);gap:8px;max-width:720px;margin-top:40px;padding-top:24px;display:grid}.meta-block h2{font-family:var(--font-mono);text-transform:uppercase;margin:0;font-size:.78rem;font-weight:400}@media (width<=720px){.page-shell{width:min(100% - 24px,1120px);padding:32px 0}}@media (width<=780px){.work-surface{grid-template-columns:1fr}.index-row{grid-template-columns:1fr;gap:8px}.index-row>span:last-child{text-align:left}}