@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700;800&family=Cormorant+Garamond:ital,wght@0,500;1,500&display=swap');
:root{--wall:#241b15;--wall2:#1a130e;--gold:#c9a24b;--gold-lt:#e7cd86;--parch:#efe4c8;--parch2:#e3d4b0;--ink:#2a2016;--oxblood:#5a2420}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Cormorant Garamond',serif;background:var(--wall);color:var(--parch);min-height:100vh;background-image:linear-gradient(rgba(201,162,75,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(201,162,75,.03) 1px,transparent 1px);background-size:48px 48px}
nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid rgba(201,162,75,.2);background:rgba(26,19,14,.95);position:sticky;top:0;z-index:50}
.crest{font-family:'Cinzel',serif;color:var(--gold);text-decoration:none;font-size:1.1rem;letter-spacing:.15em}
.nav-links{display:flex;gap:1.5rem}
.nav-links a{color:var(--parch2);text-decoration:none;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;font-family:'Cinzel',serif;font-size:11px}
.nav-links a:hover{color:var(--gold-lt)}
.hero{max-width:1100px;margin:0 auto;padding:3rem 1.5rem 2rem;text-align:center}
.hero h1{font-family:'Cinzel',serif;font-size:clamp(2.5rem,6vw,4rem);color:var(--gold);letter-spacing:.12em;margin-bottom:.5rem;text-shadow:0 2px 20px rgba(201,162,75,.3)}
.tagline{font-style:italic;font-size:1.25rem;color:var(--parch2);margin-bottom:2rem}
.frame-grand{position:relative;max-width:520px;margin:0 auto 2rem;padding:1.5rem;border:3px double var(--gold);background:linear-gradient(145deg,var(--wall2),var(--wall));box-shadow:inset 0 0 40px rgba(0,0,0,.4),0 8px 32px rgba(0,0,0,.5)}
.frame-grand::before,.frame-grand::after{content:'';position:absolute;width:24px;height:24px;border:2px solid var(--gold-lt)}
.frame-grand::before{top:8px;left:8px;border-right:none;border-bottom:none}
.frame-grand::after{bottom:8px;right:8px;border-left:none;border-top:none}
.art-placeholder{aspect-ratio:4/3;background:radial-gradient(ellipse at center,rgba(201,162,75,.15),var(--wall2));display:flex;align-items:center;justify-content:center;border:1px solid rgba(201,162,75,.25)}
.art-placeholder svg{width:120px;height:120px;opacity:.7}
.plaque{padding:1.25rem;margin-top:1rem;border-top:1px solid rgba(201,162,75,.2)}
.drop-line1{font-family:'Cinzel',serif;font-size:1.1rem;color:var(--gold-lt);margin-bottom:.5rem;letter-spacing:.06em}
.drop-line2{font-size:1rem;color:var(--parch2);margin-bottom:1.25rem;line-height:1.6}
.cta-row{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}
.ca-wrap{position:fixed;bottom:0;left:0;right:0;background:var(--parch);color:var(--ink);padding:.85rem 1.5rem;display:flex;align-items:center;justify-content:center;gap:1rem;border-top:3px solid var(--gold);font-family:'Cinzel',serif;font-size:12px;letter-spacing:.05em;z-index:40}
.ca-wrap code{background:rgba(42,32,22,.1);padding:.35rem .75rem;border:1px solid rgba(42,32,22,.2);font-family:monospace;font-size:11px}
.provenance{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:900px;margin:2rem auto;padding:0 1.5rem 6rem}
.prov-card{padding:1rem;border:1px solid rgba(201,162,75,.2);text-align:center;background:rgba(26,19,14,.6)}
.prov-card h3{font-family:'Cinzel',serif;color:var(--gold);font-size:12px;margin-bottom:.35rem}
.prov-card p{font-size:.9rem;color:var(--parch2)}
@media(max-width:768px){.nav-links{display:none}.provenance{grid-template-columns:1fr}}
.interact-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.65rem;padding:.85rem 1.75rem;border:none;border-radius:.35rem;font:inherit;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;color:#2a2016;background:linear-gradient(135deg,#c9a24b 0%,rgba(201,162,75,.85) 100%);box-shadow:0 0 24px rgba(201,162,75,.35),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .2s,box-shadow .2s}
.interact-button:hover{transform:translateY(-2px);box-shadow:0 0 36px rgba(201,162,75,.55),inset 0 1px 0 rgba(255,255,255,.35)}
.interact-button:active{transform:translateY(0)}