/* ===== Header / Navbar ===== */
header{
  position:sticky;top:0;width:100%;
  background:rgba(8,11,13,.45);
  backdrop-filter:blur(8px) saturate(1.05);
  border-bottom:1px solid rgba(8,11,13,.18);
  z-index:50;
}
.navbar{width:100%;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}
.logo img{height:110px;width:auto;filter:brightness(1.08) contrast(1.03);transition:transform .3s ease}
.logo img:hover{transform:scale(1.08)}
.navbar nav{margin-left:auto;display:flex;justify-content:flex-end}
.nav-links{list-style:none;display:flex;align-items:center;gap:1.5rem;margin:0;padding:0}
.nav-links a{font-size:1.05rem;font-weight:700;color:var(--brand-2);padding:.5rem .8rem;border-radius:10px;transition:background var(--transition),transform var(--transition)}
.nav-links a:hover{background:rgba(252,238,205,.14);transform:translateY(-1px)}

/* ===== Hero vidéo (titre centré) ===== */
.hero-video{position:relative;min-height:90vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;color:#fff}
.hero-video .video-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.hero-video .overlay{
  position:absolute;inset:0;z-index:-1;
  background:
    radial-gradient(90% 70% at 50% -10%, rgba(56,52,37,.55), transparent 60%),
    linear-gradient(180deg, rgba(56,52,37,.55), rgba(56,52,37,.35));
}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(16px,5vw,48px)}
.hero-center h1{font-size:clamp(2rem,4vw,3rem);margin:0;color:var(--brand-2);text-shadow:0 8px 32px rgba(8,11,13,.55)}

/* ===== Footer ===== */
footer{
  background:var(--espresso);color:var(--brand-2);text-align:center;padding:2rem;
  border-top:1px solid rgba(252,238,205,.12);
}

/* Nav responsive */
@media (max-width:768px){
  .navbar{flex-direction:column;align-items:center;gap:1rem}
  .logo img{height:90px}
  .nav-links{flex-wrap:wrap;justify-content:center;gap:1rem}
}

/* Bouton Anacaona */
.btn-ana {
  background-color: #3b3626; /* ton brun foncé extrait de l'image */
  color: #fceecd;           /* ton beige clair (var(--brand-2) si défini) */
  padding: 10px 20px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  transition: background 0.3s ease, transform 0.2s ease;
}

.btn-ana:hover {
  background-color: #2e2a1d; /* un brun un peu plus foncé au hover */
  transform: translateY(-2px);
}

#topBtn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
  background: #3b3626;     /* brun foncé Anacaona */
  color: #fceecd;          /* beige clair */
  border: none;
  border-radius: 10px;
  padding: 10px 15px;
  cursor: pointer;
  font-size: 18px;
}
#topBtn:hover {
  background: #2e2a1d;
}