:root{color-scheme:light dark; --bg:#ffffff; --fg:#0f0f0f; --surface:#ffffff; --muted:#666666; --line:rgba(15,15,15,0.12); --line-strong:rgba(15,15,15,0.22); --accent:#0f0f0f}@media (prefers-color-scheme:dark){:root{ --bg:#0f0f0f; --fg:#f7f7f2; --surface:#151515; --muted:#a7a7a0; --line:rgba(247,247,242,0.13); --line-strong:rgba(247,247,242,0.24); --accent:#f7f7f2}} *{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--bg);color:var(--fg);font:16px/1.5 "Avenir Next","Segoe UI",system-ui,-apple-system,sans-serif;text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased}.page{display:grid;gap:var(--page-gap);margin:0 auto;max-width:var(--site-max,1440px);min-height:100vh;padding:var(--page-pad-y) var(--page-pad-x);width:100%}.site-nav{align-items:center;display:flex;gap:18px;justify-content:space-between}.brand,.site-nav a{color:inherit;text-decoration:none}.brand{font-family:inherit;font-size:18px;font-weight:650}.site-nav nav{display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-end}.site-nav nav a{color:var(--muted)}.site-nav nav a:hover{color:var(--accent)}.intro{display:grid;gap:18px}.eyebrow{color:var(--muted);font-size:13px;font-weight:600;letter-spacing:0;margin:0}h1,p,figure{margin:0}h1{font-family:inherit;font-size:clamp(54px,11vw,128px);font-weight:500;letter-spacing:0;line-height:0.9}.summary{color:var(--muted);font-size:clamp(18px,2.2vw,24px);line-height:1.35;max-width:48ch}.viewer{border-top:1px solid var(--line);display:grid;gap:20px;padding-top:22px}.stage{display:grid;gap:14px}.stage a{background:var(--surface);border:1px solid var(--line);display:block;overflow:hidden}.stage img{aspect-ratio:1.42;display:block;height:auto;object-fit:contain;width:100%}figcaption{display:grid;gap:3px}figcaption strong{font-size:22px;line-height:1.2}figcaption span{color:var(--muted)}.page-state{color:var(--muted);font-size:13px}.thumbs{display:grid;gap:10px;grid-template-columns:repeat(6,minmax(0,1fr))}.thumb{appearance:none;background:transparent;border:0;border-top:1px solid var(--line);color:inherit;cursor:pointer;display:grid;gap:8px;min-width:0;padding:10px 0 0;text-align:left}.thumb img{aspect-ratio:1.42;border:1px solid var(--line);display:block;object-fit:cover;width:100%}.thumb span{color:var(--muted);font-size:13px;line-height:1.25}.thumb:hover span,.thumb.is-active span{color:var(--accent)}.thumb.is-active{border-color:var(--line-strong)}.thumb:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media (max-width:820px){.thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:520px){.thumbs{grid-template-columns:repeat(2,minmax(0,1fr))}}