/* ============================================================================
   ALPHA+ — LIGHT / LUXURY · HOMEPAGE
   ----------------------------------------------------------------------------
   Inherits every token from light.css and skins index.html's own markup, which
   is a different vocabulary from the shop (.product-card / .section-title /
   .about-pillar rather than .shop-product-card / .section-divider).

   ONE deliberate exception to the light field: the hero stays DARK. The hero
   photograph is gold caps on black, and it earns the contrast — you arrive in
   the dark, then the site opens into light. Used once, that reads as staging.
   Used throughout, it was the busyness we removed.
   ========================================================================== */

html{background:var(--paper)}
body{background:var(--paper)!important;color:var(--ink-2)!important}

/* ---------- nav ---------- */
nav{background:color-mix(in srgb,var(--paper) 88%,transparent)!important;
  backdrop-filter:blur(16px) saturate(1.1);
  border-bottom:1px solid var(--hair)!important}
nav a,.nav-brand{color:var(--ink)!important}
nav a:hover{color:var(--gold)!important}
.nav-brand .plus{color:var(--cap-dp)!important}
.nav-links a{font-family:'DM Mono',monospace!important;font-size:.63rem!important;
  letter-spacing:.24em!important;text-transform:uppercase!important;color:var(--ink-2)!important}
.nav-cta{background:var(--ink)!important;color:var(--paper)!important;border:1px solid var(--ink)!important;
  border-radius:1px!important;font-family:'DM Mono',monospace!important;font-size:.62rem!important;
  letter-spacing:.2em!important;text-transform:uppercase!important;padding:11px 20px!important;
  transition:all .3s var(--e)!important}
