*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#FAFAF8;--surface:#F3F1ED;--surface2:#EAE7E0;
  --border:rgba(0,0,0,.08);--border2:rgba(0,0,0,.18);
  --text:#1A1814;--muted:#8A8278;--subtle:#D0CCC4;
  --gold:#9A6E2E;--gold-dim:rgba(154,110,46,.07);--green:#3A7A1A;
}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:'Jost',sans-serif;font-weight:300;line-height:1.6;overflow-x:hidden}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 4rem;height:60px;border-bottom:1px solid var(--border);background:rgba(250,250,248,.95);backdrop-filter:blur(16px)}
.brand-lockup{display:inline-flex;flex-direction:column;align-items:center;text-decoration:none;line-height:1}
.brand{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:1.2rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.brand-sub{
  margin-top:0;font-family:'Jost',sans-serif;font-size:.52rem;font-weight:400;
  letter-spacing:.32em;text-transform:uppercase;color:var(--muted);text-align:center;
}
.nav-links{display:flex;gap:2.5rem;align-items:center}
.nav-link{font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:1px;transition:color .2s,border-color .2s}
.nav-link:hover,.nav-link.active{color:var(--text);border-color:var(--border2)}
.lang-switch form{display:flex;gap:0;align-items:center}
.lang-btn{
  padding:.28rem .55rem;background:none;border:1px solid var(--border);
  font-family:'Jost',sans-serif;font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--muted);cursor:pointer;transition:all .2s;line-height:1;margin:0;
}
.lang-btn + .lang-btn{margin-left:-1px}
.lang-btn:hover{border-color:var(--border2);color:var(--text)}
.lang-btn.active{border-color:var(--gold);color:var(--gold)}
.nav-center{font-size:.68rem;letter-spacing:.25em;text-transform:uppercase;color:var(--muted)}
.nav-right{display:flex;align-items:center;gap:1.25rem}


