/* Textes d'en-tête : centrés, dans un bloc resserré qui laisse la photo visible autour. */
.hero-inner{display:flex;justify-content:center;align-items:center;padding:0 0 30px}
.hero-copy{max-width:800px;margin:0 auto;text-align:center;padding:36px 20px;background:radial-gradient(ellipse at center,rgba(4,20,32,.62) 0,rgba(4,20,32,.38) 55%,rgba(4,20,32,0) 78%);text-shadow:0 2px 18px rgba(2,14,23,.55)}
.hero-kicker{justify-content:center}
.hero h1{font-size:clamp(32px,3.6vw,48px);line-height:1.04;margin:14px 0 16px}
.hero p{margin-left:auto;margin-right:auto}
.hero-actions{justify-content:center;margin-top:22px}
.hero-meta{margin-left:auto;margin-right:auto;text-align:center;margin-top:26px;max-width:640px}
.slider-dots{left:50%;right:auto;bottom:26px;transform:translateX(-50%)}
.subhero{align-items:center;text-align:center}
.subhero h1{font-size:clamp(32px,3.8vw,48px);line-height:1.04;margin-left:auto;margin-right:auto}
.subhero p{margin-left:auto;margin-right:auto}
.pagehero{align-items:center;text-align:center}
.pagehero h1{margin-left:auto;margin-right:auto}
.pagehero p{margin-left:auto;margin-right:auto}
.subhero .hero-actions{justify-content:center;margin-top:22px}
@media(max-width:800px){
  .hero-copy{padding:20px 6px;background:radial-gradient(ellipse at center,rgba(4,20,32,.66) 0,rgba(4,20,32,.4) 60%,rgba(4,20,32,0) 85%)}
  .hero h1{font-size:32px;margin:12px 0 14px}
  .hero p{font-size:13.5px;line-height:1.65}
  .hero-actions{gap:8px;margin-top:20px}
  .hero-actions .btn{min-height:44px}
  .hero-meta{grid-template-columns:1fr 1fr;margin-top:18px}
  .hero-meta div{padding:10px 4px}
  .hero-meta strong{font-size:13px}
  .subhero h1,.pagehero h1{font-size:32px}
}