.nav-cta:hover{background:var(--gold)!important;border-color:var(--gold)!important;color:#fff!important}

/* ---------- hero: the one dark room ---------- */
#hero{background:#0B0A09!important;position:relative}
.hero-scrim{background:linear-gradient(180deg,rgba(11,10,9,.42) 0%,rgba(11,10,9,.12) 42%,
  rgba(11,10,9,.72) 82%,#0B0A09 100%)!important}
.hero-name,.hero-title{color:#F3EFEA!important;font-family:'Playfair Display',Georgia,serif!important;
  font-weight:400!important;letter-spacing:-.03em!important}
.hero-name .plus{color:var(--cap)!important}
.hero-tag{font-family:'DM Mono',monospace!important;font-size:.62rem!important;
  letter-spacing:.42em!important;text-transform:uppercase!important;color:var(--cap)!important}
.hero-subtitle{color:#B5B0A7!important}
.btn-primary{background:var(--cap)!important;color:#17150F!important;border:1px solid var(--cap)!important;
  border-radius:1px!important;font-family:'DM Mono',monospace!important;font-size:.65rem!important;
  letter-spacing:.2em!important;text-transform:uppercase!important;transition:all .32s var(--e)!important}
.btn-primary:hover{background:var(--cap-lt)!important;border-color:var(--cap-lt)!important}
.btn-secondary{background:transparent!important;color:#EDE9E4!important;
  border:1px solid rgba(255,255,255,.28)!important;border-radius:1px!important;
  font-family:'DM Mono',monospace!important;font-size:.65rem!important;
  letter-spacing:.2em!important;text-transform:uppercase!important;transition:all .32s var(--e)!important}
.btn-secondary:hover{background:#EDE9E4!important;color:#17150F!important;border-color:#EDE9E4!important}

/* ---------- sections ---------- */
section{background:transparent!important}
#about,#products,#accessories,#guide,#faq,#how-it-works,#email-capture{background:transparent!important}
.section-eyebrow{font-family:'DM Mono',monospace!important;font-size:.58rem!important;
  letter-spacing:.28em!important;text-transform:uppercase!important;color:var(--gold)!important}
.section-title{font-family:'Playfair Display',Georgia,serif!important;font-weight:400!important;
  font-size:clamp(2rem,4.4vw,3.4rem)!important;line-height:1.06!important;
  letter-spacing:-.025em!important;text-transform:none!important;color:var(--ink)!important}
.section-rule{background:var(--hair-2)!important;height:1px!important;width:56px!important}
.section-body{color:var(--ink-2)!important;font-size:.98rem!important;line-height:1.72!important}

/* stats + pillars: hairlines, no boxes */
.about-stats{border-top:1px solid var(--hair)!important;border-left:1px solid var(--hair)!important}
.stat-block{border-right:1px solid var(--hair)!important;border-bottom:1px solid var(--hair)!important;
  background:transparent!important}
.stat-num{font-family:'Playfair Display',Georgia,serif!important;font-weight:400!important;
  color:var(--ink)!important;letter-spacing:-.02em!important}
.stat-label{font-family:'DM Mono',monospace!important;font-size:.56rem!important;
  letter-spacing:.22em!important;text-transform:uppercase!important;color:var(--ink-3)!important}
.about-pillar{background:transparent!important;border:none!important;
  border-top:1px solid var(--hair)!important;border-radius:0!important}
.about-pillar-title{font-family:'Playfair Display',serif!important;font-weight:400!important;
  color:var(--ink)!important;text-transform:none!important;letter-spacing:-.015em!important}
.about-pillar-text{color:var(--ink-3)!important}

/* ---------- product cards: the page is the photograph ---------- */
.products-grid{gap:clamp(34px,4vw,60px)!important;background:transparent!important}
.product-card{background:transparent!important;border:none!important;border-radius:0!important;
  box-shadow:none!important;transition:none!important}
.product-card img{background:transparent!important;border-radius:0!important}
.product-card-tier{font-family:'DM Mono',monospace!important;font-size:.55rem!important;
  letter-spacing:.28em!important;text-transform:uppercase!important;color:var(--gold)!important}
.product-card-name{font-family:'Playfair Display',Georgia,serif!important;font-weight:400!important;
  font-size:1.5rem!important;line-height:1.14!important;letter-spacing:-.02em!important;
  text-transform:none!important;color:var(--ink)!important}
.product-card-spec{font-family:'DM Mono',monospace!important;font-size:.56rem!important;
  letter-spacing:.2em!important;text-transform:uppercase!important;color:var(--ink-3)!important}
.product-card-desc{color:var(--ink-3)!important;font-size:.86rem!important;line-height:1.66!important}
.product-card-dose,.bac-note{font-family:'DM Mono',monospace!important;color:var(--ink-3)!important}
.product-detail{background:transparent!important;border-top:1px solid var(--hair)!important}
.product-detail-footer{border-top:1px solid var(--hair)!important}
.learn-more-btn,.detail-shop-link{font-family:'DM Mono',monospace!important;font-size:.6rem!important;
  letter-spacing:.2em!important;text-transform:uppercase!important;color:var(--ink)!important;
  border:1px solid var(--hair-2)!important;border-radius:1px!important;background:transparent!important;
  transition:all .3s var(--e)!important}
.learn-more-btn:hover,.detail-shop-link:hover{background:var(--ink)!important;color:var(--paper)!important;
  border-color:var(--ink)!important}
.colour-dot{border:1px solid var(--hair-2)!important}

/* ---------- faq ---------- */
.faq-item{border-bottom:1px solid var(--hair)!important;background:transparent!important}
.faq-trigger,.faq-q{color:var(--ink)!important;background:transparent!important;
  font-family:'DM Sans',sans-serif!important;font-weight:400!important}
.faq-trigger:hover,.faq-q:hover{color:var(--gold)!important}
.faq-icon{color:var(--cap-dp)!important}
.faq-a,.faq-body{color:var(--ink-3)!important}

/* ---------- email capture ---------- */
#email-capture{background:transparent!important;border-top:1px solid var(--hair)!important;
  border-bottom:1px solid var(--hair)!important}
.email-capture-title{font-family:'Playfair Display',serif!important;font-weight:400!important;
  color:var(--ink)!important;text-transform:none!important;letter-spacing:-.02em!important}
#email-capture input{background:transparent!important;border:none!important;
  border-bottom:1px solid var(--hair-2)!important;border-radius:0!important;color:var(--ink)!important}
#email-capture button{background:var(--ink)!important;color:var(--paper)!important;
  border-radius:1px!important;font-family:'DM Mono',monospace!important;
  letter-spacing:.2em!important;text-transform:uppercase!important}

/* ---------- age gate + footer ---------- */
#age-gate{background:rgba(20,18,16,.5)!important;backdrop-filter:blur(8px)}
#age-gate-main{background:var(--paper-lift)!important;color:var(--ink-2)!important;
  border:1px solid var(--hair-2)!important;border-radius:2px!important}
#age-gate-main h1,#age-gate-main h2{font-family:'Playfair Display',serif!important;
  color:var(--ink)!important;text-transform:none!important}
.age-gate-yes{background:var(--ink)!important;color:var(--paper)!important;border-radius:1px!important}
.age-gate-yes:hover{background:var(--gold)!important}
footer{background:var(--dark)!important;color:#B9B3A9!important;border:none!important}
footer a{color:#8E887E!important}
footer a:hover{color:var(--cap-lt)!important}