/* HERO */
.page-home .hero{
  position:relative;min-height:100vh;padding-top:60px;
  display:flex;align-items:center;overflow:hidden;
}
.page-home .hero-bg{
  position:absolute;inset:0;
  background-size:cover;background-position:center top;z-index:0;
}
.page-home .hero-bg::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(250,249,246,.93) 0%,rgba(250,249,246,.7) 26%,rgba(250,249,246,.06) 46%,transparent 58%);
}
.page-home .hero-inner{
  position:relative;z-index:1;width:100%;
  display:flex;align-items:center;justify-content:space-between;
  padding:5rem 4rem;gap:2rem;
}
.page-home .hero-left{max-width:560px;flex-shrink:0}
.page-home .tag{font-size:.62rem;letter-spacing:.38em;text-transform:uppercase;color:var(--gold);margin-bottom:2.25rem;display:block}
.page-home .hero-title{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(3rem,5.5vw,5.2rem);line-height:.97;letter-spacing:-.01em;margin-bottom:1.5rem;color:var(--text)}
.page-home .hero-title em{font-style:italic;color:#6A5A48}
.page-home .hero-lead{
  font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.15rem;
  line-height:1.55;color:#6A5A48;margin-bottom:1.5rem;
}
.page-home .hero-body{font-size:.88rem;line-height:2;color:#5A5248;margin-bottom:2.75rem}
.page-home .hero-actions{display:flex;gap:2rem;align-items:center}
.page-home .btn-primary{padding:.78rem 2.4rem;background:var(--gold);color:#FAF8F4;border:none;font-family:'Jost',sans-serif;font-size:.68rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:opacity .2s;text-decoration:none;display:inline-block}
.page-home .btn-primary:hover{opacity:.85}
.page-home .btn-ghost{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:#5A5248;text-decoration:none;border-bottom:1px solid rgba(90,82,72,.35);padding-bottom:2px;transition:color .2s,border-color .2s}
.page-home .btn-ghost:hover{color:var(--text);border-color:var(--text)}

/* Hero — room analysis annotation (quiet, not a dashboard card) */
.page-home .preview-card{
  flex-shrink:0;margin-left:auto;align-self:center;
  background:rgba(250,249,246,.75);
  border:none;border-left:1px solid rgba(154,110,46,.28);
  backdrop-filter:blur(6px);
  padding:1rem;
  min-width:158px;max-width:188px;
  box-shadow:none;
}
.page-home .pc-status{
  font-size:.5rem;letter-spacing:.22em;text-transform:uppercase;
  color:rgba(58,122,26,.85);margin-bottom:.45rem;
  display:flex;align-items:center;gap:.35rem;
}
.page-home .pc-dot{width:4px;height:4px;border-radius:50%;background:rgba(58,122,26,.75);flex-shrink:0}
.page-home .pc-block{
  padding:.32rem 0;border-bottom:1px solid rgba(0,0,0,.05);
  display:flex;align-items:flex-start;
}
.page-home .pc-block:last-child{border-bottom:none;padding-bottom:0}
.page-home .pc-meta{display:flex;flex-direction:column;gap:.06rem}
.page-home .pc-label{
  font-size:.56rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--muted);font-weight:400;
}
.page-home .pc-val{
  font-size:.75rem;line-height:1.35;color:#5A5248;font-weight:400;
}

/* 3-STEP */
.page-home .three-steps{
  display:grid;grid-template-columns:repeat(3,1fr);gap:0;
  padding:5rem 4rem;
  border-top:1px solid var(--border);border-bottom:1px solid var(--border);
}
.page-home .step3{padding:0 2.5rem;border-right:1px solid var(--border)}
.page-home .step3:first-child{padding-left:0}
.page-home .step3:last-child{padding-right:0;border-right:none}
.page-home .s3-n{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:1rem}
.page-home .s3-title{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:1.1rem;margin-bottom:.5rem}
.page-home .s3-body{font-size:.78rem;color:var(--muted);line-height:1.85}

.eyebrow{font-size:.62rem;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin-bottom:.5rem;display:block}

/* ARTISTS (selected artists roster) */
.artists-section{padding:5rem 4rem;border-top:1px solid var(--border)}
.artists-note{font-size:.78rem;color:var(--muted);max-width:560px;line-height:1.9;margin-bottom:2.5rem}
.artists-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}
.acard{background:var(--surface);position:relative;overflow:hidden;text-decoration:none;color:inherit;display:block;transition:background .2s}
.acard:hover{background:var(--surface2)}
.a-thumb{width:100%;padding-top:115%;position:relative}
.a-thumb-inner{position:absolute;inset:0}
.a-badge{position:absolute;top:.75rem;left:.75rem;font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;padding:.2rem .55rem;background:rgba(250,248,244,.92)}
.a-badge.live{color:var(--green)}
.a-badge.soon{color:var(--muted)}
.a-info{padding:1rem 1.15rem 1.35rem}
.a-name{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:1.05rem;margin-bottom:.25rem}
.a-style{font-size:.7rem;color:var(--muted);line-height:1.6}

/* WORKS */
.works-section{padding:5rem 4rem}
.section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:2.5rem;gap:1.5rem;flex-wrap:wrap}
.section-title{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:2rem}
.filters{display:flex;gap:2px}
.filter{padding:.32rem .9rem;background:none;border:1px solid var(--border);color:var(--muted);font-family:'Jost',sans-serif;font-size:.63rem;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:all .2s}
.filter:hover{border-color:var(--border2);color:var(--text)}
.filter.active{border-color:var(--gold);color:var(--gold)}
.works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.wcard{background:var(--surface);cursor:pointer;transition:background .2s;position:relative;overflow:hidden}
.wcard:hover{background:var(--surface2)}
.wcard:hover .whover{opacity:1}
.wthumb{width:100%;position:relative}
.wthumb-inner{position:absolute;inset:0}
.whover{position:absolute;inset:0;background:rgba(250,248,244,.84);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;opacity:0;transition:opacity .3s}
.wh-btn{padding:.55rem 1.5rem;background:var(--gold);color:#FAF8F4;border:none;font-family:'Jost',sans-serif;font-size:.63rem;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:opacity .2s}
.wh-btn:hover{opacity:.87}
.wh-link{font-size:.63rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text);background:none;border:none;border-bottom:1px solid rgba(26,24,20,.25);padding-bottom:1px;cursor:pointer;transition:color .2s,border-color .2s}
.wh-link:hover{color:var(--gold);border-color:var(--gold)}
.winfo{padding:1rem 1.25rem 1.5rem;border-top:1px solid var(--border)}
.wmeta{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.2rem;gap:.5rem}
.wtitle{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:1rem;flex:1}
.wstatus{font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;padding:.15rem .5rem;flex-shrink:0}
.s-avail{color:var(--green);border:1px solid rgba(58,122,26,.2)}
.s-req{color:var(--muted);border:1px solid var(--border)}
.wcol{font-size:.63rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:.55rem}
.wrow{display:flex;justify-content:space-between;align-items:baseline}
.wsize{font-size:.7rem;color:var(--muted)}
.wprice{font-family:'Cormorant Garamond',serif;font-size:1rem;color:var(--gold)}

/* TWO TRACKS */
.tracks-section{padding:5rem 4rem;background:var(--surface);border-top:1px solid var(--border)}
.tracks{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-top:2rem}
.track{padding:2.75rem 2.5rem;background:var(--bg);border:1px solid var(--border);position:relative;overflow:hidden}
.track-num{position:absolute;top:1.75rem;right:2rem;font-family:'Cormorant Garamond',serif;font-size:4rem;font-weight:300;color:var(--subtle);line-height:1;user-select:none}
.tbadge{display:inline-block;font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;padding:.2rem .65rem;margin-bottom:1.5rem}
.tb-avail{color:var(--green);border:1px solid rgba(58,122,26,.22);background:rgba(58,122,26,.05)}
.tb-comm{color:var(--gold);border:1px solid rgba(154,110,46,.25);background:var(--gold-dim)}
.track h3{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:1.45rem;margin-bottom:.6rem}
.track p{font-size:.82rem;color:var(--muted);line-height:1.9;margin-bottom:1.75rem;max-width:320px}
.track ul{list-style:none;margin-bottom:2.25rem}
.track ul li{font-size:.76rem;color:var(--muted);padding:.3rem 0;border-bottom:1px solid var(--border);display:flex;gap:.7rem}
.track ul li::before{content:'—';color:var(--subtle);flex-shrink:0}

/* COMMISSION PROCESS */
.process-section{padding:4rem 4rem;border-top:1px solid var(--border);background:var(--surface)}
.process-label{font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);margin-bottom:1.75rem}
.ps-row{display:flex;gap:0}
.ps{flex:1;padding:1.1rem 1.4rem;border-left:1px solid var(--border)}
.ps:first-child{border-left:none;padding-left:0}
.ps-n{font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:.3rem}
.ps-name{font-size:.8rem;color:var(--text);display:block;margin-bottom:.2rem}
.ps-detail{font-size:.7rem;color:var(--muted);line-height:1.7}

