*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{--bg:#080808;--surface:#0e0e0e;--text:#e2dbd2;--text-dim:#9e9790;--text-muted:#8a8480;--accent:#c4a882;--accent-soft:rgba(196,168,130,0.12);--border:rgba(196,168,130,0.08);--border-mid:rgba(196,168,130,0.18);--font-display:'Cormorant Garamond',Georgia,serif;--font-ui:'Jost',system-ui,sans-serif;}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-weight:300;overflow-x:hidden;-webkit-font-smoothing:antialiased;min-height:100vh;}

nav{position:fixed;inset:0 0 auto;z-index:100;padding:1.5rem 5vw;display:flex;justify-content:space-between;align-items:center;background:rgba(8,8,8,0.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);}
.nav-logo{display:flex;align-items:center;text-decoration:none;}
.nav-logo svg{width:auto;height:40px;}
.nav-back{font-size:1.08rem;font-weight:300;letter-spacing:0.2em;text-transform:uppercase;color:var(--text-muted);text-decoration:none;display:flex;align-items:center;gap:0.5rem;transition:color 0.2s;}
.nav-back:hover{color:var(--accent);}
.nav-back svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}

main{padding-top:6rem;min-height:100vh;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;gap:0;}
.artwork-header{display:none;}

.artwork-image-panel{position:sticky;top:6rem;height:calc(100vh - 6rem);display:flex;align-items:center;justify-content:center;padding:3rem;background:var(--surface);overflow:hidden;cursor:crosshair;}
.artwork-image-panel img{max-width:100%;max-height:100%;object-fit:contain;display:block;transform-origin:50% 50%;transition:transform 0.08s ease-out;will-change:transform;pointer-events:none;}
.zoom-hint{position:absolute;bottom:1.2rem;right:1.5rem;font-size:0.6rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--text-muted);opacity:0.6;pointer-events:none;transition:opacity 0.3s;}
.artwork-image-panel.zoomed .zoom-hint{opacity:0;}

.artwork-details{padding:1rem 5vw 5rem 4rem;display:flex;flex-direction:column;gap:2.5rem;}
.artwork-details-header{display:flex;flex-direction:column;gap:0.5rem;}
.artwork-title{font-family:var(--font-display);font-size:clamp(2.2rem,4vw,4rem);font-weight:300;line-height:1.1;color:var(--text);}
.artwork-subtitle{font-size:0.9rem;font-weight:300;letter-spacing:0.2em;text-transform:uppercase;color:var(--text-muted);margin-top:0.25rem;}

.artwork-meta{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--border);}
.meta-row{display:flex;justify-content:space-between;align-items:baseline;padding:0.85rem 0;border-bottom:1px solid var(--border);}
.meta-label{font-size:0.98rem;letter-spacing:0.25em;text-transform:uppercase;color:var(--text-muted);}
.meta-value{font-family:var(--font-display);font-size:1.5rem;font-weight:400;color:var(--text);}

.artwork-description{font-family:var(--font-display);font-size:1.1rem;font-weight:300;line-height:1.4;color:var(--text-dim);}
.artwork-description p+p{margin-top:1.2em;}

.purchase-section{display:flex;flex-direction:column;gap:1.2rem;padding-top:1rem;border-top:1px solid var(--border);}
.price-display{display:flex;align-items:baseline;gap:0.75rem;}
.price-amount{font-family:var(--font-display);font-size:3rem;font-weight:300;color:var(--text);}
.price-currency{font-size:0.98rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--text-muted);}
.buy-btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2.5rem;background:var(--accent);color:#080808;font-family:var(--font-ui);font-size:1.08rem;font-weight:400;letter-spacing:0.2em;text-transform:uppercase;text-decoration:none;transition:background 0.2s;}
.buy-btn:hover{background:#d4bb96;}
.sold-notice{font-size:1.08rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--text-muted);padding:1rem 0;}
.enquire-link{font-size:0.98rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--text-muted);text-decoration:none;border-bottom:1px solid var(--border-mid);padding-bottom:2px;transition:color 0.2s,border-color 0.2s;}
.enquire-link:hover{color:var(--accent);border-color:var(--accent);}

footer{padding:1.5rem 5vw;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:0.8rem;letter-spacing:0.12em;color:var(--text-muted);}

@media(max-width:900px){
  main{display:flex;flex-direction:column;padding-top:6rem;}
  .artwork-header{display:flex;flex-direction:column;gap:0.4rem;padding:1.5rem 5vw 0;}
  .artwork-image-panel{position:relative;top:auto;height:auto;min-height:unset;max-height:unset;padding:1.5rem 5vw;background:transparent;cursor:default;}
  .artwork-image-panel img{transition:none;transform:none !important;}
  .zoom-hint{display:none;}
  .artwork-details{padding:1rem 5vw 3rem;}
  .artwork-details-header{display:none;}
  .artwork-title{font-size:clamp(1.8rem,7vw,2.8rem);}
}