/* ============================================================
   LE GOÛT DES MOTS — styles page
   ============================================================ */

/* ── Intro ─────────────────────────────────────────────────── */
.gdm-intro {
  text-align: center;
  padding-top:    48px;
  padding-bottom: 40px;
}

.gdm-titre {
  font-family:    var(--font-display);
  font-size:      80px;
  font-weight:    var(--weight-black);
  letter-spacing: var(--tracking-wider);
  color:          var(--color-texte);
  line-height:    var(--leading-tight);
  margin:         0;
}

/* ── Sections thématiques ───────────────────────────────────── */
.gdm-section {
  padding-top: var(--space-4);
  padding-bottom: var(--space-20);

}

.gdm-section .cave-grille {
  background: var(--color-white);
  border-radius: 24px;
  padding: 32px;
}

.gdm-section__titre {
  font-family:    var(--font-display);
  font-size:      40px;
  font-weight:    var(--weight-black);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color:          var(--color-blue);
  margin:         50px 0 20px 24px;
  line-height:    1.1;
}



/* ── Mobile ─────────────────────────────────────────────────── */
@media (max-width: 767px) {
  .gdm-titre {
    font-size: 48px;
  }

  .gdm-intro {
    padding-top:    32px;
    padding-bottom: 24px;
  }

  .gdm-section__titre {
    font-size: 28px;
  }

  .gdm-grille {
    grid-template-columns: repeat(2, 1fr);
    padding: 16px;
    gap:     12px;
  }

  .gdm-section {
    width: calc(100% - 24px);
    padding-bottom: var(--space-10);
  
  }


.gdm-section .cave-grille {
  padding: 10px;
}

.gdm-section__titre {
  margin: 50px 0 20px 24px;
}


}