/* DESIGNERS */
.designers{padding:5rem 4rem;border-top:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}
.d-left .section-title{font-size:2.2rem;margin-bottom:1rem}
.d-left p{font-size:.84rem;color:var(--muted);line-height:2;max-width:380px;margin-bottom:2rem}
.d-right{border:1px solid var(--border);padding:2.5rem}
.dr-label{font-size:.6rem;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin-bottom:1.5rem}
.dr-row{padding:.6rem 0;border-bottom:1px solid var(--border);font-size:.8rem;color:var(--muted);display:flex;gap:.75rem}
.dr-row::before{content:'→';color:var(--subtle);flex-shrink:0}
.dr-row:last-child{border-bottom:none}

/* PROOF STRIP */
.proof{padding:2.5rem 4rem;border-top:1px solid var(--border);background:var(--surface);display:flex;gap:0;flex-wrap:wrap}
.proof-item{flex:1;padding:1.25rem 2rem;border-right:1px solid var(--border);min-width:160px}
.proof-item:first-child{padding-left:0}
.proof-item:last-child{border-right:none}
.pi-val{font-family:'Cormorant Garamond',serif;font-size:.88rem;font-weight:400;color:var(--text);display:block;margin-bottom:.2rem}
.pi-label{font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}

/* UPLOAD CTA */
.upload-cta{padding:7rem 4rem;display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center;border-top:1px solid var(--border)}
.uc-title{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:2.8rem;line-height:1.05;margin-bottom:1.25rem}
.uc-body{font-size:.84rem;color:var(--muted);line-height:2;margin-bottom:.5rem}
.uc-free{font-size:.7rem;color:var(--subtle);line-height:1.7}
.upload-zone{border:1px dashed var(--border2);padding:3.5rem 2rem;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;position:relative}
.upload-zone:hover{border-color:var(--gold);background:var(--gold-dim)}
.upload-zone input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.uz-icon{font-size:1.8rem;color:var(--subtle);display:block;margin-bottom:1rem;line-height:1}
.uz-main{display:block;font-size:.7rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--text);margin-bottom:.4rem}
.uz-sub{font-size:.74rem;color:var(--muted)}

