/* ============================================================
   Classes de section de base — .votre-toit*
   Partagées par la section « Mesurons votre toiture » (#ck-toit-3d).
   (Les anciens styles .vt-* de la recherche + carte aérienne ont été
    retirés : le bloc a été remplacé par le diagnostic toiture en ligne,
    cf. assets/css/ck-diagnostic.css.)
   Palette & tokens hérités de style.css (:root)
   ============================================================ */

/* ---- Section wrapper ---------------------------------------- */
.votre-toit {
  background: var(--bg);
  padding: clamp(72px, 10vw, 120px) var(--pad);
  position: relative;
  overflow: visible;
}

.votre-toit__inner {
  max-width: var(--maxw);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

/* ---- Header ------------------------------------------------- */
.votre-toit__head {
  max-width: 62ch;
}

.votre-toit__title {
  font-family: var(--serif);
  font-size: clamp(32px, 4.5vw, 60px);
  color: var(--fg);
  margin: 0 0 20px;
  line-height: 1.06;
}

.votre-toit__title em {
  color: var(--accent-bright);
  font-style: italic;
}

.votre-toit__intro {
  font-size: clamp(15px, 1.25vw, 18px);
  color: var(--fg-soft);
  line-height: 1.72;
  margin: 0;
  max-width: 56ch;
}

/* ---- Responsive --------------------------------------------- */
@media (max-width: 768px) {
  .votre-toit {
    padding: clamp(48px, 8vw, 80px) var(--pad);
  }
}