/* ============================================================
   PAGE DE GARDE — BRUN NUIT SIGNATURE + OR LUMIÈRE
   Chargé après main.css et rose-accueil.css : ne touche QUE le héro
   (et la nav tant qu'elle est transparente au-dessus de lui).

   Parti pris : aucun décor, aucune lueur. Fond nuit plein.
   Tout repose sur la typographie, l'espace et un unique filet d'or.
   ============================================================ */

/* ---------- fond nuit plein, sans dégradé ni lueur ---------- */
.hero{
  background:var(--deep);
  color:var(--gold-light);
  padding-top:clamp(8rem,16vh,11rem);
  padding-bottom:clamp(5rem,10vh,7rem);
}
.hero::before,
.hero::after{content:none!important;}

/* ---------- ni logo, ni halo ---------- */
.hero-emblem{display:none!important;}
.hero-inner::before{display:none!important;}
.hero-inner{position:relative;z-index:2;max-width:660px;}

/* ---------- la poussière d'étoiles se fait murmure ---------- */
.hero .hero-stars span{opacity:.34!important;}

/* ---------- typographie : c'est elle qui porte le luxe ---------- */
.hero-brand{
  color:var(--gold-light);
  font-size:clamp(2.6rem,6.6vw,4.6rem);
  letter-spacing:.2em;
  padding-left:.2em;           /* compense le tracking, recentre optiquement */
  line-height:1.16;
}
/* lockup verrouillé sur DEUX lignes à toutes les largeurs :
   sans cette contrainte le titre bascule de 2 à 1 ligne selon l'écran. */
.hero-brand .ht-wipe,
.hero-brand{max-width:7.6em;margin-inline:auto;}
.hero-brand .ht-wipe{display:inline-block;text-align:center;}
/* l'effet « rideau de lune » retrouve son or lumière */
.fx-rideau .ht-wipe{
  background:linear-gradient(100deg,var(--gold-light) 0%,#FFF6DD 42%,var(--gold) 60%,var(--gold-light) 100%);
  background-size:220% 100%;-webkit-background-clip:text;background-clip:text;
}
.hero-sanctuary{
  color:var(--gold);
  font-size:clamp(.82rem,1.7vw,1.05rem);
  letter-spacing:.74em;
  margin:1.1rem 0 0;
  padding-left:.74em;
}
.hero-manifesto{
  color:rgba(250,246,238,.86);
  font-size:clamp(1.08rem,2.1vw,1.34rem);
  line-height:1.95;
  max-width:520px;
  margin:2.9rem auto 0;
}
.hero-place{
  color:var(--gold);
  font-size:.62rem;letter-spacing:.38em;
  margin:2.2rem 0 0;
}

/* ---------- un seul ornement : le filet d'or ---------- */
.hero-cta{position:relative;padding-top:3.1rem;margin-top:.4rem;}
.hero-cta::before{
  content:"";position:absolute;top:1.4rem;left:50%;transform:translateX(-50%);
  width:140px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(201,164,92,.5),transparent);
}
/* CTA posés, sans halo coloré */
.hero .btn-terra{box-shadow:0 12px 28px rgba(0,0,0,.45);}
.hero .btn-terra:hover{box-shadow:0 16px 34px rgba(0,0,0,.55);}
.hero .btn-ghost{color:var(--gold-light);border-color:rgba(201,164,92,.5);}
.hero .btn-ghost:hover{border-color:var(--gold);color:#fff;background:rgba(201,164,92,.09);}
.scroll-hint{color:rgba(201,164,92,.45);}

/* ---------- nav transparente : lisible sur nuit ---------- */
.nav:not(.scrolled):not(.solid) .nav-brand{color:var(--gold-light);}
.nav:not(.scrolled):not(.solid) .nav-brand small{color:var(--gold);}
.nav:not(.scrolled):not(.solid) .nav-links a{color:rgba(232,213,163,.85);}
.nav:not(.scrolled):not(.solid) .nav-links a:hover,
.nav:not(.scrolled):not(.solid) .nav-links a.active{color:#fff;}
.nav:not(.scrolled):not(.solid) .nav-links a.nav-cta{color:#F6DCD6;border-color:rgba(196,117,107,.75);}
.nav:not(.scrolled):not(.solid) .lang-switch{border-color:rgba(201,164,92,.5);}
.nav:not(.scrolled):not(.solid) .lang-switch button{color:rgba(232,213,163,.7);}
.nav:not(.scrolled):not(.solid) .burger span{background:var(--gold-light);}
.nav:not(.scrolled):not(.solid) .nav-logo{filter:drop-shadow(0 0 8px rgba(201,164,92,.4));}

@media(max-width:640px){
  .hero-brand{letter-spacing:.14em;padding-left:.14em;}
  .hero-sanctuary{letter-spacing:.5em;padding-left:.5em;}
  .hero-manifesto{margin-top:2.2rem;}
}