/* ============================================================
   GHETTO CUTE — Site Stylesheet · V2 Gold Identity
   Tokens: Onyx / Ivory / Champagne Gold / Silver
   Type: Italiana (display) · Manrope (body)
   ============================================================ */
:root{
  --black:#0B0A0A;
  --panel:#131111;
  --panel-2:#1A1315;
  --ivory:#F2EAE4;
  --gold:#C98BA1;
  --gold-bright:#E3AFC1;
  --silver:#877A7E;
  --line:rgba(201,139,161,.32);
  --line-soft:rgba(242,234,228,.12);
  --dim:rgba(242,234,228,.66);
  --dim-2:rgba(242,234,228,.42);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--black);color:var(--ivory);font-family:'Manrope',sans-serif;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,.serif{font-family:'Italiana',serif;font-weight:400}
a{color:inherit;text-decoration:none}
button{font-family:'Manrope',sans-serif}
.micro{font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:600}
.wrap{max-width:1440px;margin:0 auto;padding:0 48px}
.gold{color:var(--gold)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:760px){.wrap{padding:0 20px}}

/* ---------- announcement + nav ---------- */
.announce{background:var(--gold);color:var(--black);text-align:center;padding:9px 16px}
.announce .micro{font-weight:700;letter-spacing:.28em}
nav.site{position:sticky;top:0;z-index:50;background:rgba(11,10,10,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav-in{display:grid;grid-template-columns:1fr auto 1fr;column-gap:40px;align-items:center;height:76px}
.nav-links{display:flex;gap:20px}
.nav-toggle{position:absolute;opacity:0;pointer-events:none;width:0;height:0}
.nav-burger{display:none}
.nav-links a{position:relative;padding:4px 0;color:rgba(242,234,228,.85)}
.nav-links a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--gold);transition:width .35s}
.nav-links a:hover::after,.nav-links a.active::after{width:100%}
.nav-links a.active{color:var(--gold)}
.nav-brand{display:flex;align-items:center;gap:14px;justify-content:center}
.nav-brand img{height:40px;width:auto;display:block}
.nav-brand span{font-family:'Italiana',serif;font-size:20px;letter-spacing:.3em;text-transform:uppercase;color:var(--ivory);white-space:nowrap}
.nav-utils{display:flex;gap:24px;justify-content:flex-end;color:rgba(242,234,228,.85)}
@media(max-width:1180px){
  .nav-in{display:flex;justify-content:space-between}
  .nav-burger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:30px;height:30px;cursor:pointer;order:-1;flex:0 0 auto}
  .nav-burger span{display:block;width:22px;height:2px;background:var(--ivory);border-radius:2px;transition:transform .3s ease,opacity .2s ease}
  .nav-brand{justify-content:center;flex:1 1 auto}
  .nav-brand span{display:none}
  .nav-utils{flex:0 0 auto;gap:18px}
  .nav-links{display:none}
  .nav-toggle:checked ~ .nav-links{display:flex;flex-direction:column;gap:20px;position:absolute;top:76px;left:0;right:0;background:rgba(11,10,10,.98);backdrop-filter:blur(14px);padding:26px 28px 30px;border-bottom:1px solid var(--line)}
  .nav-toggle:checked ~ .nav-links a{font-size:15px;padding:6px 0}
  .nav-toggle:checked ~ .nav-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .nav-toggle:checked ~ .nav-burger span:nth-child(2){opacity:0}
  .nav-toggle:checked ~ .nav-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}
.baba-page .nav-burger span{background:#2a2622}

/* ---------- buttons ---------- */
.btn{display:inline-block;padding:17px 46px;border:1px solid var(--gold);letter-spacing:.24em;text-transform:uppercase;font-size:11px;font-weight:700;transition:all .35s;color:var(--gold);background:transparent;cursor:pointer;text-align:center}
.btn:hover{background:var(--gold);color:var(--black)}
.btn.solid{background:var(--gold);color:var(--black)}
.btn.solid:hover{background:var(--gold-bright);border-color:var(--gold-bright)}
.btn.ghost{border-color:rgba(242,234,228,.4);color:var(--ivory)}
.btn.ghost:hover{border-color:var(--ivory);background:var(--ivory);color:var(--black)}
.btn.wide{display:block;width:100%}

/* ---------- page hero (interior pages) ---------- */
.page-hero{padding:96px 0 64px;border-bottom:1px solid var(--line-soft);text-align:center}
.page-hero .micro{color:var(--gold)}
.page-hero h1{font-size:clamp(44px,6vw,84px);text-transform:uppercase;letter-spacing:.06em;margin-top:16px;line-height:1.04}
.page-hero p{max-width:520px;margin:20px auto 0;color:var(--dim)}

/* ---------- ticker ---------- */
.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;padding:16px 0}
.ticker-track{display:flex;gap:64px;white-space:nowrap;animation:tick 28s linear infinite;font-family:'Italiana',serif;font-size:19px;letter-spacing:.3em;text-transform:uppercase;color:rgba(242,234,228,.75)}
.ticker-track i{font-style:normal;color:var(--gold)}
@keyframes tick{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion: reduce){.ticker-track{animation:none}}

