/* BD1 — Bedankt-hero (navy, compact; S1 conversiepagina).
   Bewust geen 100svh: korte bevestiging + route terug. min-height 62svh zodat
   de footer niet halverwege het scherm plakt. Header komt uit s1.css. */

/* BESLISSING B-260720 (HERO-SYSTEEM par. 9a): padding-top was
   clamp(140px, 18vh, 185px); nu het sitebrede kruimel-regime — kortere
   hero-padding plus .crumbs-marge die samen de oude ademruimte leveren. */
.bd-hero {
  padding-top: clamp(102px, 13vh, 128px);
  padding-bottom: clamp(3rem, 6.5vh, 4.5rem);
  min-height: 62svh;
}

.bd-hero .crumbs { margin-bottom: clamp(28px, 4.5vh, 44px); }

@media (max-width: 1024px) {
  /* Kruimel-regime onder de compacte header (HERO-SYSTEEM par. 9a). */
  .bd-hero { padding-top: calc(78px + clamp(1.25rem, 3vh, 1.75rem)); }
  .bd-hero .crumbs { margin-bottom: clamp(22px, 4vw, 32px); }
}

.bd-hero-copy { max-width: 720px; }

.bd-hero-title {
  margin-top: 18px;
  font-size: clamp(3rem, 5vw, 4.3rem);
}

.bd-hero-lead {
  margin-top: 20px;
  max-width: 44ch;
}

.bd-hero-acties { margin-top: 30px; }

@media (max-width: 560px) {
  .bd-hero-title { font-size: clamp(2rem, 8.6vw, 2.5rem); }
  .bd-hero-acties .btn { width: 100%; }
}