/* =========================================================
   SOLIMÁ — Vision 3 · Members Club (lookbook imersivo escuro)
   Carrega depois de brand.css
   ========================================================= */

body.v3{background:var(--ink);color:var(--cream)}

/* barra de progresso de rolagem */
.c-progress{position:fixed;top:0;left:0;height:2px;width:0;background:linear-gradient(90deg,var(--wine-2),var(--gold));z-index:90;transition:width .1s linear}

/* nav */
.c-nav{position:fixed;top:0;left:0;right:0;z-index:70;transition:.45s var(--ease)}
.c-nav__in{max-width:1320px;margin:0 auto;padding:22px 32px;display:flex;align-items:center;gap:28px}
.c-nav.solid{background:rgba(20,16,16,.82);backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(255,255,255,.06)}
.c-nav .brand{color:var(--cream)}
.c-nav .brand__emblem img{height:30px}
.c-nav .brand__word{font-size:1.5rem;color:var(--cream)}
.c-nav__menu{display:flex;gap:26px;margin-left:auto;overflow-x:auto;scrollbar-width:none}
.c-nav__menu::-webkit-scrollbar{display:none}
.c-nav__menu a{font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(248,242,232,.82);white-space:nowrap;padding:4px 0;transition:.3s}
.c-nav__menu a:hover{color:var(--gold)}
.c-nav__cta{display:flex;gap:10px}
.c-burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;margin-left:auto;padding:6px}
.c-burger span{width:24px;height:2px;background:var(--cream)}

