@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,400&family=Inter:wght@300;400;500&display=swap');
:root{--bg:#0c0b0a;--surface:#141210;--line:#2a2622;--text:#ece6dc;--muted:#9a9187;--gold:#c9a96e;--gold-dim:#8a7348}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{max-width:1100px;margin:0 auto;padding:0 1.5rem}
/* header base moved to chrome block below */
.logo{font-family:'Cormorant Garamond',serif;font-size:1.35rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
/* nav ul moved to .header-nav */
nav a{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);transition:color .2s}
nav a:hover,nav a.active{color:var(--text)}
.hero-full{min-height:92vh;display:grid;place-items:end start;position:relative;background:#000}
.hero-full img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72}
.hero-full .overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15) 0%,rgba(12,11,10,.85) 75%)}
.hero-full .content{position:relative;z-index:1;padding:4rem 1.5rem 3rem;max-width:1200px;margin:0 auto;width:100%}
.hero-full h1{font-family:'Cormorant Garamond',serif;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:400;letter-spacing:.04em;margin-bottom:.5rem}
.hero-full .tagline{font-family:'Cormorant Garamond',serif;font-size:clamp(1.1rem,2.5vw,1.5rem);font-style:italic;color:var(--muted);max-width:36rem;margin-bottom:1.75rem}
.text-link{display:inline-block;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--gold-dim);padding-bottom:.2rem}
.text-link:hover{color:var(--text);border-color:var(--text)}
.section{padding:4.5rem 0}
.section h2{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,4vw,2.75rem);font-weight:400;margin-bottom:1rem}
.section .lede{color:var(--muted);max-width:42rem;margin-bottom:2.5rem}
.series-block{margin-bottom:4rem}
.series-label{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.35rem}
.series-block h3{font-family:'Cormorant Garamond',serif;font-size:1.75rem;font-weight:400;margin-bottom:.5rem}
.series-meta{color:var(--muted);font-size:.9rem;margin-bottom:2rem}
.work-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}
.work-card{background:var(--surface);border:1px solid var(--line);transition:border-color .2s,transform .2s}
.work-card:hover{border-color:var(--gold-dim);transform:translateY(-2px)}
.work-card img{aspect-ratio:4/5;object-fit:cover;width:100%;background:#1a1816}
.work-card .meta{padding:1rem 1rem 1.15rem}
.work-card .id{font-size:.65rem;letter-spacing:.14em;color:var(--gold);text-transform:uppercase}
.work-card h4{font-family:'Cormorant Garamond',serif;font-size:1.15rem;font-weight:400;margin:.35rem 0}
.work-card p{font-size:.8rem;color:var(--muted)}
.prose{max-width:42rem}
.prose p{margin-bottom:1rem;color:var(--muted)}
.prose blockquote{font-family:'Cormorant Garamond',serif;font-size:1.35rem;font-style:italic;color:var(--text);border-left:2px solid var(--gold);padding-left:1.25rem;margin:0 0 1.5rem}
.split{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}
.split img{border:1px solid var(--line)}
.catalog-table{width:100%;border-collapse:collapse;font-size:.85rem}
.catalog-table th,.catalog-table td{padding:.75rem 1rem;border-bottom:1px solid var(--line);text-align:left}
.catalog-table th{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:500}
.catalog-table td{color:var(--muted)}
.catalog-table a{color:var(--text)}
.catalog-table a:hover{color:var(--gold)}

.catalog-frame{margin-top:2rem;border:1px solid var(--line);background:linear-gradient(180deg,rgba(20,18,16,.55) 0%,rgba(12,11,10,.98) 100%);position:relative}
.catalog-frame::before{content:'';position:absolute;inset:10px;border:1px solid rgba(201,169,110,.14);pointer-events:none}
.catalog-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:1.35rem 1rem 1.1rem}
.catalog-table .catalog-id{font-variant-numeric:tabular-nums;color:var(--gold);white-space:nowrap}
.catalog-table .catalog-title{font-family:'Cormorant Garamond',serif;font-size:1rem}
.catalog-table .catalog-title a{border-bottom:none}
.catalog-hint{display:none;margin-top:.75rem;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.acquire-container{max-width:640px}
.acquire-form{margin-top:2rem}
.acquire-form textarea{min-height:7.5rem;line-height:1.55;resize:vertical}
@media(max-width:720px){
  .catalog-hint{display:block;text-align:center}
  .catalog-scroll{overflow:visible;padding:1rem .85rem 1.1rem}
  .catalog-table thead{display:none}
  .catalog-table tbody{display:grid;gap:1rem}
  .catalog-table tr{display:block;border:1px solid var(--line);background:var(--surface);padding:1rem 1rem .85rem;position:relative}
  .catalog-table tr::before{content:'';position:absolute;inset:7px;border:1px solid rgba(201,169,110,.12);pointer-events:none}
  .catalog-table td{display:grid;grid-template-columns:6.25rem 1fr;gap:.45rem .65rem;padding:.32rem 0;border:none;align-items:baseline;font-size:.82rem}
  .catalog-table td::before{content:attr(data-label);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-dim)}
  .catalog-table td.catalog-id{display:block;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:.35rem;padding-bottom:.55rem;border-bottom:1px solid var(--line)}
  .catalog-table td.catalog-id::before{display:none}
  .catalog-table td.catalog-title{grid-template-columns:1fr;font-family:'Cormorant Garamond',serif;font-size:1.25rem;color:var(--text);margin-bottom:.15rem}
  .catalog-table td.catalog-title::before{display:none}
  .catalog-table td.catalog-title a{color:var(--text)}
}
@media(min-width:721px){.catalog-scroll{padding:1.5rem}.catalog-table{min-width:680px}}
@media(max-width:520px){
  .acquire-form textarea{min-height:9.5rem;font-size:1rem;padding:.9rem 1rem}
  .acquire-section .container{padding:0 1rem}
  .collector-card{padding:1.35rem 1.15rem}
}
.status-available{color:#7db88a}
.status-reserved{color:var(--gold)}
.status-acquired{color:var(--muted)}
.status-sold{color:var(--muted)}
.price-ladder{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:2rem 0}
.price-card{background:var(--surface);border:1px solid var(--line);padding:1.5rem}
.price-card h3{font-family:'Cormorant Garamond',serif;font-size:1.35rem;margin-bottom:.5rem}
.price-card .band{font-size:1.5rem;color:var(--gold);margin:.75rem 0}
.inquiry-form{display:grid;gap:1rem;max-width:32rem;margin-top:2rem}
.inquiry-form label{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.inquiry-form input,.inquiry-form select,.inquiry-form textarea{width:100%;background:var(--surface);border:1px solid var(--line);color:var(--text);padding:.75rem 1rem;font:inherit}
.inquiry-form textarea{min-height:120px;resize:vertical}
.inquiry-form button{background:transparent;border:1px solid var(--gold);color:var(--gold);padding:.85rem 1.5rem;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:all .2s}
.inquiry-form button:hover{background:var(--gold);color:var(--bg)}
.work-detail{padding:6rem 0 4rem}
.work-detail .image-wrap{background:#111;padding:2rem;border:1px solid var(--line);margin-bottom:2rem}
.work-detail .image-wrap img{margin:0 auto;max-height:75vh;object-fit:contain}
.work-detail .specs{display:grid;gap:.5rem;font-size:.9rem;color:var(--muted);margin:1.5rem 0}
.work-detail .specs strong{color:var(--text);font-weight:500}
.site-footer{border-top:1px solid var(--line);padding:2.5rem 0;margin-top:2rem}
.site-footer p{font-size:.8rem;color:var(--muted);text-align:center}
@media(max-width:768px){nav ul{gap:.75rem}nav a{font-size:.65rem}.split,.price-ladder{grid-template-columns:1fr}.hero-full{min-height:80vh}}

.artist-portrait{max-width:min(360px,100%);margin:0 auto;border:1px solid var(--line);background:#0c0b0a}

.artist-studio-portrait{width:100%;max-width:420px;aspect-ratio:3/4;object-fit:cover;border:1px solid var(--line)}
.about-portrait-block{display:flex;flex-direction:column;gap:1rem}
.about-portrait-caption{font-size:.78rem;color:var(--muted);letter-spacing:.04em;line-height:1.5}

.about-logo{max-width:200px;margin-top:2rem;display:block}

.process-layout{display:grid;grid-template-columns:1fr minmax(280px,420px);gap:3rem;align-items:start}
.process-studio-photo{display:block;width:100%;height:auto;object-fit:cover;vertical-align:top}
@media(max-width:768px){.process-layout{grid-template-columns:1fr}}

.work-quotes{margin:1.75rem 0 2rem}
.work-quote{font-family:'Cormorant Garamond',serif;font-size:1.15rem;font-weight:400;font-style:italic;line-height:1.6;color:var(--muted);border:none;padding:0;margin:0 0 1rem}
.work-quote:last-child{margin-bottom:0}


/* ── Header chrome (Jurisdica-style) ───────────────────────────── */
.site-header{position:sticky;top:0;z-index:200;background:rgba(12,11,10,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.site-header .inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem 1.5rem;padding:.85rem 1.5rem;max-width:1240px;margin:0 auto}
.site-header .logo{grid-column:1;white-space:nowrap}
.site-header .header-nav{grid-column:2;min-width:0}
.site-header .header-nav ul{display:flex;justify-content:center;align-items:center;gap:clamp(.5rem,2vw,1.25rem);list-style:none;flex-wrap:wrap;margin:0;padding:0}
.site-header .header-utilities{grid-column:3;display:flex;align-items:center;justify-content:flex-end;gap:.65rem;flex-shrink:0}
.header-signin{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:.4rem .55rem;border:1px solid transparent;white-space:nowrap}
.header-signin:hover{color:var(--text);border-color:var(--line)}
/* Slim dismissible locale suggestion — above header inner, full width */
.pa-lang-banner{display:none;align-items:center;justify-content:center;gap:.65rem;padding:.45rem 2.5rem;background:linear-gradient(90deg,#1a1816,#222018);border-bottom:1px solid var(--line);font-size:.75rem;color:var(--muted);position:relative;text-align:center}
.pa-lang-banner.is-visible{display:flex}
.pa-lang-banner strong{color:var(--text);font-weight:500}
.pa-lang-banner select{background:var(--surface);border:1px solid var(--line);color:var(--text);padding:.3rem .5rem;border-radius:2px;font:inherit;font-size:.75rem}
.pa-lang-banner .pa-lang-dismiss{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--muted);cursor:pointer;font-size:1.15rem;line-height:1;padding:.2rem .35rem}
.pa-lang-banner .pa-lang-dismiss:hover{color:var(--text)}
.pa-lang-banner .pa-banner-continue{background:none;border:1px solid var(--line);color:var(--gold);cursor:pointer;padding:.25rem .65rem;font:inherit;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}
.pa-lang-banner .pa-banner-continue:hover{border-color:var(--gold)}
/* Language toggle — header right, Jurisdica globe + label + chevron */
.pa-lang-toggle{display:inline-flex;align-items:center;gap:.35rem;background:none;border:1px solid transparent;color:var(--muted);cursor:pointer;padding:.4rem .5rem;font-size:.72rem;letter-spacing:.04em;border-radius:2px;white-space:nowrap}
.pa-lang-toggle:hover{color:var(--text);background:rgba(255,255,255,.04)}
.pa-lang-toggle svg{width:15px;height:15px;flex-shrink:0;opacity:.9}
.pa-lang-toggle .pa-lang-chevron{width:10px;height:10px;opacity:.6;margin-left:.1rem}
/* Dropdown panel — fixed to viewport, never in document flow */
.pa-lang-panel{position:fixed;z-index:9999;min-width:17rem;max-width:19rem;max-height:min(22rem,70vh);overflow:hidden;display:flex;flex-direction:column;background:#161412;border:1px solid var(--line);box-shadow:0 12px 40px rgba(0,0,0,.55);border-radius:4px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-4px);transition:opacity .15s,transform .15s,visibility .15s}
.pa-lang-panel.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.pa-lang-panel-header{padding:.55rem .85rem .35rem;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line)}
.pa-lang-panel-scroll{overflow-y:auto;flex:1;overscroll-behavior:contain}
.pa-lang-panel label{display:block;padding:.5rem .85rem .2rem;font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-dim)}
.pa-lang-panel button{display:flex;align-items:center;gap:.55rem;width:100%;text-align:left;background:none;border:none;color:var(--text);padding:.45rem .85rem;cursor:pointer;font-size:.8rem}
.pa-lang-panel button:hover{background:rgba(201,169,110,.1)}
.pa-lang-panel button[aria-current="true"]{background:rgba(201,169,110,.14);color:var(--gold)}
.pa-lang-panel .pa-lang-flag{width:1.35rem;text-align:center;font-size:1rem;flex-shrink:0}
.pa-lang-panel .pa-lang-names{flex:1;min-width:0;line-height:1.25}
.pa-lang-panel .pa-lang-native{display:block;font-weight:500}
.pa-lang-panel .pa-lang-en{display:block;font-size:.68rem;color:var(--muted)}
.pa-lang-panel .pa-lang-check{width:14px;height:14px;color:var(--gold);flex-shrink:0;opacity:0}
.pa-lang-panel button[aria-current="true"] .pa-lang-check{opacity:1}
@media(max-width:900px){
  .site-header .inner{grid-template-columns:1fr auto;grid-template-rows:auto auto}
  .site-header .logo{grid-column:1;grid-row:1}
  .site-header .header-utilities{grid-column:2;grid-row:1}
  .site-header .header-nav{grid-column:1/-1;grid-row:2}
  .site-header .header-nav ul{justify-content:flex-start}
}
@media(max-width:520px){
  .header-signin span.signin-long{display:none}
  .header-signin span.signin-short{display:inline}
}
@media(min-width:521px){
  .header-signin span.signin-short{display:none}
}

/* Collector portal */
.collector-card{background:var(--surface);border:1px solid var(--line);padding:1.75rem;margin-top:1.5rem}
.collector-card label{display:block;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:1rem 0 .35rem}
.collector-card input,.collector-card textarea{width:100%;background:var(--bg);border:1px solid var(--line);color:var(--text);padding:.65rem .75rem;font:inherit}
.btn-collector{margin-top:1.25rem;background:var(--gold);color:var(--bg);border:none;padding:.7rem 1.4rem;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.btn-collector:hover{filter:brightness(1.08)}
.collector-err{color:#d48484;margin-top:.75rem;font-size:.85rem}
.hidden{display:none!important}
.writing-card{border-top:1px solid var(--line);padding:1.5rem 0}
.writing-card h2{font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:400;margin-bottom:.5rem}
.writing-summary{color:var(--muted);margin-bottom:.75rem}

.about-layout{display:grid;grid-template-columns:minmax(240px,360px) 1fr;gap:3rem;align-items:start;margin-top:1.5rem}
.about-copy p{color:var(--muted);margin-bottom:1rem;max-width:40rem;line-height:1.7}
@media(max-width:768px){.about-layout{grid-template-columns:1fr}}

ul.emotion-index { list-style: none; padding: 0; margin: 0 0 2rem; columns: 2; column-gap: 2rem; }
ul.emotion-index li { break-inside: avoid; margin: .35rem 0; font-size: .95rem; }
@media (max-width: 700px) { ul.emotion-index { columns: 1; } }

.about-exhibitions{margin-top:2.25rem}
.about-exhibitions h2{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:1.35rem;margin-bottom:.75rem}
.about-exhibitions ul{list-style:none;padding:0;margin:0}
.about-exhibitions li{color:var(--muted);padding:.35rem 0;border-bottom:1px solid var(--line);letter-spacing:.02em}
.catalog-table .catalog-terms{white-space:nowrap;color:var(--gold);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
.acquire-form select{appearance:none;background:var(--surface,#12100e);border:1px solid var(--line);color:var(--text);padding:.7rem .85rem;width:100%;font:inherit;border-radius:0}
.acquire-form select:focus{outline:1px solid var(--gold);outline-offset:2px}
.work-terms{margin-top:1.25rem;color:var(--gold);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}
.work-enquire{margin-top:.85rem}
