/* ====== HERO ====== */
header{
  min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;
  text-align:center;padding:120px 5% 80px;overflow:hidden;
}
.hero-bg{position:absolute;inset:0}
.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center 42%;transform:scale(1.04);animation:heroZoom 22s ease-in-out infinite alternate}
@keyframes heroZoom{from{transform:scale(1.04)}to{transform:scale(1.12)}}
.hero-bg::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(7,7,9,.78) 0%,rgba(7,7,9,.55) 42%,rgba(7,7,9,.82) 80%,var(--noir) 100%),
             radial-gradient(ellipse 80% 60% at 50% 25%,rgba(212,164,55,.12),transparent 65%);
}
.hero-inner h1,.hero-sur,.hero-sub{text-shadow:0 2px 24px rgba(0,0,0,.65)}
#particles{position:fixed;inset:0;width:100vw;height:100vh;z-index:-1;pointer-events:none}
.hero-inner{position:relative;z-index:2;max-width:900px}
.hero-logo svg{width:min(290px,62vw);height:auto;filter:drop-shadow(0 0 40px rgba(212,164,55,.28));animation:flotte 6s ease-in-out infinite}
@keyframes flotte{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.hero-sur{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(1.05rem,2.2vw,1.35rem);color:var(--or-clair);letter-spacing:.06em;margin-top:16px}
h1{font-size:clamp(1.9rem,5vw,3.6rem);font-weight:800;letter-spacing:.02em;margin:14px 0 20px;text-transform:uppercase}
.hero-sub{max-width:640px;margin:0 auto 38px;font-weight:400;font-size:clamp(.98rem,1.6vw,1.1rem);color:var(--argent-2)}
.hero-btns{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
.btn{
  display:inline-block;padding:15px 38px;border-radius:50px;font-weight:700;
  font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;transition:all .35s;cursor:pointer;border:none;
}
.btn-or{background:var(--grad-or);color:#1a1305;box-shadow:var(--ombre-or)}
.btn-or:hover{transform:translateY(-3px);box-shadow:0 16px 50px rgba(212,164,55,.35)}
.btn-ghost{border:1px solid rgba(233,233,238,.35);color:var(--argent)}
.btn-ghost:hover{border-color:var(--or);color:var(--or-clair);transform:translateY(-3px)}
.equalizer{display:flex;gap:5px;justify-content:center;align-items:flex-end;height:40px;margin-top:60px}
.equalizer i{width:4px;border-radius:3px;background:var(--grad-or);animation:eq 1s ease-in-out infinite;opacity:.85}
@keyframes eq{0%,100%{height:8px}50%{height:38px}}
.scroll-hint{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);font-size:.65rem;letter-spacing:.4em;text-transform:uppercase;color:var(--argent-2);animation:pulse 2.4s infinite}
@keyframes pulse{0%,100%{opacity:.35}50%{opacity:1}}