:root{--paper:#f7f7f4;--ink:#151515;--muted:#72726e}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
body{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh}
a{color:inherit;text-decoration:none}
.art-header{min-height:132px;padding:34px clamp(24px,4vw,72px);display:flex;align-items:center;justify-content:space-between;gap:32px}
.art-brand{display:block;width:clamp(180px,18vw,290px)}
.art-brand img{display:block;width:100%;height:auto}
.close-link,.art-navigation{font-size:10px;line-height:1;letter-spacing:.18em;text-transform:uppercase}
.close-link{padding:10px 0;border-bottom:1px solid var(--ink)}
.art-viewer{display:grid;place-items:center;padding:20px clamp(24px,8vw,120px) 48px}
figure{margin:0;text-align:center}
#artwork-image{display:block;max-width:min(82vw,1100px);max-height:calc(100vh - 270px);width:auto;height:auto;object-fit:contain;box-shadow:0 2px 20px rgba(0,0,0,.05)}
figcaption{margin-top:18px;font-size:10px;letter-spacing:.2em;text-transform:uppercase}
.art-navigation{padding:20px clamp(24px,4vw,72px) 28px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;color:var(--muted)}
.art-navigation a:last-child{text-align:right}
.art-navigation a:hover,.art-navigation a:focus-visible{color:var(--ink)}
@media(max-width:760px){
 .art-header{min-height:auto;padding:24px 18px}
 .art-brand{width:160px}
 .art-viewer{padding:28px 14px}
 #artwork-image{max-width:100%;max-height:calc(100vh - 230px)}
 .art-navigation{padding:18px;gap:12px;font-size:8px}
}