@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--ink:#202c2b;--red:#a33e2d;--paper:#faf9f6;--line:#d8d9d2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}header{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1440px;margin:auto;padding:28px 5%;border-bottom:1px solid var(--line)}.brand{font-weight:700;letter-spacing:.13em;font-size:20px;text-decoration:none;line-height:1.4}.brand span{display:block;font-size:10px;letter-spacing:.22em;font-weight:500;margin-top:6px}nav{display:flex;gap:30px;align-items:center}nav a{text-decoration:none;font-size:14px}.nav-contact{border-bottom:1px solid var(--red);padding:8px 0}.wrap{max-width:1320px;margin:auto;padding:70px 5%}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:700;color:var(--red)}h1,h2,h3{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;line-height:1.05;margin:20px 0}h1{font-size:clamp(48px,6.8vw,92px)}h2{font-size:clamp(38px,4vw,58px)}h3{font-size:28px}.hero{display:grid;grid-template-columns: .9fr 1.1fr;gap:7%;align-items:center;padding-top:55px;padding-bottom:65px}.hero p{max-width:430px;color:#56615d}.hero-art{margin:0;background:#e4e2d9;padding:22px 22px 12px}.hero-art img{width:100%;height:470px;object-fit:contain;display:block}.hero-art figcaption{font-size:12px;display:flex;justify-content:space-between;margin-top:12px;gap:12px}.button{display:inline-block;padding:13px 23px;background:var(--ink);color:white;text-decoration:none;border:1px solid var(--ink);font-size:14px}.button.secondary{background:transparent;color:var(--ink)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.band{border-block:1px solid var(--line);display:flex;justify-content:space-around;gap:20px;padding:18px 5%;font-size:12px;text-transform:uppercase;letter-spacing:.13em}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.section-head h2{margin-bottom:0}.section-head a{font-size:14px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px 26px}.card{text-decoration:none;display:block}.card .photo{height:300px;background:#e9e8e1;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:18px}.card img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.card:hover img{transform:scale(1.025)}.card h3{margin:14px 0 7px}.card small{font-size:12px;letter-spacing:.05em;color:#64716b}.artist{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.artist img{width:100%;max-height:550px;object-fit:cover}.artist p{max-width:520px}.dark{background:var(--ink);color:var(--paper)}.dark .eyebrow{color:#e9ae87}.dark .button{background:var(--paper);color:var(--ink);border-color:var(--paper)}.contact{display:grid;grid-template-columns:1fr 1fr;gap:10%}.contact a{overflow-wrap:anywhere}label{display:block;margin:14px 0 5px;font-size:14px}input,textarea{width:100%;padding:12px;border:1px solid #afb7af;background:transparent;color:inherit;border-radius:0}textarea{min-height:130px;resize:vertical}.note{font-size:13px;color:#65706a}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0 38px}.filter{border:1px solid var(--line);padding:10px 20px;background:transparent}.filter.active{background:var(--ink);color:white;border-color:var(--ink)}.detail{display:grid;grid-template-columns:1.2fr 1fr;gap:7%;align-items:start}.detail h1{font-size:56px}.detail-image{width:100%;max-height:650px;object-fit:contain;background:#e9e8e1;padding:20px;cursor:zoom-in}.description{white-space:pre-line;line-height:1.75}.back{display:inline-block;margin-bottom:25px;font-size:14px}.thumbs{display:flex;gap:12px;flex-wrap:wrap;margin-top:15px}.thumbs button{background:#e9e8e1;border:1px solid var(--line);padding:4px}.thumbs img{width:70px;height:70px;object-fit:contain}.status{font-size:13px;color:var(--red)}footer{max-width:1440px;margin:auto;padding:40px 5%;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:13px;border-top:1px solid var(--line)}dialog{border:0;padding:20px;background:var(--paper);max-width:95vw;max-height:95vh}dialog::backdrop{background:#101918dd}dialog img{max-width:85vw;max-height:78vh;display:block}dialog button{display:block;margin:0 0 12px auto;padding:8px 15px}.skip{position:absolute;left:12px;top:-100px}.skip:focus{top:12px;background:white;padding:10px;z-index:2}:focus-visible{outline:3px solid #c07934;outline-offset:4px}.empty{padding:50px 0}.anchor{scroll-margin-top:20px}@media(max-width:760px){header{padding:20px 6%;align-items:start;flex-direction:column;gap:20px}nav{gap:18px;flex-wrap:wrap}nav a{font-size:14px}.wrap{padding:45px 6%}.hero,.artist,.contact,.detail{grid-template-columns:1fr;gap:30px}.hero h1{font-size:58px}.hero-art img{height:340px}.band{justify-content:center;flex-wrap:wrap;gap:8px 20px}.grid{grid-template-columns:repeat(2,1fr);gap:26px 16px}.card .photo{height:220px;padding:10px}.card h3{font-size:24px}.section-head{align-items:start}.detail h1{font-size:44px}footer{flex-direction:column;align-items:start}.artist img{max-height:400px}}@media(max-width:430px){.grid{grid-template-columns:1fr}.card .photo{height:320px}.hero h1{font-size:49px}.hero-art img{height:280px}.section-head{flex-direction:column}.brand{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card img{transition:none}}