/* HERO / ACCUEIL */
#home.hero{
  min-height: calc(100vh - 60px);
  display:grid; place-items:center;
  position:relative; z-index:10;
  padding: 90px 20px 40px 20px;
}
@supports (height: 100dvh){
  #home.hero{ min-height: calc(100dvh - 60px); }
}

#home .hero-inner{ max-width:1100px; width:100%; text-align:center; }
#home .hero-title{ font-size:clamp(2.2rem,6vw,4rem); letter-spacing:-.04em; line-height:1.08; }
#home .hero-alias{ font-weight:700; opacity:.9; }
#home .hero-subtitle{ margin-top:10px; font-size:clamp(1rem,2.6vw,1.2rem); opacity:.9; }

#home .hero-tags{
  margin-top:18px; display:flex; gap:10px; flex-wrap:wrap; justify-content:center;
}
#home .tag{
  font-size:.8rem; padding:6px 10px;
  border:1px solid rgba(248,245,242,.1);
  letter-spacing:.04em; text-transform:uppercase; opacity:.9;
}

#home .hero-cta{ margin-top:22px; display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }

/* Boutons (effet navbar) – sans border-radius */
#home .btn{
  position:relative; display:inline-block; text-decoration:none; text-transform:uppercase;
  font-weight:bold; text-align:center; color:var(--warm-off-white);
  padding:12px 20px; overflow:hidden; transition:color .3s ease; z-index:1; border:none;
}
#home .btn::before{
  content:""; position:absolute; bottom:0; left:0; width:100%; height:0;
  background-color:var(--warm-off-white); z-index:-1; transition:height .25s cubic-bezier(.445,.05,.55,.95);
}
#home .btn:hover{ color:var(--warm-off-black); }
#home .btn:hover::before{ height:100%; }
#home .btn:not(:hover)::before{ transition-duration:.8s; }

/* Touch-friendly */
@media (max-width:520px){
  #home .btn{ padding:12px 16px; }
  #home .hero-cta{ gap:10px; }
}