/* ---------- section heads ---------- */
.sec-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:44px;gap:24px;flex-wrap:wrap}
.sec-head h2{font-size:clamp(34px,4.4vw,54px);text-transform:uppercase;letter-spacing:.05em}
.sec-head h2 em{font-style:normal;color:var(--gold)}
.sec-link{border-bottom:1px solid var(--gold);padding-bottom:3px;color:var(--gold)}

/* ---------- product cards / grid ---------- */
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.grid.cols-3{grid-template-columns:repeat(3,1fr)}
@media(max-width:1100px){.grid,.grid.cols-3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.grid,.grid.cols-3{grid-template-columns:1fr}}
.card .frame{position:relative;aspect-ratio:3/4;overflow:hidden;border:1px solid var(--line-soft);background:linear-gradient(165deg,#161314,#0F0D0D)}
.card .frame.f2{background:linear-gradient(165deg,#1D1417,#141013)}
.card .frame.f3{background:linear-gradient(165deg,#171514,#100F0E)}
.card .frame.f4{background:linear-gradient(200deg,#191514,#121010)}
.frame .ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;text-align:center;color:rgba(242,234,228,.28)}
.badge{position:absolute;top:14px;left:14px;background:var(--gold);color:var(--black);padding:6px 12px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;z-index:2}
.badge.outline{background:transparent;color:var(--ivory);border:1px solid rgba(242,234,228,.5)}
.badge.soldout{background:var(--black);color:var(--gold);border:1px solid var(--gold)}
.quick{position:absolute;left:14px;right:14px;bottom:14px;padding:13px;text-align:center;background:var(--gold);color:var(--black);font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;opacity:0;transform:translateY(8px);transition:all .35s;cursor:pointer;border:none}
.card:hover .quick{opacity:1;transform:none}
.card-meta{display:flex;justify-content:space-between;margin-top:16px;align-items:baseline;gap:12px}
.card-meta h3{font-size:21px;letter-spacing:.06em}
.card-meta h3 a:hover{color:var(--gold-bright)}
.price{font-weight:600;color:var(--gold);white-space:nowrap}
.card-sub{color:var(--dim-2);font-size:12px;letter-spacing:.08em;margin-top:2px}

/* ---------- shop filter bar ---------- */
.filterbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid var(--line-soft);margin-bottom:44px;flex-wrap:wrap}
.filters{display:flex;gap:14px;flex-wrap:wrap}
.filters select{background:transparent;color:var(--ivory);border:1px solid var(--line-soft);padding:11px 16px;font-family:'Manrope';font-size:11px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer}
.filters select option{background:var(--panel);color:var(--ivory)}
.result-count{color:var(--dim-2);font-size:12px;letter-spacing:.12em}

/* ---------- PDP ---------- */
.pdp{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;padding:64px 0 110px;align-items:start}
@media(max-width:980px){.pdp{grid-template-columns:1fr;gap:40px}}
.gallery{display:grid;gap:20px}
.gallery .shot{aspect-ratio:4/5;border:1px solid var(--line-soft);position:relative;display:flex;align-items:center;justify-content:center;color:rgba(242,234,228,.28);text-align:center;padding:24px}
.gallery .shot:nth-child(1){background:linear-gradient(165deg,#161314,#0F0D0D)}
.gallery .shot:nth-child(2){background:linear-gradient(200deg,#171414,#100E0E)}
.gallery .shot:nth-child(3){background:linear-gradient(150deg,#1C1417,#131013)}
.gallery .shot:nth-child(4){background:linear-gradient(180deg,#151312,#0F0E0D)}
.gallery .two{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.gallery .two .shot{aspect-ratio:1/1}
.buybox{position:sticky;top:110px}
@media(max-width:980px){.buybox{position:static}}
.crumb{color:var(--dim-2);font-size:11px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:22px}
.crumb a:hover{color:var(--gold)}
.buybox h1{font-size:clamp(36px,4vw,52px);text-transform:uppercase;letter-spacing:.05em;line-height:1.05}
.pdp-price{font-size:22px;color:var(--gold);font-weight:600;margin:14px 0 6px}
.limited-line{color:var(--gold);font-size:11px;letter-spacing:.24em;text-transform:uppercase;font-weight:700;margin-bottom:28px}
.opt-label{display:flex;justify-content:space-between;align-items:baseline;margin:26px 0 12px}
.opt-label .micro{color:var(--dim)}
.opt-label a{color:var(--gold);font-size:11px;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid var(--line)}
.swatches{display:flex;gap:12px}
.swatch{width:40px;height:40px;border-radius:50%;border:1px solid var(--line-soft);cursor:pointer;position:relative}
.swatch.sel{outline:1px solid var(--gold);outline-offset:4px}
.sizes{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.size{padding:13px 0;text-align:center;border:1px solid var(--line-soft);font-size:12px;letter-spacing:.14em;cursor:pointer;transition:all .25s;background:transparent;color:var(--ivory)}
.size:hover{border-color:var(--gold)}
.size.sel{background:var(--gold);color:var(--black);border-color:var(--gold);font-weight:700}
.size.out{opacity:.3;text-decoration:line-through;cursor:not-allowed}
.buy-actions{display:grid;gap:12px;margin:30px 0 8px}
.fit-note{color:var(--dim);font-size:13px;margin:18px 0 26px;padding-left:14px;border-left:1px solid var(--gold)}
details{border-top:1px solid var(--line-soft)}
details:last-of-type{border-bottom:1px solid var(--line-soft)}
summary{padding:18px 0;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:600}
summary::after{content:"+";font-family:'Italiana';font-size:20px;color:var(--gold)}
details[open] summary::after{content:"–"}
details .d-body{padding:0 0 20px;color:var(--dim);font-size:13.5px}
details .d-body p{margin-bottom:10px}

/* ---------- complete the look ---------- */
.ctl{padding:90px 0 110px;border-top:1px solid var(--line-soft)}

/* ---------- story blocks (about) ---------- */
.prose{max-width:720px;margin:0 auto;padding:90px 0}
.prose .lede{font-family:'Italiana',serif;font-size:clamp(24px,3vw,34px);line-height:1.35;letter-spacing:.02em;margin-bottom:36px;color:var(--ivory)}
.prose p{color:var(--dim);margin-bottom:22px;font-size:16px}
.prose .close{font-family:'Italiana',serif;font-size:24px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-top:40px}
.statement{padding:120px 0;text-align:center;background:var(--panel);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.statement .serif{font-size:clamp(30px,4.5vw,54px);letter-spacing:.04em;max-width:900px;margin:0 auto;line-height:1.25}
.statement .serif em{font-style:normal;color:var(--gold)}
.img-band{aspect-ratio:21/9;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);background:linear-gradient(170deg,#141212,#0E0D0C);display:flex;align-items:center;justify-content:center;color:rgba(242,234,228,.28);text-align:center;padding:24px}

/* ---------- lookbook ---------- */
.lb-spread{padding:48px 0}
.lb-full{aspect-ratio:16/9;border:1px solid var(--line-soft);position:relative;display:flex;align-items:center;justify-content:center;color:rgba(242,234,228,.28);text-align:center;padding:24px}
.lb-two{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
@media(max-width:820px){.lb-two{grid-template-columns:1fr}}
.lb-two .lb-cell{aspect-ratio:4/5;border:1px solid var(--line-soft);position:relative;display:flex;align-items:center;justify-content:center;color:rgba(242,234,228,.28);text-align:center;padding:24px}
.lb-two .lb-cell.offset{margin-top:96px}
@media(max-width:820px){.lb-two .lb-cell.offset{margin-top:0}}
.g1{background:linear-gradient(160deg,#171413,#100E0D)}
.g2{background:linear-gradient(200deg,#151312,#0F0E0D)}
.g3{background:linear-gradient(150deg,#1C1417,#131013)}
.g4{background:linear-gradient(180deg,#151312,#0F0E0D)}
.g5{background:linear-gradient(210deg,#161313,#100F0E)}
.lb-cap{position:absolute;bottom:20px;left:20px;text-align:left}
.lb-cap .serif{font-size:26px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.lb-cap .micro{color:rgba(242,234,228,.55)}
.lb-shop{position:absolute;bottom:20px;right:20px;color:var(--gold);font-size:11px;letter-spacing:.18em;text-transform:uppercase;border-bottom:1px solid var(--line)}
.lb-word{padding:70px 0;text-align:center}
.lb-word .serif{font-size:clamp(44px,7vw,110px);letter-spacing:.3em;text-transform:uppercase;color:var(--gold);opacity:.9}

/* ---------- contact ---------- */
.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:72px;padding:72px 0 110px}
@media(max-width:900px){.contact-grid{grid-template-columns:1fr;gap:48px}}
.field{margin-bottom:22px}
.field label{display:block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);margin-bottom:9px}
.field input,.field textarea{width:100%;background:transparent;border:1px solid var(--line-soft);padding:14px 16px;color:var(--ivory);font-family:'Manrope';font-size:14px;outline:none;transition:border-color .3s}
.field input:focus,.field textarea:focus{border-color:var(--gold)}
.field textarea{min-height:150px;resize:vertical}
.c-info h3{font-size:26px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}
.c-info p{color:var(--dim);margin-bottom:26px}
.c-block{padding:22px 0;border-top:1px solid var(--line-soft)}
.c-block .micro{color:var(--gold);display:block;margin-bottom:6px}
.c-block a:hover{color:var(--gold-bright)}

/* ---------- support ---------- */
.support-nav{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;padding:34px 0;border-bottom:1px solid var(--line-soft)}
.support-nav a{padding:10px 22px;border:1px solid var(--line-soft);font-size:11px;letter-spacing:.18em;text-transform:uppercase;transition:all .3s}
.support-nav a:hover{border-color:var(--gold);color:var(--gold)}
.support-sec{max-width:820px;margin:0 auto;padding:72px 0}
.support-sec h2{font-size:clamp(28px,3.4vw,42px);text-transform:uppercase;letter-spacing:.08em;margin-bottom:26px}
.support-sec h2 span{color:var(--gold)}
.support-sec p{color:var(--dim);margin-bottom:16px}
.support-sec + .support-sec{border-top:1px solid var(--line-soft)}
table.sg{width:100%;border-collapse:collapse;margin:22px 0}
table.sg th{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);text-align:left;padding:12px 14px;border-bottom:1px solid var(--line)}
table.sg td{padding:12px 14px;border-bottom:1px solid var(--line-soft);color:var(--dim);font-size:14px}
table.sg tr td:first-child{color:var(--ivory);font-weight:600}

/* ---------- email capture ---------- */
.list{background:var(--panel-2);border-top:1px solid var(--line);padding:110px 0;text-align:center}
.list img{height:88px;width:auto;margin-bottom:30px}
.list h2{font-size:clamp(36px,5vw,64px);text-transform:uppercase;letter-spacing:.05em;line-height:1.02}
.list h2 em{font-style:normal;color:var(--gold)}
.list p{margin:20px auto 32px;max-width:460px;color:var(--dim)}
.list form{display:flex;max-width:520px;margin:0 auto;border:1px solid var(--gold)}
.list input{flex:1;background:transparent;border:none;padding:17px 20px;font-family:'Manrope';font-size:13px;letter-spacing:.06em;outline:none;color:var(--ivory)}
.list input::placeholder{color:var(--dim-2);text-transform:uppercase;letter-spacing:.18em;font-size:11px}
.list button{background:var(--gold);color:var(--black);border:none;padding:0 34px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;font-weight:700;cursor:pointer;transition:background .3s}
.list button:hover{background:var(--gold-bright)}
.list .fine{margin-top:16px;font-size:11px;color:var(--dim-2)}

/* ---------- footer ---------- */
footer{border-top:1px solid var(--line);padding:90px 0 40px;background:var(--black)}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;padding-bottom:70px;border-bottom:1px solid var(--line-soft)}
@media(max-width:820px){.foot-grid{grid-template-columns:1fr 1fr}}
.foot-brand img{height:64px;width:auto}
.foot-tag{margin-top:18px;color:rgba(242,234,228,.5);max-width:280px}
footer h4{font-size:11px;letter-spacing:.24em;text-transform:uppercase;margin-bottom:20px;color:var(--gold)}
footer ul{list-style:none}
footer li{margin-bottom:11px}
footer li a{color:rgba(242,234,228,.6);transition:color .3s}
footer li a:hover{color:var(--gold-bright)}
.foot-base{display:flex;justify-content:space-between;padding-top:28px;color:var(--dim-2);font-size:12px;flex-wrap:wrap;gap:12px}

/* ---------- real photo slots (auto-appear when files exist) ---------- */
.frame,.shot,.lb-cell,.lb-full,.img-band,.p-media{position:relative}
img.real{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;display:block}
.frame:has(img.real)::after,.lb-cell:has(img.real)::after,.lb-full:has(img.real)::after,.shot:has(img.real)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:45%;background:linear-gradient(to top,rgba(0,0,0,.65),transparent);z-index:2;pointer-events:none}
.badge,.quick,.lb-cap,.lb-shop{z-index:3}
.frame .ph,.shot>.micro,.lb-cell>.micro,.lb-full>.micro,.img-band>.micro{z-index:0}
.quick{z-index:4}

/* ---------- post-checkout upsell modal ---------- */
.upsell-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(6px);z-index:100;display:none;align-items:center;justify-content:center;padding:20px}
.upsell-overlay.open{display:flex}
.upsell{background:#121010;max-width:860px;width:100%;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);box-shadow:0 30px 80px rgba(0,0,0,.6)}
@media(max-width:760px){.upsell{grid-template-columns:1fr;max-width:420px}}
.upsell-img{position:relative;min-height:340px;background:#171314}
.upsell-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.upsell-body{padding:44px 40px;display:flex;flex-direction:column;justify-content:center}
.upsell-body .micro{color:var(--gold)}
.upsell-body h3{font-size:clamp(26px,3vw,36px);text-transform:uppercase;letter-spacing:.05em;line-height:1.1;margin:12px 0 10px}
.upsell-body p{color:var(--dim);font-size:14px;margin-bottom:8px}
.upsell-price{display:flex;align-items:baseline;gap:12px;margin:14px 0 22px}
.upsell-price .now{font-size:22px;color:var(--gold);font-weight:700}
.upsell-price .was{color:var(--dim-2);text-decoration:line-through}
.upsell-price .tag{font-size:10px;letter-spacing:.18em;text-transform:uppercase;background:var(--panel-2);color:var(--gold-bright);padding:5px 10px;border:1px solid var(--line)}
.upsell .btn{margin-bottom:14px}
.upsell-decline{background:none;border:none;color:var(--dim-2);font-size:12px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.upsell-decline:hover{color:var(--dim)}
.upsell-note{margin-top:16px;font-size:11px;color:var(--dim-2)}

/* ---------- V4 premium polish ---------- */
::selection{background:var(--gold);color:#fff}
.nav-brand img{transition:transform .35s ease}
.nav-brand:hover img{transform:scale(1.06)}
.hero img[src*="logo-full"]{filter:drop-shadow(0 6px 24px rgba(192,125,146,.28))}
.list img{filter:drop-shadow(0 4px 18px rgba(192,125,146,.3))}
.card .frame img.real{transition:transform .6s ease}
.card:hover .frame img.real{transform:scale(1.03)}


/* ---------- V5 black editorial ---------- */
img.real{opacity:0;animation:gcFade 1.1s ease .05s forwards}
@keyframes gcFade{to{opacity:1}}
.btn,.quick,.list button{border-radius:0}
.sec-head h2 em{color:var(--gold)}
.announce{background:var(--gold);color:#14090D}
.announce .micro{color:#14090D}
body::selection{background:var(--gold);color:#14090D}
.statement{background:radial-gradient(120% 160% at 50% 0%,#161114 0%,#0B0A0A 70%)}
.list{background:radial-gradient(140% 180% at 50% 100%,#1C1216 0%,#0B0A0A 75%)}
@media (prefers-reduced-motion: reduce){img.real{animation:none;opacity:1}}

/* ========== V6 — LUXURY EDITORIAL HOMEPAGE ========== */
.hero6{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;background:#080707;border-bottom:1px solid var(--line)}
.hero6 .side{position:relative;min-height:78vh;overflow:hidden}
.hero6 .side img{width:100%;height:100%;object-fit:cover;object-position:top center;opacity:.92}
.hero6 .side::after{content:"";position:absolute;inset:0;background:linear-gradient(to right,rgba(8,7,7,.05),rgba(8,7,7,.82))}
.hero6 .side.r::after{background:linear-gradient(to left,rgba(8,7,7,.05),rgba(8,7,7,.82))}
.hero6 .core{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 64px;min-width:420px;text-align:center}
.hero6 .core img{width:150px;height:auto;margin-bottom:26px;filter:drop-shadow(0 8px 30px rgba(201,139,161,.35))}
.hero6 h1{font-size:clamp(34px,3.6vw,52px);letter-spacing:.32em;text-transform:uppercase;margin-left:.32em}
.hero6 .sub{font-size:12px;letter-spacing:.58em;text-transform:uppercase;color:var(--gold);margin:14px 0 40px;margin-left:.58em}
.hero6 .btn{border-width:1px}
@media(max-width:1000px){.hero6{grid-template-columns:1fr}.hero6 .side{display:none}.hero6 .core{min-height:70vh;min-width:0}}

.cats{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:10px}
.cat{position:relative;aspect-ratio:3/4.4;overflow:hidden}
.cat img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease;display:block}
.cat:hover img{transform:scale(1.05)}
.cat::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.72) 8%,rgba(0,0,0,.05) 45%)}
.cat .lab{position:absolute;left:0;right:0;bottom:22px;text-align:center;z-index:2}
.cat .lab .t{font-family:'Italiana',serif;font-size:19px;letter-spacing:.22em;text-transform:uppercase;color:#fff}
.cat .lab .s{display:block;font-size:9px;letter-spacing:.3em;color:var(--gold);margin-top:7px;text-transform:uppercase;border-bottom:1px solid var(--line);display:inline-block;padding-bottom:3px}
@media(max-width:1000px){.cats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.cats{grid-template-columns:repeat(2,1fr)}}

.swatches6{display:flex;gap:7px;margin-top:12px}
.sw{width:15px;height:15px;border-radius:50%;border:1px solid rgba(242,234,228,.28);cursor:pointer;transition:transform .2s}
.sw:hover{transform:scale(1.25)}
.sw.jet{background:#111}.sw.bone{background:#E8E2D6}.sw.sugar{background:#F3EDE3}.sw.cream{background:#EFE6D8}
.sw.rose{background:#C998A6}.sw.blush{background:#E7B7C6}.sw.cocoa{background:#5C4436}.sw.charcoal{background:#3A3737}
.qadd{margin-top:12px;display:inline-block;font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--ivory);border:1px solid rgba(242,234,228,.28);padding:9px 18px;transition:all .3s;background:transparent;cursor:pointer}
.qadd:hover{border-color:var(--gold);color:var(--gold)}

.colorshop{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.cshop{position:relative;aspect-ratio:3/4;overflow:hidden}
.cshop img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.cshop:hover img{transform:scale(1.05)}
.cshop::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.75) 10%,transparent 50%)}
.cshop .lab{position:absolute;bottom:20px;left:0;right:0;text-align:center;z-index:2;font-family:'Italiana',serif;letter-spacing:.2em;text-transform:uppercase;color:#fff;font-size:16px}
.cshop .lab em{display:block;font-style:normal;font-size:9px;letter-spacing:.3em;color:var(--gold);margin-top:6px}
@media(max-width:900px){.colorshop{grid-template-columns:repeat(2,1fr)}}

.looks{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.look{border:1px solid var(--line-soft);padding:0 0 22px;text-align:center}
.look .im{aspect-ratio:3/3.4;overflow:hidden;margin-bottom:18px}
.look .im img{width:100%;height:100%;object-fit:cover}
.look .t{font-size:12px;letter-spacing:.24em;text-transform:uppercase}
.look .p{color:var(--gold);font-weight:600;margin-top:6px}
@media(max-width:900px){.looks{grid-template-columns:repeat(2,1fr)}}

.badges{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center;padding:54px 0;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}
.badge6 .t{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--ivory)}
.badge6 .s{font-size:11px;color:var(--dim-2);margin-top:6px}
@media(max-width:700px){.badges{grid-template-columns:repeat(2,1fr)}}

/* ========== CUTE LIST COMPONENT ========== */
.cl-form{max-width:560px;margin:0 auto;text-align:left}
.list form.cl-form{display:block;border:none;padding:0;max-width:560px}
.cl-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.cl-in{background:transparent;border:1px solid rgba(201,139,161,.4);padding:15px 16px;color:var(--ivory);font-family:'Manrope';font-size:13px;letter-spacing:.04em;outline:none;width:100%;transition:border-color .3s}
.cl-in:focus{border-color:var(--gold)}
.cl-in::placeholder{color:rgba(242,234,228,.6);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.cl-ints{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 18px}
.cl-int{border:1px solid rgba(242,234,228,.2);padding:9px 14px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;color:var(--dim);transition:all .25s;user-select:none}
.cl-int input{display:none}
.cl-int.on,.cl-int:has(input:checked){border-color:var(--gold);color:var(--gold);background:rgba(201,139,161,.08)}
.cl-btn{display:block;width:100%;background:var(--gold);color:#14090D;border:none;padding:16px;font-size:11px;letter-spacing:.3em;text-transform:uppercase;font-weight:700;cursor:pointer;transition:background .3s}
.cl-btn:hover{background:var(--gold-bright)}
.cl-msg{margin-top:10px;font-size:12px;min-height:16px}
.cl-msg.err{color:#E3AFC1}
.cl-done{text-align:center;padding:26px 10px;font-family:'Italiana',serif;font-size:21px;letter-spacing:.06em;color:var(--gold-bright)}
.cl-form.compact .cl-row{grid-template-columns:1fr 1fr}
.cl-pop{position:fixed;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(8px);z-index:300;display:flex;align-items:center;justify-content:center;padding:20px;animation:gcFade .5s ease}
.cl-pop-in{background:#0E0C0C;border:1px solid var(--line);max-width:480px;width:100%;padding:48px 42px;text-align:center;position:relative}
.cl-pop-in h3{font-family:'Italiana',serif;font-size:27px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}
.cl-pop-in p{color:var(--dim);font-size:13.5px;margin-bottom:24px}
.cl-x{position:absolute;top:14px;right:18px;background:none;border:none;color:var(--dim);font-size:26px;cursor:pointer;transition:color .3s}
.cl-x:hover{color:var(--ivory)}

/* ========== NEXT CHAPTER ========== */
.chapter{border-top:1px solid var(--line-soft)}
.chap{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:56vh;align-items:center;border-bottom:1px solid var(--line-soft);overflow:hidden}
.chap .im{height:100%;min-height:56vh;overflow:hidden}
.chap .im img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s ease;filter:saturate(.92)}
.chap:hover .im img{transform:scale(1.04)}
.chap .tx{padding:70px 8%}
.chap .k{font-size:10px;letter-spacing:.4em;text-transform:uppercase;color:var(--gold);margin-bottom:18px}
.chap h3{font-family:'Italiana',serif;font-size:clamp(34px,4vw,58px);letter-spacing:.14em;text-transform:uppercase;line-height:1.05}
.chap .s{color:var(--dim);margin:16px 0 8px}
.chap .y{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--dim-2);margin-bottom:30px}
@media(max-width:860px){.chap{grid-template-columns:1fr}.chap .im{min-height:40vh}}

/* ========== COMING SOON PAGES ========== */
.cs-hero{position:relative;min-height:86vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}
.cs-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.cs-hero .in{position:relative;z-index:2;padding:40px}
.cs-hero .k{font-size:11px;letter-spacing:.5em;text-transform:uppercase;color:var(--gold);margin-bottom:20px}
.cs-hero h1{font-family:'Italiana',serif;font-size:clamp(46px,7vw,110px);letter-spacing:.16em;text-transform:uppercase;line-height:1}
.cs-hero .s{color:var(--dim);font-size:15px;margin:22px 0 8px}
.cs-hero .y{font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);margin-bottom:38px}
.cs-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(8,7,7,.94) 4%,rgba(8,7,7,.25) 45%,rgba(8,7,7,.55));z-index:1}
.blurgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:10px}
.blur{position:relative;aspect-ratio:3/4;overflow:hidden}
.blur img{width:100%;height:100%;object-fit:cover;filter:blur(16px) saturate(.85);transform:scale(1.18)}
.blur .lab{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;background:rgba(8,7,7,.34)}
.blur .lab .t{font-family:'Italiana',serif;font-size:16px;letter-spacing:.24em;text-transform:uppercase;color:#fff}
.blur .lab .s{font-size:9px;letter-spacing:.3em;color:var(--gold);text-transform:uppercase;margin-top:8px}
@media(max-width:900px){.blurgrid{grid-template-columns:repeat(2,1fr)}}
.baba-page{--black:#F4EDE4;--panel:#EDE3D7;--panel-2:#F3E4DE;--ivory:#3E332F;--gold:#B8798F;--gold-bright:#96566E;--line:rgba(184,121,143,.35);--line-soft:rgba(62,51,47,.14);--dim:rgba(62,51,47,.66);--dim-2:rgba(62,51,47,.42)}
.baba-page .cs-hero>img{opacity:.85}
.baba-page .cs-hero::after{background:linear-gradient(to top,rgba(244,237,228,.96) 6%,rgba(244,237,228,.2) 50%,rgba(244,237,228,.35))}
.baba-page .blur .lab{background:rgba(244,237,228,.3)}
.baba-page .blur .lab .t{color:#3E332F}
.baba-page nav.site{background:rgba(244,237,228,.9)}
.baba-page .cl-in{color:#3E332F}
.baba-page .cl-btn{color:#fff}
.baba-page .list{--ivory:#F2EAE4;--dim:rgba(242,234,228,.74);--dim-2:rgba(242,234,228,.55);--gold:#C98BA1;--gold-bright:#E3AFC1;--line:rgba(201,139,161,.45);--panel-2:#1A1315;color:#F2EAE4}
.baba-page .list .cl-in{color:#F2EAE4}
.baba-page .list .cl-int{color:rgba(242,234,228,.8);border-color:rgba(242,234,228,.28)}
.baba-page .list .cl-btn{color:#14090D}

/* ========== V7 — MOVEMENT HOMEPAGE (approved mock) ========== */
.hero7{display:grid;grid-template-columns:1.05fr .95fr;gap:8px;padding:8px;background:#080707}
.hero7 .main{position:relative;min-height:76vh;overflow:hidden}
.hero7 .main>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero7 .main::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(8,7,7,.82) 0%,rgba(8,7,7,.45) 45%,rgba(8,7,7,.08) 75%)}
.hero7 .tx{position:absolute;z-index:2;left:6%;top:50%;transform:translateY(-50%);max-width:430px}
.hero7 .tx img{height:74px;margin-bottom:26px}
.hero7 h1{font-size:clamp(30px,3.2vw,46px);letter-spacing:.06em;line-height:1.12;text-transform:uppercase}
.hero7 .script{font-family:'Italiana',serif;font-style:italic;color:var(--gold);font-size:clamp(24px,2.6vw,38px);letter-spacing:.04em;margin:6px 0 16px}
.hero7 .k{font-size:11px;letter-spacing:.4em;text-transform:uppercase;color:rgba(242,234,228,.75);margin-bottom:28px}
.hero7 .btn{background:var(--gold);color:#14090D;border-color:var(--gold)}
.mosaic{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:8px}
.mosaic .m{position:relative;overflow:hidden;min-height:200px}
.mosaic .m img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s ease}
.mosaic .m:hover img{transform:scale(1.05)}
.mosaic .m.w2{grid-column:span 2}
@media(max-width:900px){.hero7{grid-template-columns:1fr}.mosaic{display:none}}

.band{background:#F1EAE2;color:#2E2622;padding:74px 0}
.band .sec-head h2{color:#2E2622}
.band .micro{color:#96566E}
.c001{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.c001 .p7{background:#FBF8F4;border:1px solid rgba(46,38,34,.08);text-align:center;padding:0 0 20px;display:flex;flex-direction:column}
.c001 .p7 .im{aspect-ratio:4/5;overflow:hidden;background:#fff;margin-bottom:14px}
.c001 .p7 .im img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.c001 .p7:hover .im img{transform:scale(1.04)}
.c001 .p7 .n{font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:#2E2622}
.c001 .p7 .s{font-size:10px;letter-spacing:.14em;color:rgba(46,38,34,.5);margin-top:5px;text-transform:uppercase}
.c001 .cs{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px 18px}
.c001 .cs.dark{background:#0B0A0A;color:#F2EAE4}
.c001 .cs.blush{background:#EFC9D3;color:#4A2B33}
.c001 .cs .t{font-family:'Italiana',serif;font-size:19px;letter-spacing:.16em;text-transform:uppercase;line-height:1.3;margin-bottom:16px}
.c001 .cs a{font-size:9px;letter-spacing:.24em;text-transform:uppercase;font-weight:700;padding:10px 14px;background:var(--gold);color:#14090D}
.c001 .cs.blush a{background:#0B0A0A;color:#F2EAE4}
@media(max-width:1100px){.c001{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.c001{grid-template-columns:repeat(2,1fr)}}
.strip7{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:8px;background:#080707}
.strip7 .m{position:relative;aspect-ratio:4/5;overflow:hidden}
.strip7 .m img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s}
.strip7 .m:hover img{transform:scale(1.05)}
@media(max-width:900px){.strip7{grid-template-columns:repeat(2,1fr)}}

/* ========== BILLION-DOLLAR POLISH ========== */
html{scroll-behavior:smooth}
*{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{letter-spacing:.01em}
/* luxury reveal on scroll — only hide when JS has armed it (no-JS/crawlers see all) */
html.gc-reveal [data-reveal]:not(.in){opacity:0;transform:translateY(24px)}
[data-reveal]{transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}
@media(prefers-reduced-motion:reduce){html.gc-reveal [data-reveal]:not(.in){opacity:1;transform:none;transition:none}}
/* refined section rhythm */
.sec-head h2{font-size:clamp(30px,4vw,52px);letter-spacing:.06em}
.sec-head h2 em{font-style:normal;position:relative}
/* image hover: slow luxe zoom + subtle brightness */
.cat img,.cshop img,.c001 .p7 .im img,.look .im img,.mosaic .m img,.strip7 .m img{transition:transform 1.1s cubic-bezier(.16,1,.3,1),filter .8s ease}
.cat:hover img,.cshop:hover img,.c001 .p7:hover .im img,.mosaic .m:hover img,.strip7 .m:hover img{transform:scale(1.06);filter:brightness(1.04)}
/* buttons: refined luxe */
.btn{position:relative;overflow:hidden;transition:all .5s cubic-bezier(.16,1,.3,1)}
.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.18) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s ease}
.btn:hover::after{transform:translateX(120%)}
/* hero text finesse */
.hero7 h1{font-weight:400;text-shadow:0 2px 30px rgba(0,0,0,.4)}
.hero7 .main img{transition:transform 8s ease}
.hero7:hover .main img{transform:scale(1.03)}
/* product cards: premium lift */
.card{transition:transform .5s cubic-bezier(.16,1,.3,1)}
.card:hover{transform:translateY(-4px)}
.card .frame{box-shadow:0 1px 0 rgba(255,255,255,.02)}
.qadd{transition:all .4s ease;border-radius:0}
/* nav: refined glass */
nav.site{backdrop-filter:blur(18px) saturate(1.2);transition:background .4s ease}
/* footer refinement */
footer{letter-spacing:.02em}
/* selection */
::selection{background:var(--gold);color:#14090D}
/* editorial section dividers */
.sec-head{position:relative}