/* FOOTER */
footer{padding:2.5rem 4rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:2rem;background:var(--surface);flex-wrap:wrap}
footer .brand-lockup{align-items:center}
footer .brand-lockup .brand{font-size:1rem;letter-spacing:.22em}
footer .brand-lockup .brand-sub{margin-top:.15rem;font-size:.5rem}
.footer-links{display:flex;gap:2rem;flex-wrap:wrap}
.footer-link{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .2s}
.footer-link:hover{color:var(--text)}
.footer-note{font-size:.62rem;color:var(--subtle)}

/* MODAL */
.modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center}
.modal.hidden{display:none!important}
.modal-overlay{position:absolute;inset:0;background:rgba(180,175,165,.72);backdrop-filter:blur(8px)}
.modal-box{position:relative;z-index:1;background:var(--bg);border:1px solid var(--border2);width:min(500px,92vw);max-height:90vh;overflow-y:auto}
.modal-close{position:absolute;top:.9rem;right:1.2rem;background:none;border:none;color:var(--muted);font-size:1.5rem;cursor:pointer;transition:color .2s;z-index:3}
.modal-close:hover{color:var(--text)}
.modal-step{display:none;padding:2.75rem}
.modal-step.active{display:block}
.step-dots{display:flex;gap:.35rem;margin-bottom:2rem}
.sdot{width:20px;height:2px;background:var(--subtle);transition:background .3s}
.sdot.on{background:var(--gold)}
.modal-tag{font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}
.modal-title{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:1.55rem;margin-bottom:.5rem}
.modal-sub{font-size:.8rem;color:var(--muted);line-height:1.85;margin-bottom:2rem}
.uz-sm{border:1px dashed var(--border2);padding:2.25rem 1rem;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;position:relative;margin-bottom:.65rem}
.uz-sm:hover{border-color:var(--gold);background:var(--gold-dim)}
.uz-sm input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.m-actions{display:flex;flex-direction:column;gap:.55rem;margin-top:1.25rem}
.btn-mp{width:100%;padding:.8rem;background:var(--gold);color:#FAF8F4;border:none;font-family:'Jost',sans-serif;font-size:.67rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:opacity .2s}
.btn-mp:hover{opacity:.87}
.btn-ms{width:100%;padding:.7rem;background:none;border:1px solid var(--border);color:var(--muted);font-family:'Jost',sans-serif;font-size:.67rem;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:all .2s}
.btn-ms:hover{border-color:var(--border2);color:var(--text)}
.modal-note{font-size:.64rem;color:var(--subtle);margin-top:1rem;line-height:1.7}

/* preference form */
.pref-group{margin-bottom:1.5rem}
.pref-label{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:.6rem}
.pref-opts{display:flex;gap:.4rem;flex-wrap:wrap}
.popt{padding:.35rem .85rem;border:1px solid var(--border);background:none;font-family:'Jost',sans-serif;font-size:.68rem;color:var(--muted);cursor:pointer;transition:all .2s}
.popt:hover{border-color:var(--border2);color:var(--text)}
.popt.sel{border-color:var(--gold);color:var(--gold);background:var(--gold-dim)}

/* room uploaded confirm */
.room-confirm{display:flex;align-items:center;gap:.75rem;background:var(--surface);border:1px solid var(--border);padding:.8rem 1rem;margin-bottom:1.5rem}
.rc-icon{font-size:1rem;color:var(--green)}
.rc-text{font-size:.76rem;color:var(--text)}
.rc-sub{font-size:.68rem;color:var(--muted)}

/* MODAL STEP 3 — real generated preview result */
.rs-preview-img{width:100%;display:block;margin-bottom:1.1rem;border:1px solid var(--border);background:var(--surface)}
.rs-info{border:1px solid var(--border);padding:1rem 1.15rem;margin-bottom:1.25rem}
.rs-row{display:flex;justify-content:space-between;align-items:baseline;padding:.4rem 0;border-bottom:1px solid var(--border)}
.rs-row:last-child{border-bottom:none}
.rs-label{font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.rs-val{font-size:.82rem;color:var(--text)}
.rs-price{font-family:'Cormorant Garamond',serif;font-size:1.1rem;color:var(--gold)}
.btn-mp.btn-line{background:none;border:1px solid var(--border2);color:var(--text)}
.btn-mp.btn-line:hover{border-color:var(--gold);color:var(--gold);opacity:1}

@media (max-width: 900px) {
  nav{padding:0 1.2rem}
  .nav-links{gap:1rem}
  .nav-links a:not(.active){display:none}
  .page-home .hero-inner{padding:3rem 1.2rem;flex-direction:column;align-items:flex-start}
  .page-home .preview-card{margin-left:0;max-width:none;width:100%}
  .page-home .three-steps,.three-steps,.works-grid,.tracks,.designers,.upload-cta,.ps-row{grid-template-columns:1fr;display:grid}
  .step3{border-right:none;border-bottom:1px solid var(--border);padding:1.5rem 0}
  .step3:first-child{padding-top:0}
  .step3:last-child{padding-bottom:0;border-bottom:none}
  .page-home .three-steps,.three-steps,.works-section,.tracks-section,.designers,.upload-cta,.process-section,.proof,.artists-section{padding:3rem 1.2rem}
  .ps{border-left:none;border-top:1px solid var(--border);padding-left:0}
  .artists-grid{grid-template-columns:1fr 1fr}
  footer{padding:1.2rem;flex-direction:column;align-items:flex-start}
}

/* ─── ARTIST PAGE ─── */

/* ─── HERO ─── */
.page-artist .hero{
  min-height:100vh;display:grid;grid-template-columns:1fr 1fr;
  padding-top:60px;
}
.page-artist .hero-text{
  display:flex;flex-direction:column;justify-content:center;
  padding:6rem 4rem 6rem 4rem;
}
.page-artist .hero-tag{font-size:0.65rem;letter-spacing:0.35em;text-transform:uppercase;color:var(--gold);margin-bottom:2.5rem}
.page-artist .hero-name{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(3.5rem,6.5vw,6rem);line-height:.95;letter-spacing:-.01em;margin-bottom:.75rem}
.page-artist .hero-subtitle{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.3rem;color:var(--muted);margin-bottom:3rem}
.page-artist .hero-bio{font-size:.88rem;line-height:1.9;color:var(--muted);max-width:400px;margin-bottom:3.5rem}
.page-artist .hero-actions{display:flex;gap:2rem;align-items:center}
.page-artist .btn-gold{padding:.75rem 2.25rem;background:var(--gold);color:#FAF8F4;border:none;font-family:'Jost',sans-serif;font-size:.7rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:opacity .2s}
.page-artist .btn-gold:hover{opacity:.85}
.page-artist .btn-text{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);text-decoration:none;border-bottom:1px solid var(--subtle);padding-bottom:2px;transition:color .2s,border-color .2s}
.page-artist .btn-text:hover{color:var(--text);border-color:var(--muted)}

.page-artist .hero-art{
  position:relative;overflow:hidden;
  background:linear-gradient(188deg,#0A0520 0%,#3A0850 25%,#820E32 50%,#C44018 72%,#EF9820 100%);
}
.page-artist .hero-art::before{
  content:'';position:absolute;inset:0;
  background:
    radial-gradient(ellipse 55% 45% at 15% 80%,rgba(255,90,10,.25) 0%,transparent 65%),
    radial-gradient(ellipse 45% 55% at 82% 18%,rgba(70,5,110,.35) 0%,transparent 55%);
}
.page-artist .hero-art-label{
  position:absolute;bottom:2rem;left:2rem;
  font-family:'Cormorant Garamond',serif;font-style:italic;font-size:.8rem;
  color:rgba(255,255,255,.25);letter-spacing:.06em;
}

/* ─── WORKS ─── */
.page-artist .works-section{padding:6rem 4rem}
.page-artist .section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:3rem;flex-wrap:wrap;gap:1.5rem}
.page-artist .section-title{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:2.2rem;letter-spacing:.02em}
.page-artist .filters{display:flex;gap:2px}
.page-artist .filter{
  padding:.35rem 1rem;background:none;
  border:1px solid var(--border);color:var(--muted);
  font-family:'Jost',sans-serif;font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;
  cursor:pointer;transition:all .2s;
}
.page-artist .filter:hover{border-color:var(--border2);color:var(--text)}
.page-artist .filter.active{border-color:var(--gold);color:var(--gold)}

.page-artist .works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.page-artist .work-card{background:var(--surface);cursor:pointer;transition:background .2s;position:relative;overflow:hidden}
.page-artist .work-card:hover{background:var(--surface2)}
.page-artist .work-card:hover .work-hover{opacity:1}

.page-artist .work-thumb{width:100%;position:relative}
.page-artist .work-thumb-inner{position:absolute;inset:0}

.page-artist .work-hover{
  position:absolute;inset:0;
  background:rgba(250,248,244,.82);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;
  opacity:0;transition:opacity .3s;
}
.page-artist .hover-btn{
  padding:.55rem 1.4rem;border:1px solid rgba(26,24,20,.35);
  background:none;color:var(--text);
  font-family:'Jost',sans-serif;font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;
  cursor:pointer;transition:all .2s;white-space:nowrap;
}
.page-artist .hover-btn:hover{background:rgba(0,0,0,.07);border-color:rgba(26,24,20,.6)}
.page-artist .hover-btn.primary{background:var(--gold);color:#FAF8F4;border-color:var(--gold)}
.page-artist .hover-btn.primary:hover{opacity:.88}

.page-artist .work-info{padding:1rem 1.25rem 1.5rem;border-top:1px solid var(--border)}
.page-artist .work-meta{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.2rem;gap:.5rem}
.page-artist .work-title{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:1.05rem;flex:1;min-width:0}
.page-artist .work-status{font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;padding:.18rem .55rem;flex-shrink:0}
.page-artist .s-available{color:var(--green);border:1px solid rgba(139,196,106,.22)}
.page-artist .s-request{color:var(--muted);border:1px solid var(--border)}
.page-artist .work-col{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:.6rem}
.page-artist .work-row{display:flex;justify-content:space-between;align-items:baseline}
.page-artist .work-size{font-size:.72rem;color:var(--muted)}
.page-artist .work-price{font-family:'Cormorant Garamond',serif;font-size:1.05rem;color:var(--gold)}

/* ─── HOW IT WORKS ─── */
.page-artist .how-section{padding:6rem 4rem;border-top:1px solid var(--border);background:var(--surface)}
.page-artist .how-section .section-title{margin-bottom:4rem}
.page-artist .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:5rem}
.page-artist .step-num{font-family:'Cormorant Garamond',serif;font-size:3.5rem;font-weight:300;color:var(--subtle);display:block;margin-bottom:1.5rem;line-height:1}
.page-artist .step h3{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:1.15rem;margin-bottom:.75rem}
.page-artist .step p{font-size:.82rem;color:var(--muted);line-height:1.9}

/* ─── MODAL ─── */
.page-artist .modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center}
.page-artist .modal.hidden{display:none!important}
.page-artist .modal-overlay{position:absolute;inset:0;background:rgba(180,175,165,0.7);backdrop-filter:blur(6px)}
.page-artist .modal-panel{
  position:relative;z-index:1;
  background:var(--surface);border:1px solid var(--border2);
  width:min(860px,92vw);max-height:90vh;overflow-y:auto;
  display:grid;grid-template-columns:1fr 1fr;
}
.page-artist .modal-close{
  position:absolute;top:1rem;right:1.25rem;
  background:none;border:none;color:var(--muted);
  font-size:1.6rem;cursor:pointer;z-index:3;
  line-height:1;padding:.2rem;transition:color .2s;
}
.page-artist .modal-close:hover{color:var(--text)}

.page-artist .modal-left{padding:2.5rem;border-right:1px solid var(--border);display:flex;flex-direction:column}
.page-artist .modal-art-wrap{width:100%;margin-bottom:1.5rem;flex-shrink:0}
.page-artist .modal-art-inner{position:relative;width:100%}
.page-artist .modal-art-bg{position:absolute;inset:0}

.page-artist .m-title{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:1.25rem;margin-bottom:.2rem}
.page-artist .m-sub{font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:1.25rem}
.page-artist .m-price{font-family:'Cormorant Garamond',serif;font-size:1.7rem;color:var(--gold);margin-bottom:.3rem}
.page-artist .m-dims{font-size:.75rem;color:var(--muted)}
.page-artist .m-status{display:inline-block;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;padding:.18rem .55rem;margin-top:.75rem}

.page-artist .modal-right{padding:2.5rem;display:flex;flex-direction:column}

.page-artist .step-dots{display:flex;gap:.4rem;margin-bottom:2.25rem}
.page-artist .dot{width:24px;height:2px;background:var(--subtle);transition:background .3s}
.page-artist .dot.active{background:var(--gold)}

.page-artist .step-panel{display:none}
.page-artist .step-panel.visible{display:flex;flex-direction:column;flex:1}

.page-artist .step-heading{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:1.3rem;margin-bottom:.4rem}
.page-artist .step-hint{font-size:.78rem;color:var(--muted);line-height:1.8;margin-bottom:1.75rem}

/* Upload zone */
.page-artist .upload-zone{
  border:1px dashed var(--border2);padding:2.5rem 1rem;
  text-align:center;cursor:pointer;transition:border-color .2s,background .2s;
  margin-bottom:.75rem;position:relative;
}
.page-artist .upload-zone:hover{border-color:var(--gold);background:var(--gold-dim)}
.page-artist .upload-zone input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.page-artist .u-icon{font-size:1.6rem;color:var(--muted);display:block;margin-bottom:.6rem;line-height:1}
.page-artist .u-main{display:block;font-size:.7rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--text);margin-bottom:.25rem}
.page-artist .u-sub{font-size:.72rem;color:var(--muted)}
.page-artist .upload-choice{
  width:100%;padding:.75rem;background:none;border:1px solid var(--border2);
  color:var(--text);font-family:'Jost',sans-serif;font-size:.66rem;
  letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:all .2s;
  margin-bottom:.6rem;
}
.page-artist .upload-choice:hover{border-color:var(--gold);color:var(--gold)}
.page-artist .desktop-upload{display:block}
.page-artist .mobile-upload{display:none}

