:root{--bg:#000;--ink:#f2f2f2;--dim:#8c8c8c;--line:#262626;color-scheme:dark}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
a{color:var(--ink)}
.banner{display:flex;align-items:center;background:#fff}
.no-banner .banner{display:none}
.banner button{flex:0 0 auto;width:40px;height:34px;border:0;background:transparent;color:#000;font-size:1.35rem;line-height:1;cursor:pointer}
.banner button:hover,.banner button:focus{background:#e6e6e6}
.legacy{flex:1;display:block;padding:7px 12px;background:#fff;color:#000;text-align:center;font-size:.85rem;font-weight:600;text-decoration:none}
.legacy:hover,.legacy:focus{text-decoration:underline}
header{display:flex;align-items:center;justify-content:center;gap:4px;padding:10px 8px 4px;max-width:720px;margin:0 auto}
header .logo{flex:0 1 379px;display:block}
header .logo img{display:block;width:100%;height:auto}
header .arrow{flex:0 0 auto;display:block;padding:10px 4px}
header .arrow img{display:block;width:clamp(44px,14vw,90px);height:auto}
header .arrow[aria-disabled]{visibility:hidden}
main{max-width:960px;margin:0 auto;padding:8px 12px 32px}
.art{display:flex;flex-direction:column;align-items:center;gap:18px;margin:10px 0 6px}
.art img{display:block;max-width:100%;height:auto;max-height:82vh;width:auto}
.meta{text-align:center;color:var(--dim);font-size:.9rem;margin:10px 0}
.meta a{color:var(--dim)}
.sig{display:block;width:clamp(70px,22vw,98px);height:auto;margin:22px auto 6px}
nav.links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:18px 0}
nav.links a{display:inline-block;padding:11px 18px;border:2px solid #fff;border-radius:999px;text-decoration:none;font-weight:700;letter-spacing:.04em}
nav.links a:hover,nav.links a:focus{background:#fff;color:#000}
.hero{display:block;margin:6px auto 0;text-align:center}
.hero img{max-width:100%;height:auto;max-height:70vh}
h1{font-size:1.1rem;font-weight:700;text-align:center;margin:18px 0 4px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
h2{font-size:1.4rem;margin:30px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--line)}
.years{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:6px 0 4px}
.years a{padding:6px 12px;border:1px solid #555;border-radius:999px;text-decoration:none;font-size:.9rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:6px}
.grid a{display:block;aspect-ratio:1;background:#111;overflow:hidden}
.grid img{display:block;width:100%;height:100%;object-fit:cover}
footer{text-align:center;color:var(--dim);font-size:.8rem;padding:18px 12px 28px}
footer a{color:var(--dim)}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}