:root{--paper:#f5f2ea;--ink:#242722;--muted:#676b60;--accent:#e85b30;--line:#d8d8cb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;font:inherit}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.masthead,main,footer{max-width:1360px;margin:auto;padding-left:5%;padding-right:5%}.masthead{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:1px;line-height:1.2}.brand-icon{position:relative;background:var(--ink);color:var(--paper);padding:6px 12px;font-family:Georgia,serif;font-size:34px;letter-spacing:-4px}.brand-icon span{font-family:Arial;font-size:15px;margin-left:5px}.badge,.eyebrow,.hero-foot,.navlink,.meta,.view-note,#count{font-family:monospace;font-size:11px;letter-spacing:1px}.badge{border:1px solid var(--line);padding:10px}.navlink{text-decoration:none}.hero{padding-top:64px}.eyebrow{font-weight:bold;line-height:1.5}.dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:100%;margin-right:8px}h1{font-size:clamp(46px,6.7vw,92px);font-weight:500;line-height:1.02;letter-spacing:-5px;margin:28px 0 28px}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.intro{display:flex;align-items:center;justify-content:space-between;gap:24px}.intro p{color:var(--muted);font-size:17px;line-height:1.65}.primary{display:flex;gap:40px;align-items:center;background:var(--accent);color:white;padding:20px 25px;text-decoration:none;font-size:14px}.primary:hover{background:#bc3f1a}.hero-foot{display:flex;justify-content:space-between;padding:35px 0 18px;border-bottom:1px solid var(--ink);margin-bottom:62px;color:var(--muted)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}h2{font-family:Georgia,serif;font-size:34px;letter-spacing:-1px;font-weight:400;margin:12px 0 25px}.section-heading p,.next p{font-size:14px;line-height:1.6;color:var(--muted)}.controls{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:15px;border-bottom:1px solid var(--line);padding-bottom:20px}.years{display:flex;gap:7px;flex-wrap:wrap}.years button,.view-switch button{border:1px solid var(--line);background:transparent;padding:10px 15px;font-size:12px}.years button[aria-pressed=true],.view-switch button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.view-switch{display:flex;flex-shrink:0}.searchline{display:flex;align-items:center;justify-content:space-between;margin:20px 0;gap:15px}.searchline label{font-size:12px;color:var(--muted)}input{margin-left:12px;border:0;border-bottom:1px solid #a8ac9c;background:transparent;padding:9px 4px;color:var(--ink);width:230px;font:inherit;font-size:14px;border-radius:0}.view-note{font-size:10px;color:var(--muted);letter-spacing:0;line-height:1.7;margin:16px 0 24px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}.card{border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;padding:0 0 18px;color:var(--ink);min-width:0}.art{position:relative;background:#e2e6d8;height:225px;display:flex;align-items:center;justify-content:center;overflow:hidden}.card:nth-child(4n+2) .art{background:#e7daca}.card:nth-child(4n+3) .art{background:#d8dee4}.card:nth-child(4n+4) .art{background:#e8dfb9}.art img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.card:hover img{transform:scale(1.04)}.art .symbol{font-size:85px;filter:grayscale(.15)}.art-label{position:absolute;left:10px;top:10px;background:var(--paper);padding:6px 8px;font-family:monospace;font-size:10px}.meta{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin:15px 0 9px;letter-spacing:.5px}.card h3{font-size:21px;letter-spacing:-.5px;margin:0 0 8px;font-weight:500}.card p{font-size:13px;color:var(--muted);line-height:1.6;margin:0}.card-bottom{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-top:15px}.card-bottom span:last-child{font-size:21px;color:var(--accent)}.group{grid-column:1/-1;border-top:1px solid var(--ink);padding:20px 0 0;margin:8px 0 0;font-family:Georgia;font-size:26px}.connections-list{grid-column:1/-1;display:grid;gap:18px}.connection{border:1px solid var(--line);padding:26px;display:grid;grid-template-columns:1fr 50px 1fr;gap:15px;align-items:center;background:#eeeee4}.connection button{background:transparent;border:0;padding:8px;text-align:left;font-family:Georgia;font-size:24px}.connection p{grid-column:1/-1;margin:0;font-size:13px;color:var(--muted);line-height:1.6}.arrow{text-align:center;color:var(--accent);font-size:25px}.next{border-top:1px solid var(--ink);border-bottom:1px solid var(--line);margin:70px 0 0;padding:40px 0;display:flex;align-items:center;justify-content:space-between;gap:30px}.next h2{margin-bottom:10px}.votes button,.feedback button,.related button,.share{background:transparent;border:1px solid #a8ac9c;padding:13px;font-size:12px}.votes button:hover,.feedback button:hover,.related button:hover,.share:hover{background:var(--ink);color:white}.votes p{min-height:20px}.feedback{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:26px 0;font-size:12px}footer{border-top:1px solid var(--line);padding-top:35px;padding-bottom:35px;color:var(--muted);font-size:11px;line-height:1.7}footer strong{color:var(--ink);letter-spacing:1px}footer a{font-size:11px}dialog{border:1px solid var(--line);padding:40px;width:min(760px,92vw);max-height:88vh;overflow:auto;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#151b17b8;backdrop-filter:blur(3px)}.close{position:absolute;right:15px;top:12px;background:var(--paper);border:1px solid var(--line);padding:9px;z-index:2}.detail-art{height:260px;background:#e2e6d8;display:flex;align-items:center;justify-content:center;font-size:90px;margin-bottom:26px}.detail-art img{width:100%;height:100%;object-fit:contain}dialog h2{margin:12px 0 16px;font-size:38px}dialog p{line-height:1.7;font-size:15px}dialog h3{font-size:12px;letter-spacing:1px;margin-top:25px;text-transform:uppercase}.source{display:inline-block;font-size:13px;margin:10px 0 20px}.related{display:flex;gap:8px;flex-wrap:wrap}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:15px 22px;display:none;z-index:5;font-size:13px;max-width:90vw}.empty{grid-column:1/-1;padding:40px 0}.preview-tag{font-size:10px;position:absolute;bottom:10px;background:#f5f2eae6;padding:5px} @media(max-width:800px){.badge{display:none}.masthead{height:85px}.hero{padding-top:42px}h1{letter-spacing:-3px}.section-heading{display:block}.intro{align-items:start}.intro p{font-size:15px}.primary{gap:18px;padding:17px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.art{height:200px}.next{display:block}.votes{margin-top:25px}.section-heading p{margin-top:-10px}.controls{flex-wrap:wrap}.hero-foot{margin-bottom:40px}}@media(max-width:480px){.masthead,main,footer{padding-left:6%;padding-right:6%}.navlink{font-size:10px}.hero{padding-top:32px}h1{font-size:48px;letter-spacing:-2.8px}.intro{display:block}.intro p{font-size:14px}.primary{display:inline-flex;margin-top:8px}.hero-foot{font-size:9px;gap:20px;line-height:1.6}h2{font-size:29px}.searchline{display:block}.searchline label{display:block}input{width:100%;margin:8px 0 12px}.grid{gap:25px 14px}.art{height:155px}.art .symbol{font-size:56px}.card h3{font-size:18px}.card p{font-size:12px}.meta{font-size:9px;letter-spacing:0;gap:5px}.connection{padding:15px;gap:3px;grid-template-columns:1fr 25px 1fr}.connection button{font-size:19px;padding:5px}.connection p{font-size:12px}.votes button{margin-bottom:8px}dialog{padding:26px 20px}.detail-art{height:210px}.view-switch button,.years button{padding:9px 11px}.view-note{font-size:10px}.desktop{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}