:root{
  --ink:#1b1915; --wall:#1b1915; --paper:#f3ece1; --muted:#a49b8c; --brass:#c2a468;
  --display:'Italiana',Georgia,serif; --serif:'Spectral',Georgia,serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--wall);color:var(--paper);font-family:var(--serif);
  font-weight:300;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}
.bar{padding:24px 32px}
.mark{font-family:var(--display);font-size:26px;letter-spacing:.14em;text-decoration:none;opacity:.85}
.mark:hover{opacity:1}
main{max-width:1080px;margin:0 auto;padding:16px 32px 72px}
.plate{margin:0 0 40px;background:#111}
.plate img{display:block;width:100%;height:auto;max-height:72vh;object-fit:contain;background:#0d0c0a}
h1{font-family:var(--display);font-weight:400;font-size:clamp(30px,4.4vw,52px);line-height:1.15;margin:0 0 6px}
.artist{font-style:italic;font-size:20px;color:var(--paper);opacity:.85;margin:0 0 28px}
.facts{display:grid;grid-template-columns:max-content 1fr;gap:8px 28px;margin:0 0 32px;font-size:16px}
.facts dt{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);padding-top:5px}
.facts dd{margin:0}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 48px}
.btn{display:inline-block;padding:11px 20px;border:1px solid rgba(194,164,104,.5);
  text-decoration:none;font-size:14px;letter-spacing:.06em;transition:background .2s,border-color .2s}
.btn:hover{background:rgba(194,164,104,.12);border-color:var(--brass)}
.btn-primary{background:rgba(194,164,104,.16);border-color:var(--brass)}
h2{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);
  font-weight:400;margin:0 0 18px}
.near{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px;
  list-style:none;padding:0;margin:0 0 48px}
.near a{text-decoration:none;display:block}
.near img{width:100%;aspect-ratio:1;object-fit:cover;background:#26231d;display:block}
.near span{display:block;font-size:13px;line-height:1.4;margin-top:8px;opacity:.75}
.near a:hover span{opacity:1}
.credit{font-size:13px;color:var(--muted);border-top:1px solid rgba(243,236,225,.12);padding-top:20px}
.foot{max-width:1080px;margin:0 auto;padding:0 32px 56px;font-size:13px;color:var(--muted)}
.foot a{color:var(--muted)}
.prose{max-width:660px}
.prose p{margin:0 0 18px}
.prose h1{margin-bottom:24px}
/* section labels need air above them, or they read as part of the paragraph before */
.prose h2{margin-top:44px}
.sources{list-style:none;padding:0;margin:0 0 32px}
.sources li{padding:12px 0;border-top:1px solid rgba(243,236,225,.1);font-size:15px}
@media (max-width:640px){
  main,.foot{padding-left:20px;padding-right:20px}
  .facts{grid-template-columns:1fr;gap:2px 0}
  .facts dd{margin-bottom:12px}
}