/* hero */
.c-hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;
  background:radial-gradient(130% 120% at 70% -10%,#52111a,#27080d 50%,#0d0708)}
.c-hero__wm{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(70vw,760px);opacity:.05}
.c-hero__in{max-width:1100px;margin:0 auto;padding:0 32px;text-align:center;position:relative;z-index:2}
.c-hero__kick{font-size:.78rem;letter-spacing:.5em;text-transform:uppercase;color:var(--gold);margin-bottom:1.4rem}
.c-hero__title{font-family:var(--serif);font-weight:500;font-size:clamp(3rem,9vw,7.5rem);line-height:.96;letter-spacing:.01em}
.c-hero__title em{font-style:italic;color:var(--gold)}
.c-hero__sub{margin:1.6rem auto 2.6rem;max-width:52ch;color:rgba(248,242,232,.82);font-size:1.1rem}
.c-hero__actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.c-scroll{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font-size:.66rem;letter-spacing:.3em;text-transform:uppercase;color:rgba(248,242,232,.6);display:flex;flex-direction:column;align-items:center;gap:8px}
.c-scroll::after{content:"";width:1px;height:40px;background:linear-gradient(var(--gold),transparent);animation:cdrop 2s infinite}
@keyframes cdrop{0%{opacity:0;transform:scaleY(.3)}50%{opacity:1}100%{opacity:0;transform:scaleY(1) translateY(10px)}}

/* faixa de texto rolante (carrossel de palavras) */
.c-marquee{border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);overflow:hidden;padding:18px 0;background:#0d0708}
.c-marquee__t{display:flex;gap:40px;width:max-content;white-space:nowrap;animation:cmq 30s linear infinite}
.c-marquee__t span{font-family:var(--serif);font-style:italic;font-size:1.4rem;color:rgba(248,242,232,.5)}
.c-marquee__t b{color:var(--wine-2);font-style:normal}
@keyframes cmq{to{transform:translateX(-50%)}}

/* seção genérica */
.c-sec{padding:120px 0;position:relative}
.c-sec__head{max-width:var(--wrap);margin:0 auto 50px;padding:0 32px;text-align:center}
.c-sec__head h2{font-family:var(--serif);font-weight:500;font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.04;margin-top:.4rem}

/* lookbook (carrossel) em fundo escuro */
.v3 .row__nav{background:rgba(248,242,232,.1);color:var(--cream);border-color:var(--line-light);box-shadow:none}
.v3 .row__nav:hover{background:var(--wine);border-color:var(--wine)}
.v3 .pcard__name{color:var(--cream)}
.v3 .pcard__fab{color:rgba(248,242,232,.55)}
.v3 .pcard__price{color:rgba(248,242,232,.78)}
.v3 .pcard__price s{color:rgba(248,242,232,.4)}

/* coleção: grade editorial */
.cgrid{max-width:var(--wrap);margin:0 auto;padding:0 32px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.cgrid .gitem{position:relative;border-radius:5px;overflow:hidden}
.cgrid .gitem:nth-child(1){grid-row:span 2}
.cgrid .gitem:nth-child(6){grid-row:span 2}
.cgrid .gitem .pmedia{height:100%;min-height:240px}
.cgrid .gcap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:18px;
  background:linear-gradient(transparent,rgba(13,7,8,.85));color:var(--cream)}
.cgrid .gcap b{font-family:var(--serif);font-size:1.25rem;font-weight:600;display:block}
.cgrid .gcap small{font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}

/* manifesto split */
.c-split{max-width:var(--wrap);margin:0 auto;padding:0 32px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.c-split h2{font-family:var(--serif);font-weight:500;font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;margin-bottom:1rem}
.c-split p{color:rgba(248,242,232,.8);margin-bottom:1rem}
.c-split .ticks{list-style:none;display:grid;gap:12px;margin-top:1.2rem}
.c-split .ticks li{padding-left:28px;position:relative;color:rgba(248,242,232,.85)}
.c-split .ticks li::before{content:"";position:absolute;left:0;top:.55em;width:16px;height:1px;background:var(--gold)}
.c-split__img{position:relative;height:520px;border-radius:6px;overflow:hidden}
.c-split__img .pmedia{position:absolute;inset:0;height:100%}

/* tiers */
.c-tiers{max-width:980px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ct{border:1px solid var(--line-light);border-radius:8px;padding:44px 38px;background:rgba(248,242,232,.03)}
.ct--feat{border-color:var(--gold);background:linear-gradient(160deg,rgba(110,22,33,.35),rgba(20,16,16,.2))}
.ct h3{font-family:var(--serif);font-size:2rem;font-weight:600}
.ct .tag{font-size:.92rem;color:rgba(248,242,232,.7);margin-top:.2em}
.ct .price{font-family:var(--serif);font-size:3rem;font-weight:600;margin:20px 0}
.ct .price small{font-family:var(--sans);font-size:.85rem;letter-spacing:.08em;opacity:.6}
.ct ul{list-style:none;display:grid;gap:11px;margin:0 0 28px}
.ct li{position:relative;padding-left:24px;color:rgba(248,242,232,.88);font-size:.95rem}
.ct li::before{content:"✦";position:absolute;left:0;color:var(--gold);font-size:.78rem;top:2px}
.ct .btn{width:100%}

/* invite */
.c-invite{text-align:center;padding:140px 32px;background:radial-gradient(120% 130% at 50% 0%,#52111a,#1a0508)}
.c-invite h2{font-family:var(--serif);font-weight:500;font-size:clamp(2.4rem,6vw,5rem);line-height:1.04;margin-bottom:1.6rem}
.c-invite h2 em{font-style:italic;color:var(--gold)}
.c-invite p{color:rgba(248,242,232,.78);max-width:46ch;margin:0 auto 2.2rem}

/* footer */
.c-ft{background:#0d0708;border-top:1px solid rgba(255,255,255,.08);padding:60px 0 26px;color:rgba(248,242,232,.7)}
.c-ft__in{max-width:var(--wrap);margin:0 auto;padding:0 32px;display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;align-items:flex-start}
.c-ft .brand{color:var(--cream);margin-bottom:.8rem}
.c-ft__links{display:flex;gap:40px;flex-wrap:wrap}
.c-ft__links a{display:block;font-size:.9rem;padding:4px 0;opacity:.72}
.c-ft__links a:hover{opacity:1;color:var(--gold)}
.c-ft__base{max-width:var(--wrap);margin:36px auto 0;padding:20px 32px 0;border-top:1px solid rgba(255,255,255,.07);
  font-size:.72rem;letter-spacing:.06em;opacity:.5;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}

.vswitch{position:fixed;right:18px;bottom:18px;z-index:80;background:var(--cream);color:var(--ink);border:0;
  border-radius:40px;padding:.7em 1.2em;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;display:flex;gap:.5em;align-items:center;box-shadow:0 18px 40px -20px rgba(0,0,0,.7);transition:.3s}
.vswitch:hover{background:var(--gold)}

/* responsivo */
@media(max-width:860px){
  .c-nav__menu,.c-nav__cta{display:none}
  .c-burger{display:flex}
  .c-nav__menu.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;
    background:rgba(13,7,8,.97);padding:22px 32px;gap:16px;margin:0}
  .cgrid{grid-template-columns:1fr 1fr}
  .cgrid .gitem:nth-child(1),.cgrid .gitem:nth-child(6){grid-row:span 1}
  .c-split{grid-template-columns:1fr;gap:36px}
  .c-split__img{height:420px}
  .c-tiers{grid-template-columns:1fr;max-width:440px}
}
@media(max-width:520px){
  .cgrid{grid-template-columns:1fr}
  .c-sec{padding:80px 0}
}
