:root{color-scheme:light;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Inter Tight", "Helvetica Neue", Helvetica, Arial, sans-serif;--display-weight: 650;--display-tracking: -.035em;--bg: #f2efe9;--surface: #fbfaf7;--tile: #ebe6dc;--tile-hover: #e4ddd0;--ink: #1c1a17;--ink-2: #4b4740;--muted: #857f75;--line: rgba(28, 26, 23, .08);--line-strong: rgba(28, 26, 23, .15);--signal: #0e8a7c;--signal-soft: rgba(14, 138, 124, .12);--amber: #93640e;--amber-soft: rgba(176, 124, 24, .12);--ply-top: #f6ecd9;--ply-right: #e6d3b1;--ply-left: #cdb48a;--ply-edge: rgba(28, 26, 23, .78);--gutter: clamp(16px, 4vw, 48px);--ease: cubic-bezier(.22, 1, .36, 1);font-family:var(--font-sans);font-size:15px;line-height:1.5;font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #12110f;--surface: #1a1916;--tile: #1d1c19;--tile-hover: #24221e;--ink: #f2eee7;--ink-2: #c8c1b5;--muted: #8c867b;--line: rgba(242, 238, 231, .07);--line-strong: rgba(242, 238, 231, .14);--signal: #43c9b6;--signal-soft: rgba(67, 201, 182, .14);--amber: #e2b45c;--amber-soft: rgba(226, 180, 92, .13);--ply-top: #4a4031;--ply-right: #3a3226;--ply-left: #2c261d;--ply-edge: rgba(236, 220, 191, .75)}}:root[data-theme=dark]{color-scheme:dark;--bg: #12110f;--surface: #1a1916;--tile: #1d1c19;--tile-hover: #24221e;--ink: #f2eee7;--ink-2: #c8c1b5;--muted: #8c867b;--line: rgba(242, 238, 231, .07);--line-strong: rgba(242, 238, 231, .14);--signal: #43c9b6;--signal-soft: rgba(67, 201, 182, .14);--amber: #e2b45c;--amber-soft: rgba(226, 180, 92, .13);--ply-top: #4a4031;--ply-right: #3a3226;--ply-left: #2c261d;--ply-edge: rgba(236, 220, 191, .75)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink)}body{min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.18em}a:hover{color:var(--signal)}:focus-visible{outline:2px solid var(--signal);outline-offset:2px}img,svg{display:block;max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site{display:flex;flex-direction:column;min-height:100vh}.site-header{container-type:inline-size;padding:clamp(18px,2.5vw,28px) var(--gutter) clamp(28px,4vw,56px)}.site-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:clamp(14px,2vw,22px);border-bottom:1px solid transparent}.site-tools{display:flex;align-items:center;gap:clamp(16px,2.5vw,32px)}.brand{display:block;text-decoration:none}.brand:hover{color:inherit}.wordmark{display:block;margin-top:clamp(10px,1.5vw,20px);margin-left:-.04em;font-family:var(--font-display);font-size:calc(100cqw / 7.2);font-weight:700;line-height:.8;letter-spacing:-.055em;color:var(--ink);white-space:nowrap}.wordmark>span{display:inline}.site-header.is-compact .wordmark{font-size:calc(100cqw / 21);line-height:.9}.brand-sub{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}.site-nav{display:flex;gap:clamp(16px,2.5vw,32px);font-size:.95rem}.site-nav a{text-decoration:none;color:var(--ink-2)}.site-nav a[aria-current=page]{color:var(--ink);text-decoration:underline}.theme-toggle{display:inline-flex;padding:2px;border:1px solid var(--line-strong);border-radius:999px}.theme-toggle button{padding:3px 10px;border:0;border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-size:.75rem;letter-spacing:.02em;cursor:pointer;transition:background-color .15s var(--ease),color .15s var(--ease)}.theme-toggle button:hover{color:var(--ink)}.theme-toggle button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.theme-toggle button:focus-visible{outline:2px solid var(--signal);outline-offset:1px}.page{flex:1}.display{margin:0;font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);line-height:1.02;font-size:clamp(1.6rem,3.4vw,2.6rem)}.intro{padding:0 var(--gutter) clamp(20px,3vw,32px);max-width:62rem}.lede{margin:12px 0 0;max-width:40rem;color:var(--ink-2);font-size:1.02rem}.filters{display:flex;flex-direction:column;gap:10px;padding:0 var(--gutter) 24px}.filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.filter-label{width:4.5rem;flex:none;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.chip{padding:3px 10px;border:1px solid var(--line-strong);border-radius:999px;font-size:.86rem;text-decoration:none;color:var(--ink-2);white-space:nowrap}.chip:hover{border-color:var(--ink-2);color:var(--ink)}.chip[aria-current=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.count{margin:4px 0 0;font-size:.86rem;color:var(--muted)}.empty{padding:48px var(--gutter);color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:2px;margin:0;padding:0;list-style:none}.tile{position:relative;background:var(--tile)}.tile-link{display:block;text-decoration:none;color:inherit}.tile-link:hover{color:inherit}.tile-art{display:block;aspect-ratio:1;padding:6%;transition:transform .6s var(--ease)}.tile-link:hover .tile-art,.tile-link:focus-visible .tile-art{transform:scale(1.035)}.tile-link:hover{background:var(--tile-hover)}.tile-caption{display:flex;flex-direction:column;gap:2px;padding:0 16px 16px}.tile-title{font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:-.02em;font-size:1.05rem;line-height:1.2}.tile-meta{font-size:.84rem;color:var(--muted)}.tile-badge{position:absolute;top:12px;right:12px}.drawing{width:100%;height:100%}.face{stroke:var(--ply-edge)}.face-top{fill:var(--ply-top)}.face-right{fill:var(--ply-right)}.face-left{fill:var(--ply-left)}.badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.74rem;font-weight:600;letter-spacing:.02em;line-height:1.5;white-space:nowrap;text-decoration:none}.badge-open{background:var(--signal-soft);color:var(--signal)}.badge-nc{background:var(--amber-soft);color:var(--amber)}a.badge:hover{text-decoration:underline}.design{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:clamp(24px,3vw,48px);padding-right:var(--gutter)}.design-art{margin:0;background:var(--tile);align-self:start;position:sticky;top:0}.design-art .drawing{aspect-ratio:1;padding:8%}.design-art figcaption{padding:0 16px 14px;font-size:.8rem;color:var(--muted)}.design-text{max-width:30rem;padding-bottom:48px}.crumbs{margin:0 0 10px;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.crumbs a{text-decoration:none}.design-title{margin:0;font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.05;overflow-wrap:anywhere}.design-by{margin:6px 0 0;color:var(--ink-2)}.design-desc{margin:18px 0 0}.design-links{margin:18px 0 0;line-height:1.9}.design-links a{font-style:italic}.facts{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:10px 12px;margin:28px 0 0;padding-top:18px;border-top:1px solid var(--line-strong);font-size:.92rem}.facts dt{color:var(--muted)}.facts dd{margin:0;overflow-wrap:anywhere}.fact-note{display:block;margin-top:4px;color:var(--ink-2);font-size:.84rem}.cta{margin-top:28px}.cta-button{font:inherit;font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:-.01em;font-size:1rem;padding:11px 18px;border:1px solid var(--ink);border-radius:999px;background:var(--ink);color:var(--bg);cursor:pointer}.cta-button:disabled{background:transparent;border-color:var(--line-strong);color:var(--muted);cursor:not-allowed}.cta-note{margin:8px 0 0;font-size:.84rem;color:var(--muted)}.notes{margin-top:28px}.notes h2,.about h2{margin:0 0 8px;font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:-.02em;font-size:1.05rem}.notes ul{margin:0;padding-left:1.1em;font-size:.9rem;color:var(--ink-2)}.notes li+li{margin-top:6px}.verified{margin-top:28px;font-size:.8rem;color:var(--muted)}.about{max-width:44rem;padding:0 var(--gutter) 48px}.about section{margin-top:32px}.about p,.about li{color:var(--ink-2)}.about ul{padding-left:1.1em}.about li+li{margin-top:6px}.credits{font-family:var(--font-display);font-weight:500;letter-spacing:-.01em;color:var(--ink)}.site-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 32px;padding:32px var(--gutter) 40px;margin-top:48px;border-top:1px solid var(--line);font-size:.8rem;color:var(--muted)}.site-footer p{margin:0;max-width:44rem}@media(max-width:720px){.wordmark{font-size:calc(100cqw / 3.86);line-height:.82}.wordmark>span{display:block}.site-header.is-compact .wordmark{font-size:calc(100cqw / 7.2)}.site-header.is-compact .wordmark>span{display:inline}.site-meta{flex-wrap:wrap;row-gap:10px}.site-tools{gap:14px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tile-caption{padding:0 10px 12px}.tile-title{font-size:.95rem}.tile-meta{font-size:.78rem}.tile-badge{top:8px;right:8px}.filter-label{width:100%}.design{grid-template-columns:minmax(0,1fr);padding:0}.design-art{position:static}.design-text{padding:0 var(--gutter) 32px}}@media(prefers-reduced-motion:reduce){.tile-art{transition:none}}
