/* === HERO PREMIUM (exact rendu maquette droite) === */
.hero--premium{
  position:relative; min-height:70vh; display:grid; place-items:center; overflow:hidden;
}
.hero--premium .bg{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
}
.hero--premium::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(92deg, rgba(11,31,23,.82) 0%, rgba(11,31,23,.66) 48%, rgba(11,31,23,.18) 85%, rgba(11,31,23,0) 100%);
}
.hero--premium .content{ position:relative; z-index:1; width:100%; }
.hero--premium .box{ max-width:min(720px,92%); color:#fff; padding:10px 0 10px 6px; }

.hero--premium .kicker{
  display:inline-block; background:rgba(243,241,235,.18); border:1px solid rgba(255,255,255,.35);
  backdrop-filter:blur(6px); padding:.38rem .66rem; border-radius:999px;
  font-size:.84rem; letter-spacing:.3px; margin-bottom:.6rem;
}
.hero--premium h1{
  margin:0 0 .5rem 0; font-weight:900; line-height:1.06;
  font-size:clamp(1.9rem,4.4vw,3.2rem);
}
.hero--premium .sub{
  margin:0 0 .9rem 0; opacity:.96; font-size:clamp(1rem,2.5vw,1.15rem);
}

/* CTAs empilés plein-largeur sur mobile, côte à côte en large */
.hero--premium .cta-row{ display:flex; gap:.66rem; flex-wrap:wrap; }
.btn--full{ width:100%; }            /* mobile = pleine largeur */
@media (min-width: 700px){
  .btn--full{ width:auto; }          /* tablette/desktop = auto */
}

/* Option : réduire un peu la hauteur sur petits écrans */
@media (max-width: 600px){
  .hero--premium{ min-height:56vh; }
}