/* Pakketreis V3.8: Single source of truth for inner-page hero geometry.
   All 7 page templates use pr37-hero-stack. No min-screen heights, no piled
   Tailwind mb-* utilities, no follow-section negative overlap. */
:root {
  --pr-hero-label-title:16px;
  --pr-hero-title-copy:32px;
  --pr-hero-copy-action:58px;
  --pr-hero-follow-title:68px;
}
body.pr-v3 #main-content > section.pr37-inner-hero {
  min-height:0 !important;
  height:auto !important;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  padding-block:clamp(133px,11vw,166px) clamp(82px,7.8vw,122px) !important;
  overflow:hidden;
}
/* No fake fractions: columns + gap must fit exactly into the container. */
@media (min-width:1024px) {
  body.pr-v3 #main-content > .pr37-inner-hero .pr37-hero-layout {
    display:grid !important;
    grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
    column-gap:clamp(36px,4vw,66px) !important;
    align-items:center;
  }
  body.pr-v3 #main-content > .pr37-inner-hero .pr37-hero-layout > * {
    width:100% !important;
    min-width:0 !important;
    max-width:100%;
  }
  body.pr-v3 #main-content > .pr37-inner-hero:has(.pr37-hero-layout .lg\:w-\[65\%\]) .pr37-hero-layout {
    grid-template-columns:minmax(0,1.32fr) minmax(0,.68fr);
  }
  body.pr-v3 #main-content > .pr37-inner-hero:has(.pr37-hero-layout .lg\:w-1\/2) .pr37-hero-layout {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
body.pr-v3 #main-content > .pr37-inner-hero .pr37-hero-stack {
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start;
  justify-content:flex-start;
  gap:0 !important;
  min-width:0;
  min-height:0;
}
body.pr-v3 #main-content > .pr37-inner-hero .pr37-hero-center {
  align-items:center;
  text-align:center;
  margin-inline:auto;
}
/* Every visible vertical interval is owned by THIS file. */
body.pr-v3 #main-content > .pr37-inner-hero .pr37-hero-stack > .pr35-hero-tag {
  margin:0 !important;
  align-self:flex-start;
  flex-shrink:0;
}
body.pr-v3 #main-content > .pr37-inner-hero .pr37-hero-center > .pr35-hero-tag {align-self:center;}
body.pr-v3 #main-content > .pr37-inner-hero .pr37-hero-stack > .pr35-hero-title {
  margin:var(--pr-hero-label-title) 0 0 !important;
  flex-shrink:0;
  max-width:100%;
  overflow-wrap:normal;
}
body.pr-v3 #main-content > .pr37-inner-hero .pr37-hero-stack > .pr35-hero-description {
  margin:var(--pr-hero-title-copy) 0 0 !important;
  line-height:1.60;
  max-width:min(100%,690px);
  flex-shrink:0;
}
body.pr-v3 #main-content > .pr37-inner-hero .pr37-hero-stack > .pr35-hero-description + * {
  margin-top:var(--pr-hero-copy-action) !important;
}
/* About page has facts instead of an intro. */
body.pr-v3 #main-content > .pr37-inner-hero .pr37-hero-stack > .pr35-hero-title + :not(.pr35-hero-description) {
  margin-top:var(--pr-hero-follow-title) !important;
}
body.pr-v3 #main-content > .pr37-inner-hero .pr37-hero-stack > .pr37-hero-support {
  margin-top:clamp(48px,4vw,58px) !important;
  margin-bottom:0 !important;
}
body.pr-v3 #main-content > .pr37-inner-hero .pr37-hero-stack > .pr37-hero-support + * {
  margin-top:26px !important;
}
/* Hero links must not inherit auto margins or shift at breakpoints. */
body.pr-v3 #main-content > .pr37-inner-hero .pr37-hero-stack > .btn-primary {
  align-self:flex-start;
  flex-shrink:0;
  margin-bottom:0 !important;
}
/* Restore the regular document flow between hero and section 2.
   Rounded white section is preserved, but no longer conceals the hero. */
body.pr-v3 #main-content > .pr37-next-section {
  margin-top:0 !important;
}
/* Envelope stays horizontal during hover, focus AND magnetic motion. */
body.pr-v3 #main-content .pr35-email-card:is(:hover,:focus-visible) .pr35-email-svg,
body.pr-v3 #main-content .pr35-email-card:is(:hover,:focus-visible) .pr35-email-icon {
  transform:none !important;
  rotate:0deg !important;
}
body.pr-v3 #main-content .pr35-email-svg {
  transform:none !important;
  transition:color .28s ease !important;
}
@media (max-width:1023px) {
  body.pr-v3 #main-content > .pr37-inner-hero .pr37-hero-layout {gap:clamp(30px,4vw,46px) !important;}
  body.pr-v3 #main-content > .pr37-inner-hero .pr37-hero-layout > * {width:100% !important;min-width:0;}
}
@media (max-width:767px) {
  :root {--pr-hero-label-title:14px;--pr-hero-title-copy:26px;--pr-hero-copy-action:44px;--pr-hero-follow-title:48px;}
  body.pr-v3 #main-content > section.pr37-inner-hero {
    padding-block:clamp(115px,18vw,134px) clamp(74px,13vw,90px) !important;
  }
  body.pr-v3 #main-content > .pr37-inner-hero .pr37-hero-stack > .btn-primary {max-width:100%;}
  body.pr-v3 #main-content > .pr37-inner-hero .pr37-hero-stack > .pr37-hero-support {margin-top:40px !important;}
  body.pr-v3 #main-content > .pr37-inner-hero .pr37-hero-stack > .pr37-hero-support + * {margin-top:20px !important;}
}

/* V3.8: action groups need breathing room within the group too. */
body.pr-v3 #main-content > .pr37-inner-hero .pr37-hero-stack > .pr38-contact-methods {
  gap:20px !important;
}
/* Stats need legible vertical grouping, but only inside the about hero. */
body.pr-v3 #main-content > .pr37-inner-hero .pr38-hero-facts > div {
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap:11px;
}
body.pr-v3 #main-content > .pr37-inner-hero .pr38-hero-facts > div > p {
  margin:0 !important;
  line-height:1.3;
}
body.pr-v3 #main-content > .pr37-inner-hero .pr38-hero-facts > div > p:first-child {line-height:1.12; margin-bottom:4px !important;}
body.pr-v3 #main-content > .pr37-inner-hero .pr38-hero-facts > div > p:last-child {margin-top:0 !important;}

@media (prefers-reduced-motion:reduce) {
  body.pr-v3 #main-content .pr35-email-svg {transition:none !important;}
}

/* V3.8.1: de vijf doelgroep-pills in de Voor wie?-hero houden
   altijd witte tekst, ook tijdens hover, focus en visited states.
   De bestaande achtergrond- en border-hover blijven ongewijzigd. */
body.pr-v3 #main-content > .pr37-inner-hero .pr-who-hero-pill:is(:link, :visited, :hover, :focus-visible, :active) {
  color: #fff !important;
}