/* ---------- Accueil ---------- */
.hero-video { background: #000; }
.hero-video video {
  width: 100%;
  height: 665px;
  object-fit: cover;
  display: block;
}

.section--intro { padding: 129px 0 0; text-align: center; }
.intro__title {
  font-size: 30px;
  font-weight: 400;
  line-height: 39px;
  color: var(--text-strong);
  padding-bottom: 10px;
  margin-bottom: 40px;
}

.section--why { padding: 68px 0 20px; }
.section--essence { padding: 138px 0 0; }
.section--clients { padding: 111px 0 60px; }
.section--process { padding: 169px 0 58px; }
.section--offers { padding: 125px 0 87px; }
.section--faq { padding: 163px 0 191px; }
.section--why .heading { margin-bottom: 69px; }
.section--clients .heading { margin-bottom: 57px; }
.section--process .heading { margin-bottom: 48px; }
.section--offers .heading { margin-bottom: 68px; }
.section--faq .heading { margin-bottom: 48px; }

@media (max-width: 980px) {
  .hero-video video { height: 418px; }
  .section--intro { padding: 62px 0 0; }
  .intro__title { font-size: 25px; line-height: 32.5px; margin-bottom: 25px; }
  .section--why { padding: 32px 0 10px; }
  .section--essence { padding: 102px 0 0; }
  .section--clients { padding: 60px 0 40px; }
  .section--process { padding: 60px 0 40px; }
  .section--offers { padding: 70px 0 50px; }
  .section--faq { padding: 70px 0 70px; }
}

/* ---------- Contact ---------- */
.section--contact-cards { padding: 0 0 175px; }

/* ---------- Devenir coach ---------- */
.section--recrutement { padding: 102px 0 0; }
.section--recrutement + .contact-band { padding-top: 59px; }

/* ---------- L'agence ---------- */
.section--banner { padding: 0; }
.banner { width: 100%; }
.banner--md { width: 862px; max-width: calc(100% - 2 * var(--gutter)); margin-inline: auto; }
.banner img { width: 100%; height: auto; }
.section--essence-agence { padding: 45px 0 80px; }
.section--offers + .contact-band { padding-top: 126px; }

/* ---------- Création d'espaces sportifs ---------- */
.section--gallery { padding: 72px 0 60px; }

/* ---------- Sport et bien-être en entreprise ---------- */
.banner--lg { width: 1200px; max-width: calc(100% - 2 * var(--gutter)); margin-inline: auto; }
.section--banner-lg { padding: 0; }
.section--cours { padding: 37px 0 51px; }
.section--stats { padding: 100px 0 193px; }
.section--interventions { padding: 0 0 210px; }
.section--activities { padding: 0 0 178px; }
.section--app { padding: 75px 0; }
.section--wellbeing { padding: 160px 0 90px; }
.section--interventions .heading, .section--activities .heading, .section--app .heading { margin-bottom: 48px; }

/* ---------- Mentions légales ---------- */
.legal { background: #ffffff; color: #666666; padding: 96px 48px; }
.legal__inner { width: 1210px; max-width: 100%; margin-inline: auto; }
.legal__block { padding: 26.875px 0; }
.legal p { text-align: justify; padding-bottom: 14px; margin: 0; }
.legal strong { color: #666666; font-weight: 700; }
.legal a { color: #2ea3f2; text-decoration: underline; }
.legal ul { list-style: disc; padding-left: 20px; margin-bottom: 14px; }
.legal table { border-collapse: collapse; width: 100%; margin-bottom: 14px; }
.legal td, .legal th { border: 1px solid #dddddd; padding: 8px 10px; text-align: left; }
.legal__item { margin-bottom: 11px; }

@media (max-width: 980px) {
  .legal { padding: 32px 16px; }
  .legal__inner { width: 322px; max-width: 100%; }
  .legal__block { padding: 30px 0; }
  .legal__item { margin-bottom: 4px; }
}