.page-artist .demo-btn{
  width:100%;padding:.7rem;background:none;border:1px solid var(--border);
  color:var(--muted);font-family:'Jost',sans-serif;font-size:.68rem;
  letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:all .2s;
  margin-bottom:1.5rem;
}
.page-artist .demo-btn:hover{border-color:var(--border2);color:var(--text)}
.page-artist .upload-privacy{font-size:.68rem;color:var(--subtle);line-height:1.7;margin-top:auto}
.page-artist .upload-tips{font-size:.72rem;color:var(--muted);line-height:1.75;margin:0 0 1rem}

/* Room preview */
.page-artist .room-wrap{width:100%;margin-bottom:1.25rem;position:relative}
.page-artist .room{
  width:100%;aspect-ratio:16/10;position:relative;overflow:hidden;
  background:#C8BFAF;
}
.page-artist .r-wall{position:absolute;inset:0 0 28% 0;background:linear-gradient(180deg,#D8CEBC 0%,#C8BCA8 100%)}
.page-artist .r-floor{position:absolute;bottom:0;left:0;right:0;height:28%;background:linear-gradient(180deg,#8A7A62 0%,#6A5A42 100%)}
.page-artist .r-baseboard{position:absolute;bottom:28%;left:0;right:0;height:1.8%;background:#2A2218}
.page-artist .r-couch{
  position:absolute;bottom:28%;left:8%;right:8%;height:20%;
  background:linear-gradient(180deg,#7A6A58 0% 40%,#5E5040 40% 100%);
  border-radius:1px 1px 0 0;
}
.page-artist .r-frame{
  position:absolute;top:10%;left:50%;transform:translateX(-50%);
  border:4px solid #F0E8D8;overflow:hidden;
  box-shadow:3px 5px 16px rgba(0,0,0,.35);
}
.page-artist .r-frame-art{position:absolute;inset:0}
.page-artist .r-watermark{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  pointer-events:none;
}
.page-artist .watermark{
  font-family:'Cormorant Garamond',serif;font-size:.72rem;letter-spacing:.3em;
  text-transform:uppercase;color:rgba(0,0,0,0.18);transform:rotate(-35deg);
  text-align:center;line-height:2.4;user-select:none;
}
.page-artist .room-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}
.page-artist .placement-controls{display:flex;align-items:center;gap:.7rem;margin:0 0 1rem}
.page-artist .placement-controls label{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.page-artist .placement-controls input[type="range"]{flex:1}

/* Brief */
.page-artist .brief-wrap{border:1px solid var(--border);margin-bottom:1.25rem;position:relative;overflow:hidden}
.page-artist .brief-row{
  display:flex;justify-content:space-between;align-items:flex-start;
  padding:.6rem 1rem;border-bottom:1px solid var(--border);gap:1rem;
}
.page-artist .brief-row:last-child{border-bottom:none}
.page-artist .b-label{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);flex-shrink:0;padding-top:.05rem}
.page-artist .b-val{font-size:.8rem;color:var(--text);text-align:right;line-height:1.5}
.page-artist .b-badge{font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;padding:.18rem .55rem;background:rgba(139,196,106,.1);color:var(--green);border:1px solid rgba(139,196,106,.2)}
.page-artist .b-lock{filter:blur(3.5px);user-select:none;pointer-events:none}
.page-artist .brief-veil{position:absolute;bottom:0;left:0;right:0;height:45%;background:linear-gradient(0deg,var(--surface) 35%,transparent)}

.page-artist .brief-fee{font-size:.72rem;color:var(--muted);text-align:center;margin-bottom:.9rem}
.page-artist .brief-fee strong{display:block;font-family:'Cormorant Garamond',serif;font-size:1.25rem;color:var(--gold);font-weight:400;margin-bottom:.15rem}

/* Buttons */
.page-artist .modal-actions{display:flex;flex-direction:column;gap:.6rem;margin-top:auto}
.page-artist .btn-m-primary{
  width:100%;padding:.85rem;background:var(--gold);color:#FAF8F4;border:none;
  font-family:'Jost',sans-serif;font-size:.68rem;font-weight:500;letter-spacing:.18em;
  text-transform:uppercase;cursor:pointer;transition:opacity .2s;
}
.page-artist .btn-m-primary:hover{opacity:.87}
.page-artist .btn-m-primary.done{background:#8BC46A!important}
.page-artist .btn-m-secondary{
  width:100%;padding:.7rem;background:none;border:1px solid var(--border);
  color:var(--muted);font-family:'Jost',sans-serif;font-size:.68rem;
  letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:all .2s;
}
.page-artist .btn-m-secondary:hover{border-color:var(--border2);color:var(--text)}
@media (max-width: 900px) {
  nav{padding:0 1.2rem}
  .page-artist .hero{grid-template-columns:1fr}
  .page-artist .hero-text{padding:4rem 1.2rem}
  .page-artist .works-section,.how-section,footer{padding:3rem 1.2rem}
  .page-artist .works-grid,.steps,.modal-panel{grid-template-columns:1fr}
  .page-artist .modal-left{border-right:none;border-bottom:1px solid var(--border)}
  .page-artist .desktop-upload{display:none}
  .page-artist .mobile-upload{display:block}
}