/* Goedgekeurde titelplaatsing: 6,5% links, 27% boven, 42px bij 1024px beeldbreedte. */
main > .home-hero {
  padding: 24px 0 36px;
  background: #f7fbfd;
}
.home-hero-banner {
  position: relative;
  isolation: isolate;
  container-type: inline-size;
  display: grid;
  width: min(1120px, calc(100% - 40px));
  margin-inline: auto;
  overflow: hidden;
  border-radius: 26px;
  background: #dbeaf3;
}
.home-hero-art,
.home-hero-copy { grid-area: 1 / 1; }
.home-hero-art {
  display: block;
  align-self: center;
  justify-self: end;
  width: 100%;
  height: auto;
  aspect-ratio: 1672 / 941;
  object-fit: contain;
  border: 0;
  border-radius: 26px;
  box-shadow: none;
  pointer-events: none;
}
.home-hero-copy {
  position: absolute;
  z-index: 2;
  width: max-content;
  max-width: none;
  margin: 0;
  padding: 0;
}
.home-hero h1 {
  margin: 0;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4.1015625cqw;
  font-weight: 400;
  line-height: 1.04;
  letter-spacing: 0;
  text-shadow: none;
}
.home-hero h1 span { white-space: nowrap; }
/* Goedgekeurd wit-ivoorverloop met subtiele, meegeschaalde diepte. */
@supports ((background-clip: text) or (-webkit-background-clip: text)) {
  .home-hero h1 {
    background-image: linear-gradient(145deg, #ffffff 8%, #edf3f2 48%, #e3decd 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    filter: drop-shadow(0 .025em 0 #9aaeb9) drop-shadow(0 .035em 0 #3c5666) drop-shadow(.025em .12em .12em rgba(0,0,0,.6));
  }
}
@media (forced-colors: active) {
  .home-hero h1 { background: Canvas; background-clip: border-box; color: CanvasText; filter: none; }
}
.home-hero-banner[data-hero-variant="verbindingen"] .home-hero-copy {
  left: 6.5%;
  top: 27%;
}
.home-hero-intro {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 46px;
  margin-top: 28px;
  color: #334f60;
  font-size: 1rem;
  line-height: 1.7;
}
.home-hero-intro p { margin: 0; }
@media (max-width: 760px) {
  main > .home-hero { padding: 16px 0 28px; }
  .home-hero-banner { border-radius: 8px; }
  .home-hero-copy { width: max-content; max-width: none; }
  .home-hero-intro { grid-template-columns: 1fr; gap: 14px; margin-top: 22px; }
  .home-hero-art { border-radius: 8px; }
}
@media (max-width: 560px) {
  .home-hero-banner { width: min(1120px, calc(100% - 28px)); }
}
@media print {
  main > .home-hero { padding: 0; background: none; }
  .home-hero-banner { display: block; width: 100%; border: 0; border-radius: 0; background: none; box-shadow: none; }
  .home-hero-art { display: none; }
  .home-hero-copy { position: static; width: 100%; max-width: none; margin: 0; padding: 0; }
  .home-hero h1 { color: #17324d; text-shadow: none; background: none; background-clip: border-box; filter: none; }
  .home-hero-intro { grid-template-columns: 1fr; }
}