/* OFF ZE WALL — V6 : respiration du hero, flèches centrées, six expériences. */
/* Le premier libellé du hero doit respirer sous le header sticky. */
.hero-content-wrap{padding-top:clamp(26px,3.1vw,48px)}
/* L’interligne inférieur à 1 sectionnait les accents des titres. */
.hero h1{line-height:1.055;letter-spacing:-.047em}
.hero-eyebrow{margin-bottom:32px}
/* Chevron vectoriel aligné sur le centre exact de son bouton rond. */
.hero-arrow{
  display:inline-grid;place-items:center;align-content:center;justify-content:center;
  padding:0;line-height:1;vertical-align:middle;flex:none;
}
.hero-arrow svg{display:block;position:static;flex:none;width:18px;height:18px;overflow:visible;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
/* Les six expériences : grille équilibrée, toujours avec le balayage lumineux. */
.experiences-grid .experience-card.card-wide,
.experiences-grid .experience-card.card-tall{height:460px;min-height:460px}
.experiences-grid .experience-card h3,
.experiences-grid .experience-card.card-tall h3{font-size:clamp(2.1rem,2.75vw,3rem);line-height:1.045}
.experiences-grid .experience-card-body,
.experiences-grid .card-tall .experience-card-body{padding:26px 27px 29px}
.experiences-grid .experience-branding h3{font-size:clamp(1.76rem,2.32vw,2.48rem);overflow-wrap:normal}
@media(max-width:1199px){
  .hero-content-wrap{padding-top:36px}
  .hero h1{line-height:1.065}
  .experiences-grid .experience-card.card-wide,
  .experiences-grid .experience-card.card-tall{height:450px;min-height:450px}
  .experiences-grid .experience-branding h3{font-size:clamp(1.9rem,3.15vw,2.6rem)}
}
@media(max-width:767px){
  .hero-content-wrap{padding-top:38px}
  .hero h1{line-height:1.075}
  .experiences-grid .experience-card.card-wide,
  .experiences-grid .experience-card.card-tall{height:410px;min-height:410px}
}
@media(max-width:575px){
  .hero-content-wrap{padding-top:66px;padding-bottom:75px}
  .hero h1{line-height:1.085}
  .hero-eyebrow{margin-bottom:23px}
  .experiences-grid .experience-card.card-wide,
  .experiences-grid .experience-card.card-tall{height:390px;min-height:390px}
  .experiences-grid .experience-branding h3{font-size:clamp(1.77rem,7.45vw,2.35rem)}
}
