:root{--sw-alabaster:#edece4;--sw-rainstorm:#2d4a5a;--sw-sierra:#a64b36;--sw-privilege:#7d9184;--sw-beige:#c9bfae;--bg:var(--sw-alabaster);--fg:var(--sw-rainstorm);--muted:#6f7c82;--line:#d8d2c2;--card:#e3dfd2;--accent:var(--sw-sierra);--accent-ink:#fff;--radius:0px;--font-display:"Antonio","Fraunces",Georgia,serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","IBM Plex Mono",ui-monospace,monospace}html[data-dark=true]{--bg:#1c2e38;--fg:var(--sw-alabaster);--muted:#8ba0a8;--line:#314a57;--card:#253c48}html[data-vibe=brutalist]{--bg:var(--sw-alabaster);--fg:var(--sw-rainstorm);--muted:#6f7c82;--line:var(--sw-rainstorm);--card:#e3dfd2;--radius:0px;--font-display:"Space Grotesk",-apple-system,sans-serif;--font-body:"Space Grotesk",-apple-system,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,monospace}html[data-vibe=brutalist][data-dark=true]{--bg:#1c2e38;--fg:var(--sw-alabaster);--line:var(--sw-alabaster);--card:#253c48}html[data-vibe=swiss]{--bg:#f5f3ea;--fg:var(--sw-rainstorm);--muted:#8a9399;--line:#e3dfd2;--card:#ecebe1;--font-display:"Geist","Inter",sans-serif;--font-body:"Geist","Inter",sans-serif}html[data-vibe=swiss][data-dark=true]{--bg:#1c2e38;--fg:var(--sw-alabaster);--muted:#8ba0a8;--line:#2f4653;--card:#233a46}html[data-typepair=serif-sans]{--font-display:"Antonio",serif;--font-body:"Inter",sans-serif}html[data-typepair=fraunces-geist]{--font-display:"Fraunces",serif;--font-body:"Geist",sans-serif}html[data-typepair=grotesk]{--font-display:"Space Grotesk",sans-serif;--font-body:"Space Grotesk",sans-serif}html[data-typepair=mono-everything]{--font-display:"JetBrains Mono",monospace;--font-body:"JetBrains Mono",monospace}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--fg)}body{font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color .25s ease,color .25s ease}::selection{background:var(--accent);color:var(--accent-ink)}a{text-decoration:none}a,button{color:inherit}button{font:inherit;background:none;border:0;cursor:pointer;padding:0}.page{max-width:1280px;margin:0 auto;padding:56px 48px 120px}@media (max-width:720px){.page{padding:32px 20px 80px}}header.top{display:flex;justify-content:space-between;align-items:baseline;gap:32px;padding-bottom:28px;border-bottom:1px solid var(--line);margin-bottom:56px}.brand{font-family:var(--font-display);font-size:clamp(28px,3.6vw,44px);line-height:1;letter-spacing:-.01em}.brand em{font-style:italic;color:var(--muted);font-weight:300}.top-meta{display:flex;gap:28px;align-items:baseline;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.top-meta .dot{width:6px;height:6px;background:#16a34a;border-radius:50%;display:inline-block;margin-right:6px;vertical-align:middle;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.section{margin-top:72px}.section:first-of-type{margin-top:0}.section-head{display:grid;grid-template-columns:1fr auto;grid-gap:24px;gap:24px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:28px}.section-title{font-family:var(--font-display);font-size:clamp(40px,6vw,72px);line-height:.95;letter-spacing:-.02em;margin:0;font-weight:400}.section-title .ital{font-style:italic;color:var(--muted)}.section-count{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:right}.section-count b{color:var(--fg);font-weight:500}html[data-vibe=brutalist] .section-title{text-transform:uppercase;letter-spacing:-.01em;font-weight:500}html[data-vibe=brutalist] .section-title .ital{font-style:normal;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}html[data-vibe=swiss] .section-title{font-weight:500;letter-spacing:-.03em}html[data-vibe=swiss] .section-title .ital{font-style:normal;color:var(--accent)}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.chip{padding:8px 14px;border:1px solid var(--line);border-radius:999px;color:var(--muted);transition:all .18s ease;display:inline-flex;align-items:center;gap:8px;background:transparent}.chip:hover{color:var(--fg);border-color:var(--fg)}.chip[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.chip .n{font-size:10px;opacity:.6}html[data-vibe=brutalist] .chip{border-radius:0;border-width:1.5px}html[data-vibe=brutalist] .chip[aria-pressed=true],html[data-vibe=swiss] .chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:28px 24px;gap:28px 24px;align-items:start}html[data-density="4col"] .grid{grid-template-columns:repeat(4,1fr);gap:24px 20px}html[data-density="2col"] .grid{grid-template-columns:repeat(2,1fr);gap:40px 32px}@media (max-width:960px){.grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:560px){.grid{grid-template-columns:1fr!important}}.tile{display:block;cursor:pointer;text-align:left;width:100%;opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.2,.7,.1,1),transform .7s cubic-bezier(.2,.7,.1,1)}.tile.in{opacity:1;transform:none}.tile.hide{display:none}.tile .cover{position:relative;aspect-ratio:4/3;background:var(--card);border:1px solid var(--line);overflow:hidden;margin-bottom:14px;transition:transform .5s cubic-bezier(.2,.7,.1,1)}html[data-density="4col"] .tile .cover{aspect-ratio:1/1}html[data-hoverfx=zoom] .tile:hover .cover-inner{transform:scale(1.04)}html[data-hoverfx=lift] .tile:hover .cover{transform:translateY(-6px);box-shadow:0 20px 30px -20px rgba(0,0,0,.25)}html[data-hoverfx=accent] .tile:hover .cover{border-color:var(--accent);background:var(--accent)}html[data-hoverfx=accent] .tile:hover .cover .placeholder-svg{opacity:.25;mix-blend-mode:screen}html[data-hoverfx=accent] .tile:hover .cover .placeholder-label{color:var(--accent-ink);border-color:var(--accent-ink);background:transparent}.cover-inner{position:absolute;inset:0;transition:transform .5s cubic-bezier(.2,.7,.1,1)}.placeholder-svg{position:absolute;inset:0;width:100%;height:100%;opacity:.55}.placeholder-label{position:absolute;left:16px;bottom:16px;font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);background:var(--bg);padding:4px 8px;border:1px solid var(--line)}html[data-monolabel=false] .placeholder-label{display:none}.cover-index{left:16px}.cover-index,.cover-year{position:absolute;top:14px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--muted)}.cover-year{right:16px}.tile-body{display:grid;grid-gap:6px;gap:6px}.tile-title{font-family:var(--font-display);font-size:clamp(20px,1.6vw,24px);line-height:1.15;letter-spacing:-.01em;font-weight:400}html[data-vibe=brutalist] .tile-title{font-weight:500;letter-spacing:-.01em}html[data-vibe=swiss] .tile-title{font-weight:500;letter-spacing:-.02em}.tile-tagline{color:var(--muted);font-size:14px;line-height:1.5;max-width:44ch}html[data-showmeta=false] .tile-tagline,html[data-showmeta=false] .tile-tags{display:none}.tile-tags{display:flex;flex-wrap:wrap;gap:6px 10px;margin-top:4px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.tile-tags span:before{content:"·";margin-right:10px;color:var(--line)}.tile-tags span:first-child:before{content:"";margin:0}.tabs{gap:8px;padding-bottom:6px}.tab,.tabs{position:relative;display:inline-flex;align-items:baseline}.tab{gap:14px;padding:4px 0;color:var(--muted);transition:color .25s ease;cursor:pointer}.tab+.tab{margin-left:28px}.tab:hover,.tab[aria-selected=true]{color:var(--fg)}.tab-label{font-family:var(--font-display);font-size:clamp(36px,5.4vw,60px);line-height:.95;letter-spacing:-.02em;font-weight:400}.tab-label .ital{font-style:italic;color:inherit}html[data-vibe=brutalist] .tab-label{text-transform:uppercase;font-weight:500}html[data-vibe=brutalist] .tab-label .ital{font-style:normal;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}html[data-vibe=swiss] .tab-label{font-weight:500;letter-spacing:-.03em}.tab-count{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--muted);align-self:flex-start;margin-top:8px}.tab[aria-selected=true] .tab-count{color:var(--fg)}.tab-ink{position:absolute;left:0;bottom:-1px;height:2px;background:var(--fg);transition:transform .5s cubic-bezier(.2,.7,.1,1),width .5s cubic-bezier(.2,.7,.1,1);transform-origin:left;pointer-events:none}.tab-panels{position:relative}.tab-panel[hidden]{display:none}.tab-panel{animation:panelIn .45s cubic-bezier(.2,.7,.1,1)}@keyframes panelIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (max-width:720px){.tabs{flex-wrap:wrap}.tab+.tab{margin-left:0}.tab-label{font-size:clamp(28px,9vw,40px)}.section-head{grid-template-columns:1fr}.section-count{text-align:left}}.drawer-scrim{position:fixed;inset:0;background:color-mix(in oklab,var(--fg) 28%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:80}.drawer-scrim.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(720px,92vw);background:var(--bg);border-left:1px solid var(--line);transform:translateX(100%);transition:transform .45s cubic-bezier(.2,.7,.1,1);z-index:90;overflow-y:auto}.drawer.open{transform:none}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:22px 36px;border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;background:color-mix(in oklab,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.drawer-close{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--line)}.drawer-close:hover{border-color:var(--fg);color:var(--fg)}.drawer-body{padding:40px 36px 80px}.drawer-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;display:flex;gap:14px}.drawer-title{font-family:var(--font-display);font-size:clamp(40px,5.2vw,64px);line-height:.98;letter-spacing:-.02em;margin:0 0 18px;font-weight:400}.drawer-tagline{color:var(--muted);font-size:18px;line-height:1.5;max-width:56ch;margin-bottom:32px}.drawer-hero{aspect-ratio:16/10;background:var(--card);border:1px solid var(--line);margin:0 -36px 36px;position:relative;overflow:hidden}.drawer-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:0;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:36px}.drawer-stat{padding:18px 16px;border-right:1px solid var(--line)}.drawer-stat:last-child{border-right:0}.drawer-stat .k{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.drawer-stat .v{font-size:14px;font-weight:500}.drawer-body h3{font-family:var(--font-display);font-size:24px;font-weight:400;letter-spacing:-.01em;margin:32px 0 10px}.drawer-body p{color:var(--fg);opacity:.85;margin:0 0 16px;max-width:60ch;text-wrap:pretty}.drawer-body ul{padding-left:18px;color:var(--fg);opacity:.85}.drawer-body li{margin-bottom:6px}.drawer-gallery{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin:24px -36px 0;padding:0 36px}.drawer-gallery .g{aspect-ratio:1/1;background:var(--card);position:relative;overflow:hidden}.drawer-gallery .g,.tweaks{border:1px solid var(--line)}.tweaks{position:fixed;right:24px;bottom:24px;width:300px;background:var(--bg);font-family:var(--font-mono);font-size:11px;z-index:70;box-shadow:0 20px 40px -20px rgba(0,0,0,.25);display:none}.tweaks.on{display:block}.tweaks-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.12em}.tweaks-head .dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:8px;vertical-align:middle}.tweaks-body{padding:4px 14px 14px;max-height:70vh;overflow-y:auto}.tweak-row{padding:10px 0;border-bottom:1px dashed var(--line)}.tweak-row:last-child{border-bottom:0}.tweak-label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;display:flex;justify-content:space-between}.tweak-opts{display:flex;flex-wrap:wrap;gap:4px}.tweak-opt{padding:5px 9px;border:1px solid var(--line);background:transparent;color:var(--muted);font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:all .15s ease}.tweak-opt:hover{color:var(--fg);border-color:var(--fg)}.tweak-opt[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.tweak-swatches{display:flex;gap:6px}.tweak-swatch{width:26px;height:26px;border-radius:50%;border:2px solid var(--line);cursor:pointer}.tweak-swatch[aria-pressed=true]{border-color:var(--fg);box-shadow:inset 0 0 0 2px var(--bg)}.tweak-toggle{display:flex;gap:6px}footer.end{margin-top:120px;padding-top:28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}