:root{--navy:#062f56;--navy-deep:#031f3a;--ocean:#087fbd;--gold:#f7c53b;--gold-hover:#ffd45b;--ink:#17324a;--muted:#66798a;--sand:#f4efe6;--radius:22px;--shadow:0 18px 55px rgba(7,46,79,.14);--container:min(1320px,calc(100% - 48px));--header-height:92px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff}.container{width:var(--container);margin-inline:auto}.screen-reader-text,.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:20px;top:20px;z-index:9999;background:#fff;padding:12px 16px;border-radius:8px}.site-header{position:absolute;z-index:50;width:100%;top:0;color:#fff}.topbar{height:40px;background:rgba(3,31,58,.92);border-bottom:1px solid rgba(255,255,255,.08);transition:.25s ease}.topbar__inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px;font-size:.83rem;font-weight:650}.topbar__promise,.topbar__contact,.topbar__link,.topbar__social{display:flex;align-items:center}.topbar__promise{gap:9px;white-space:nowrap}.topbar__heart{font-size:1.25rem;color:var(--gold);line-height:1}.topbar__contact{gap:24px}.topbar__link{gap:8px;color:#fff;text-decoration:none;white-space:nowrap}.topbar__link:hover{color:var(--gold)}.topbar__social{gap:10px}.topbar__social a{display:grid;place-items:center;width:24px;height:24px;color:#fff;text-decoration:none;font-weight:900}.topbar__social a:hover{color:var(--gold)}.nav-shell{height:var(--header-height);background:linear-gradient(to bottom,rgba(3,31,58,.32),rgba(3,31,58,0));transition:background .28s ease,box-shadow .28s ease,transform .28s ease}.nav-shell__inner{height:100%;display:grid;grid-template-columns:250px 1fr auto;align-items:center;gap:34px}.brand{display:inline-flex;align-items:center;min-width:0}.brand .custom-logo-link{display:inline-flex}.brand img,.brand .custom-logo{display:block;width:auto;max-width:232px;max-height:78px;object-fit:contain;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;filter:drop-shadow(0 3px 10px rgba(0,0,0,.12))}.primary-nav{justify-self:end}.site-menu{display:flex;align-items:center;gap:31px;list-style:none;margin:0;padding:0}.site-menu li{margin:0}.site-menu a{position:relative;color:#fff;text-decoration:none;font-weight:750;font-size:.94rem;line-height:1.2;white-space:nowrap;text-shadow:0 1px 10px rgba(0,0,0,.25)}.site-menu a::after{content:"";position:absolute;left:0;right:100%;bottom:-10px;height:3px;border-radius:999px;background:var(--gold);transition:right .2s ease}.site-menu a:hover::after,.site-menu .current-menu-item>a::after{right:0}.nav-actions{display:flex;align-items:center;gap:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 24px;border-radius:14px;text-decoration:none;font-weight:850;transition:transform .2s ease,background .2s ease,box-shadow .2s ease;border:2px solid transparent}.button:hover{transform:translateY(-2px)}.button--gold{background:var(--gold);color:var(--navy);box-shadow:0 10px 30px rgba(244,195,61,.24)}.button--gold:hover{background:var(--gold-hover);box-shadow:0 14px 34px rgba(244,195,61,.3)}.button--ghost{border-color:rgba(255,255,255,.75);color:#fff;background:rgba(255,255,255,.06)}.button--navy{background:var(--navy);color:#fff}.nav-donate{min-width:142px}.mobile-donate{display:none}.menu-toggle{display:none;width:48px;height:46px;border:1px solid rgba(255,255,255,.28);border-radius:12px;background:rgba(255,255,255,.08);place-content:center;gap:5px;padding:0}.menu-toggle span{display:block;width:23px;height:2px;background:#fff;border-radius:999px;transition:.2s ease}.site-header.is-scrolled{position:fixed}.site-header.is-scrolled .topbar{height:0;overflow:hidden;border:0}.site-header.is-scrolled .nav-shell{height:76px;background:rgba(255,255,255,.96);box-shadow:0 10px 34px rgba(7,46,79,.13);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.site-header.is-scrolled .brand img,.site-header.is-scrolled .brand .custom-logo{max-height:62px;max-width:205px;filter:none}.site-header.is-scrolled .site-menu a{color:var(--navy);text-shadow:none}.site-header.is-scrolled .menu-toggle{border-color:rgba(7,46,79,.18);background:#fff}.site-header.is-scrolled .menu-toggle span{background:var(--navy)}.hero{min-height:830px;position:relative;display:grid;align-items:center;overflow:hidden;background:var(--navy)}.hero__media{position:absolute;inset:0;background:url('../images/hero-boat-clean.jpg') 68% center/cover no-repeat;transform:scale(1.025)}.hero__overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,36,66,.97) 0%,rgba(4,36,66,.88) 30%,rgba(4,36,66,.48) 53%,rgba(4,36,66,.10) 78%,rgba(4,36,66,.03) 100%),linear-gradient(0deg,rgba(4,36,66,.32),transparent 52%)}.hero__content{position:relative;z-index:2;color:#fff;padding-top:142px;padding-left:8px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.78rem;font-weight:800;margin:0 0 18px}.eyebrow--blue{color:var(--ocean)}h1,h2,h3{font-family:Poppins,Inter,system-ui,sans-serif}.hero h1{max-width:760px;font-size:clamp(3.2rem,6.1vw,6rem);line-height:.98;margin:0 0 28px;letter-spacing:-.045em}.hero__lead{max-width:640px;font-size:clamp(1.05rem,1.55vw,1.32rem);line-height:1.65;color:rgba(255,255,255,.92)}.button-row{display:flex;gap:14px;margin-top:36px;flex-wrap:wrap}.wave{position:absolute;z-index:3;bottom:-1px;left:0;width:100%;height:170px;pointer-events:none}.wave svg{display:block;width:100%;height:100%;overflow:visible}.impact{position:relative;z-index:5;margin-top:-20px}.impact-grid{background:#fff;box-shadow:var(--shadow);border-radius:18px;display:grid;grid-template-columns:repeat(3,1fr);padding:30px 20px}.impact-grid div{text-align:center;border-right:1px solid #e5edf2}.impact-grid div:last-child{border:0}.impact-grid strong{display:block;font-family:Poppins,sans-serif;font-size:2.4rem;color:var(--ocean)}.impact-grid span{color:var(--muted);font-weight:650}.section{padding:105px 0}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.intro-grid h2,.story-grid h2,.cta-band h2{font-size:clamp(2.4rem,4vw,4.6rem);letter-spacing:-.04em;margin:0}.intro-grid p{font-size:1.16rem;color:var(--muted)}.text-link{font-weight:800;text-decoration:none}.section--cards{background:#f6f9fb}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{background:#fff;border-radius:var(--radius);padding:38px;box-shadow:0 8px 30px rgba(7,46,79,.08);min-height:310px;display:flex;flex-direction:column}.feature-card__number{font-weight:900;color:var(--ocean);opacity:.55}.feature-card h3{font-size:1.55rem;margin:36px 0 12px}.feature-card p{color:var(--muted)}.feature-card a{margin-top:auto;font-weight:800;text-decoration:none}.feature-card--accent{background:var(--gold)}.feature-card--accent *{color:var(--navy)!important}.story-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}.story-visual{min-height:520px;border-radius:32px;background:url('../images/hero-boat-clean.jpg') 72% center/cover no-repeat;box-shadow:var(--shadow)}blockquote{font-size:1.55rem;line-height:1.5;margin:30px 0;border-left:5px solid var(--gold);padding-left:24px;color:var(--navy);font-weight:700}.cta-band{background:var(--navy);color:#fff}.cta-band__inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-band h2{max-width:720px}.site-footer{background:#041f36;color:rgba(255,255,255,.82);padding:75px 0 25px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr .7fr;gap:60px}.site-footer h2,.site-footer h3{color:#fff}.site-footer a{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.14);margin-top:50px;padding-top:22px;display:flex;justify-content:space-between;font-size:.9rem}.content-area{max-width:850px}.content-area h1{font-size:3rem}.content-area img{max-width:100%;height:auto}
@media(max-width:1120px){.nav-shell__inner{grid-template-columns:210px 1fr auto;gap:22px}.brand img,.brand .custom-logo{max-width:205px}.site-menu{gap:20px}.site-menu a{font-size:.88rem}.nav-donate{min-width:auto;padding-inline:18px}}
@media(max-width:960px){:root{--header-height:82px}.topbar__promise{display:none}.topbar__inner{justify-content:center}.nav-shell__inner{grid-template-columns:1fr auto}.primary-nav{position:fixed;top:0;right:0;bottom:0;width:min(390px,92vw);padding:112px 30px 34px;background:#fff;box-shadow:-20px 0 50px rgba(7,46,79,.18);transform:translateX(104%);transition:transform .28s ease;z-index:60;justify-self:auto}.primary-nav.is-open{transform:translateX(0)}.site-menu{display:grid;align-items:start;gap:4px}.site-menu a{display:block;color:var(--navy);text-shadow:none;font-size:1.08rem;padding:14px 4px;border-bottom:1px solid #edf2f5}.site-menu a::after{display:none}.mobile-donate{display:flex;margin-top:26px;width:100%}.nav-actions{position:relative;z-index:70}.menu-toggle{display:grid}.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-donate{display:none}.site-header.is-scrolled .primary-nav{top:0}.hero{min-height:780px}.hero__content{padding-top:125px}.intro-grid,.story-grid{grid-template-columns:1fr;gap:45px}.card-grid{grid-template-columns:1fr}.story-visual{min-height:420px}.footer-grid{grid-template-columns:1fr 1fr}.cta-band__inner{align-items:flex-start;flex-direction:column}body.menu-open{overflow:hidden}}
@media(max-width:640px){:root{--container:min(100% - 28px,1320px)}.topbar{display:none}.nav-shell__inner{height:82px}.brand img,.brand .custom-logo{max-width:174px;max-height:66px}.primary-nav{padding-top:98px}.hero{min-height:730px}.hero__media{background-position:64% center}.hero__content{padding-top:100px;padding-left:0}.hero h1{font-size:3.25rem}.impact-grid{grid-template-columns:1fr;gap:22px}.impact-grid div{border-right:0;border-bottom:1px solid #e5edf2;padding-bottom:20px}.impact-grid div:last-child{border-bottom:0;padding-bottom:0}.section{padding:75px 0}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px}.button-row .button{width:100%}.story-visual{min-height:320px}}

/* v0.2.2 premium hero refinement */
.site-header{padding-top:14px}
.topbar{display:none}
.nav-shell{height:96px;background:transparent;padding:0}
.nav-shell__inner{height:84px;grid-template-columns:245px 1fr auto;gap:30px;padding:0 18px 0 14px;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:linear-gradient(135deg,rgba(5,37,67,.62),rgba(5,37,67,.28));box-shadow:0 18px 55px rgba(1,20,39,.18);backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%)}
.brand{height:72px;position:relative}
.brand .custom-logo-link{height:100%;align-items:center}
.brand img,.brand .custom-logo{max-width:198px;max-height:68px;image-rendering:auto;filter:drop-shadow(0 5px 14px rgba(0,0,0,.22))}
.site-menu{gap:27px}
.site-menu a{font-size:.92rem;letter-spacing:-.01em}
.nav-donate{min-width:152px;min-height:54px;border-radius:16px}
.site-header.is-scrolled{padding-top:8px}
.site-header.is-scrolled .nav-shell{height:82px;background:transparent;box-shadow:none}
.site-header.is-scrolled .nav-shell__inner{height:72px;background:rgba(255,255,255,.94);border-color:rgba(7,46,79,.08);box-shadow:0 14px 42px rgba(7,46,79,.14)}
.site-header.is-scrolled .brand img,.site-header.is-scrolled .brand .custom-logo{max-height:58px;max-width:180px}

.hero{min-height:840px;align-items:start}
.hero__media{background-position:82% 50%;transform:scale(1.03);animation:heroDrift 18s ease-in-out infinite alternate}
.hero__overlay{background:linear-gradient(90deg,rgba(3,29,54,.96) 0%,rgba(3,29,54,.89) 29%,rgba(3,29,54,.61) 47%,rgba(3,29,54,.20) 69%,rgba(3,29,54,.06) 100%),linear-gradient(0deg,rgba(3,29,54,.28),transparent 54%)}
.hero__content{padding-top:220px;padding-left:18px;padding-bottom:185px}
.hero h1{max-width:780px;font-size:clamp(3.75rem,5.85vw,6.3rem);line-height:.96;margin-bottom:25px;text-wrap:balance}
.hero__lead{max-width:615px;font-size:clamp(1.08rem,1.35vw,1.28rem);line-height:1.62}
.hero .button-row{margin-top:30px;position:relative;z-index:6}
.hero .button{min-height:54px;padding-inline:27px;border-radius:15px}
.hero .button--ghost{border-color:rgba(255,255,255,.82);background:rgba(8,43,74,.36);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 8px 25px rgba(0,0,0,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.hero .button--ghost:hover{background:rgba(255,255,255,.16);border-color:#fff}
.wave{height:122px;z-index:4;bottom:-2px}
.wave svg{filter:drop-shadow(0 -5px 14px rgba(5,55,93,.08))}
.wave path:nth-child(1){animation:waveMove 10s ease-in-out infinite alternate;transform-origin:center bottom}
.wave path:nth-child(2){animation:waveMove 13s ease-in-out infinite alternate-reverse;transform-origin:center bottom}
.impact{margin-top:8px}

@keyframes heroDrift{from{transform:scale(1.015) translate3d(0,0,0)}to{transform:scale(1.045) translate3d(-.6%,0,0)}}
@keyframes waveMove{from{transform:translateX(-.5%) scaleX(1.015)}to{transform:translateX(.5%) scaleX(1.025)}}

@media(max-width:1120px){
  .nav-shell__inner{grid-template-columns:205px 1fr auto;gap:20px;padding-inline:12px}
  .brand img,.brand .custom-logo{max-width:180px}
  .site-menu{gap:18px}
  .hero__content{padding-top:205px}
}
@media(max-width:960px){
  .site-header{padding-top:10px}
  .nav-shell__inner{grid-template-columns:1fr auto;height:76px;border-radius:18px}
  .brand{height:64px}
  .brand img,.brand .custom-logo{max-height:60px;max-width:180px}
  .hero{min-height:780px}
  .hero__media{background-position:76% center}
  .hero__content{padding-top:180px;padding-bottom:168px;padding-left:4px}
  .hero h1{max-width:650px;font-size:clamp(3.4rem,8.4vw,5.2rem)}
  .wave{height:112px}
}
@media(max-width:640px){
  .site-header{padding-top:8px}
  .nav-shell{height:78px}
  .nav-shell__inner{height:70px;padding:0 10px;border-radius:16px}
  .brand{height:58px}
  .brand img,.brand .custom-logo{max-width:154px;max-height:54px}
  .hero{min-height:760px}
  .hero__media{background-position:72% center}
  .hero__overlay{background:linear-gradient(90deg,rgba(3,29,54,.94) 0%,rgba(3,29,54,.82) 64%,rgba(3,29,54,.40) 100%),linear-gradient(0deg,rgba(3,29,54,.28),transparent 54%)}
  .hero__content{padding-top:150px;padding-bottom:145px}
  .hero h1{font-size:clamp(3rem,14vw,4rem);line-height:.98;margin-bottom:20px}
  .hero__lead{font-size:1.04rem;line-height:1.55}
  .hero .button-row{margin-top:24px;gap:10px}
  .hero .button{min-height:52px}
  .wave{height:90px}
}
@media(prefers-reduced-motion:reduce){.hero__media,.wave path{animation:none!important}.button{transition:none}}


/* v0.2.4 — header conform goedgekeurde mockup */
.site-header,
.site-header.is-scrolled{
  position:relative;
  inset:auto;
  width:100%;
  z-index:50;
  padding:0;
  color:#fff;
  background:#fff;
}

.topbar,
.site-header.is-scrolled .topbar{
  display:block;
  height:40px;
  overflow:visible;
  background:#032b52;
  border-bottom:1px solid rgba(255,255,255,.10);
}

.topbar__inner{
  min-height:40px;
  font-size:.78rem;
  letter-spacing:.005em;
}

.topbar__promise{font-weight:600}
.topbar__contact{gap:26px}
.topbar__social{gap:12px}
.topbar__social a{
  width:22px;
  height:22px;
  font-size:.92rem;
}

.nav-shell,
.site-header.is-scrolled .nav-shell{
  height:96px;
  padding:0;
  background:#fff;
  box-shadow:0 1px 0 rgba(4,42,78,.08);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

.nav-shell__inner,
.site-header.is-scrolled .nav-shell__inner{
  height:96px;
  grid-template-columns:260px 1fr auto;
  gap:34px;
  padding:0;
  border:0;
  border-radius:0;
  background:#fff;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

.brand{
  height:92px;
  display:flex;
  align-items:center;
  overflow:visible;
}

.brand .custom-logo-link,
.brand__fallback{
  display:inline-flex;
  height:100%;
  align-items:center;
  text-decoration:none;
}

.brand img,
.brand .custom-logo,
.site-header.is-scrolled .brand img,
.site-header.is-scrolled .brand .custom-logo{
  display:block;
  width:auto;
  max-width:225px;
  max-height:82px;
  object-fit:contain;
  filter:none;
}

.primary-nav{justify-self:end}
.site-menu{gap:34px}

.site-menu a,
.site-header.is-scrolled .site-menu a{
  color:#062f56;
  font-size:.93rem;
  font-weight:750;
  letter-spacing:-.01em;
  text-shadow:none;
}

.site-menu a::after{
  bottom:-14px;
  height:3px;
  background:#f7c53b;
}

.site-menu a:hover::after,
.site-menu .current-menu-item>a::after,
.site-menu .current_page_item>a::after,
.site-menu .current-menu-ancestor>a::after{
  right:0;
}

.site-menu .menu-item-has-children>a{
  padding-right:17px;
}

.site-menu .menu-item-has-children>a::before{
  content:"";
  position:absolute;
  right:0;
  top:50%;
  width:6px;
  height:6px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:translateY(-68%) rotate(45deg);
}

.site-menu .sub-menu{
  position:absolute;
  top:calc(100% + 24px);
  min-width:220px;
  margin:0;
  padding:12px;
  list-style:none;
  border:1px solid #e7edf2;
  border-radius:14px;
  background:#fff;
  box-shadow:0 18px 45px rgba(7,46,79,.14);
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  transition:.2s ease;
}

.site-menu li{position:relative}
.site-menu li:hover>.sub-menu,
.site-menu li:focus-within>.sub-menu{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

.site-menu .sub-menu a{
  display:block;
  padding:10px 12px;
  border-radius:9px;
  white-space:nowrap;
}

.site-menu .sub-menu a::after,
.site-menu .sub-menu a::before{display:none}
.site-menu .sub-menu a:hover{background:#f3f7fa}

.nav-donate,
.site-header.is-scrolled .nav-donate{
  min-width:142px;
  min-height:50px;
  padding-inline:24px;
  border-radius:15px;
  box-shadow:none;
}

.menu-toggle,
.site-header.is-scrolled .menu-toggle{
  border-color:rgba(6,47,86,.16);
  background:#fff;
}

.menu-toggle span,
.site-header.is-scrolled .menu-toggle span{background:#062f56}

/* De hero begint nu onder de witte navigatie, zoals in de mockup. */
.hero{min-height:760px}
.hero__content{
  padding-top:88px;
  padding-bottom:168px;
}

body.admin-bar .site-header,
body.admin-bar .site-header.is-scrolled{top:auto}

@media(max-width:1120px){
  .nav-shell__inner,
  .site-header.is-scrolled .nav-shell__inner{
    grid-template-columns:205px 1fr auto;
    gap:22px;
  }

  .brand img,
  .brand .custom-logo,
  .site-header.is-scrolled .brand img,
  .site-header.is-scrolled .brand .custom-logo{
    max-width:185px;
    max-height:76px;
  }

  .site-menu{gap:20px}
  .site-menu a,
  .site-header.is-scrolled .site-menu a{font-size:.87rem}
}

@media(max-width:960px){
  .site-header,
  .site-header.is-scrolled{padding:0}

  .topbar,
  .site-header.is-scrolled .topbar{display:none}

  .nav-shell,
  .site-header.is-scrolled .nav-shell{height:78px}

  .nav-shell__inner,
  .site-header.is-scrolled .nav-shell__inner{
    height:78px;
    grid-template-columns:1fr auto;
    padding:0;
    border-radius:0;
  }

  .brand{height:74px}

  .brand img,
  .brand .custom-logo,
  .site-header.is-scrolled .brand img,
  .site-header.is-scrolled .brand .custom-logo{
    max-width:180px;
    max-height:66px;
  }

  .primary-nav{
    top:0;
    padding-top:105px;
  }

  .site-menu{gap:4px}
  .site-menu .sub-menu{
    position:static;
    display:block;
    min-width:0;
    padding:0 0 0 14px;
    border:0;
    box-shadow:none;
    opacity:1;
    visibility:visible;
    transform:none;
  }

  .site-menu .menu-item-has-children>a::before{right:8px}
  .hero{min-height:740px}
  .hero__content{
    padding-top:92px;
    padding-bottom:150px;
  }
}

@media(max-width:640px){
  .nav-shell,
  .site-header.is-scrolled .nav-shell{height:72px}

  .nav-shell__inner,
  .site-header.is-scrolled .nav-shell__inner{
    height:72px;
    padding:0;
  }

  .brand{height:68px}

  .brand img,
  .brand .custom-logo,
  .site-header.is-scrolled .brand img,
  .site-header.is-scrolled .brand .custom-logo{
    max-width:154px;
    max-height:60px;
  }

  .primary-nav{padding-top:92px}
  .hero{min-height:720px}
  .hero__content{
    padding-top:76px;
    padding-bottom:132px;
  }
}


/* v0.3.0 — mockup accurate homepage */
.mockup-home{background:#fff}.mockup-home .container{width:min(1360px,calc(100% - 48px))}
.mock-hero{position:relative;overflow:hidden;background:linear-gradient(90deg,#eff4f8 0%,#edf3f8 41%,#8fc7f4 73%,#1e86dc 100%);min-height:445px}
.mock-hero__media{position:absolute;inset:0;background:url('../images/hero-boat-clean.jpg') 78% 46%/52% auto no-repeat}
.mock-hero__overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(239,244,248,.98) 0%,rgba(239,244,248,.96) 38%,rgba(239,244,248,.58) 56%,rgba(239,244,248,0) 73%)}
.mock-hero__inner{position:relative;min-height:445px;z-index:2;padding:46px 0 110px}
.mock-hero__content{max-width:540px;color:#0b3472}
.mock-hero h1{margin:0 0 22px;line-height:.98;letter-spacing:-.035em}.mock-hero__title-main{display:block;font-family:Poppins,Inter,sans-serif;font-weight:800;font-size:4.3rem;color:#0b3472}.mock-hero__title-script{display:block;margin-top:8px;font-family:"Brush Script MT","Segoe Script",cursive;font-size:3rem;line-height:1.06;color:#efb400;font-weight:400}
.mock-hero p{margin:0;font-size:1.12rem;line-height:1.55;color:#143766;font-weight:500}
.mock-hero__actions{display:flex;gap:20px;flex-wrap:wrap;margin-top:28px}.button--outline-navy{background:#fff;color:#17427a;border-color:#2f73c7;box-shadow:none}.button--outline-navy:hover{background:#f6fbff}
.mock-hero__badge{position:absolute;right:72px;bottom:22px;width:165px;height:165px;border-radius:999px;background:#0b3a82;color:#fff;border:4px solid rgba(255,255,255,.85);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 18px 40px rgba(7,46,79,.16);text-align:center;z-index:4}.mock-hero__badge strong{display:block;font-family:Poppins,Inter,sans-serif;font-size:2.2rem;line-height:1;margin:.18rem 0}.mock-hero__badge-small{font-size:.86rem;line-height:1.2;font-weight:700}.mock-hero__badge-icon{font-size:1.45rem;color:#f7c53b;line-height:1;margin-bottom:.35rem}
.mock-wave{position:absolute;left:0;right:0;bottom:-1px;height:76px;z-index:3}.mock-wave svg{width:100%;height:100%;display:block}
.mock-usp{background:#fff;border-bottom:1px solid #dbe6ef}.mock-usp__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:26px 0 22px}.mock-usp__item{display:flex;align-items:flex-start;gap:18px}.mock-usp__icon{width:56px;height:56px;border-radius:999px;background:#edf5fd;color:#1f4e96;display:grid;place-items:center;font-size:1.65rem;flex:0 0 56px}.mock-usp__item h3{margin:3px 0 7px;font-size:1.18rem;line-height:1.2;color:#11366f}.mock-usp__item p{margin:0;color:#173b6d;font-size:1rem;line-height:1.45}
.mock-about.section{padding:26px 0 22px}.mock-about__grid{display:grid;grid-template-columns:380px 1fr;gap:34px;align-items:start}.mock-kicker{margin:10px 0 12px;font-family:"Brush Script MT","Segoe Script",cursive;font-size:2rem;color:#efb400}.mock-about__text h2{margin:0 0 18px;font-family:Poppins,Inter,sans-serif;font-size:3.15rem;line-height:1.06;letter-spacing:-.03em;color:#11366f}.mock-about__text p{margin:0 0 26px;color:#173b6d;font-size:1rem;line-height:1.56}
.mock-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.mock-card{background:#fff;border:1px solid #dde7ef;border-radius:14px;overflow:hidden;box-shadow:0 2px 0 rgba(13,53,96,.02)}.mock-card__image{height:160px;background-size:cover;background-position:center}.mock-card__body{padding:18px 18px 16px;position:relative;min-height:165px}.mock-card__body h3{margin:0 0 10px;font-size:1.18rem;color:#11366f}.mock-card__body p{margin:0;color:#173b6d;line-height:1.5;padding-right:34px}.mock-card__link{position:absolute;right:16px;bottom:18px;width:34px;height:34px;border-radius:999px;background:#f7c53b;color:#11366f;display:grid;place-items:center;text-decoration:none;font-size:1.25rem;font-weight:900}
.mock-footer{background:#042d61;color:#fff;padding:16px 0 10px}.mock-footer__grid{display:grid;grid-template-columns:1.05fr 1fr 1fr .9fr;gap:36px;align-items:start}.mock-footer__col h3{margin:0 0 10px;color:#f7c53b;font-size:1.06rem}.mock-footer__brand h3{color:#f7c53b}.mock-footer p,.mock-footer a{margin:0;color:#fff;text-decoration:none;line-height:1.45;font-size:1rem}.mock-footer__anbi{display:block;width:74px;height:auto;margin-top:12px;border-radius:4px}.mock-footer__social{display:flex;gap:16px;margin-top:10px}.mock-footer__social a{width:34px;height:34px;border-radius:999px;background:rgba(255,255,255,.12);display:grid;place-items:center;font-weight:900}.mock-footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:12px;margin-top:12px;border-top:1px solid rgba(255,255,255,.16);font-size:.96rem}.mock-footer__bottom nav{display:flex;gap:28px}
@media(max-width:1180px){.mock-hero__media{background-size:58% auto;background-position:86% 52%}.mock-hero__title-main{font-size:3.8rem}.mock-hero__title-script{font-size:2.6rem}.mock-about__grid{grid-template-columns:1fr}.mock-cards{grid-template-columns:repeat(3,1fr)}.mock-footer__grid{grid-template-columns:1fr 1fr}}
@media(max-width:960px){.mock-hero{min-height:540px}.mock-hero__inner{padding:32px 0 118px}.mock-hero__media{background-size:78% auto;background-position:50% 100%;opacity:.25}.mock-hero__overlay{background:linear-gradient(180deg,rgba(239,244,248,.97),rgba(239,244,248,.95))}.mock-hero__content{max-width:100%}.mock-hero__badge{right:24px;bottom:18px;width:138px;height:138px}.mock-usp__grid{grid-template-columns:repeat(2,1fr)}.mock-cards{grid-template-columns:1fr}.mock-footer__grid{grid-template-columns:1fr 1fr}.mock-footer__bottom{flex-direction:column;align-items:flex-start}}
@media(max-width:640px){.mockup-home .container{width:min(100% - 28px,1360px)}.mock-hero{min-height:560px}.mock-hero__inner{padding:24px 0 106px}.mock-hero__title-main{font-size:2.85rem}.mock-hero__title-script{font-size:2.18rem}.mock-hero p{font-size:1rem}.mock-hero__actions{gap:12px}.mock-hero__actions .button{width:100%;justify-content:center}.mock-hero__badge{right:14px;bottom:14px;width:118px;height:118px;border-width:3px}.mock-hero__badge strong{font-size:1.7rem}.mock-hero__badge-small{font-size:.74rem}.mock-wave{height:58px}.mock-usp__grid{grid-template-columns:1fr}.mock-about__text h2{font-size:2.2rem}.mock-footer__grid{grid-template-columns:1fr}}


/* v0.3.2 — correctie op basis van live screenshot */
.nav-shell{height:92px}
.nav-shell__inner{
  height:92px;
  grid-template-columns:300px 1fr auto;
  gap:22px;
}
.brand{
  height:92px;
  overflow:visible;
}
.brand__fallback{
  display:flex;
  align-items:center;
  height:100%;
}
.brand__fallback img{
  width:286px;
  max-width:286px;
  max-height:88px;
  object-fit:contain;
  filter:none;
}
.site-menu{gap:38px}
.site-menu a{font-size:.95rem}
.nav-donate{
  min-width:158px;
  min-height:50px;
  border-radius:18px;
}

.hero-home{
  min-height:412px;
  background:linear-gradient(90deg,#f2f6fa 0%,#f2f6fa 37%,#e8f2f9 47%,#5da6e5 100%);
}
.hero-home__inner{
  min-height:412px;
  grid-template-columns:500px 1fr;
}
.hero-home__copy{
  padding:34px 0 92px 8px;
}
.hero-home__copy h1{
  font-size:3.85rem;
  line-height:.98;
  margin-bottom:6px;
}
.hero-home__script{
  max-width:430px;
  font-size:2.55rem;
  line-height:1.08;
  margin-bottom:18px;
}
.hero-home__lead{
  max-width:390px;
  font-size:1rem;
  line-height:1.5;
}
.hero-home__actions{
  margin-top:24px;
  gap:18px;
}
.hero-home__actions .button{
  min-height:48px;
  padding-inline:22px;
  border-radius:15px;
}
.hero-home__visual{
  inset:0 0 0 auto;
  width:64%;
  background-image:
    linear-gradient(90deg,#eef4f8 0%,rgba(238,244,248,.92) 7%,rgba(238,244,248,.48) 18%,rgba(238,244,248,0) 34%),
    url('../images/hero-concept-clean.jpg');
  background-position:left center, center center;
  background-size:cover,cover;
  background-repeat:no-repeat;
}
.hero-home__badge{
  right:82px;
  bottom:18px;
  width:150px;
  height:150px;
}
.hero-home__badge-number{
  font-size:1.72rem;
  margin:4px 0;
}
.hero-home__waves{
  height:72px;
}
.usp-grid{
  padding-top:24px;
  padding-bottom:20px;
}

@media(max-width:1240px){
  .nav-shell__inner{grid-template-columns:245px 1fr auto}
  .brand__fallback img{width:232px;max-width:232px}
  .site-menu{gap:24px}
  .hero-home__inner{grid-template-columns:450px 1fr}
  .hero-home__visual{width:61%}
}

@media(max-width:980px){
  .nav-shell,.nav-shell__inner{height:82px}
  .brand,.brand__fallback{height:78px}
  .brand__fallback img{width:205px;max-width:205px;max-height:70px}
  .hero-home{min-height:610px}
  .hero-home__inner{min-height:610px}
  .hero-home__visual{
    width:100%;
    inset:0;
    opacity:.24;
    background-image:url('../images/hero-concept-clean.jpg');
    background-position:70% center;
  }
  .hero-home__copy{
    padding:48px 0 138px;
  }
}

@media(max-width:640px){
  .brand__fallback img{width:165px;max-width:165px}
  .hero-home__copy h1{font-size:3rem}
  .hero-home__script{font-size:2.15rem}
}


/* v0.3.3 — boot + 2500 badge exacter volgens mockup */
.hero-home{
  min-height:430px;
  background:linear-gradient(90deg,#f2f6fa 0%,#f2f6fa 36%,#ebf3fa 47%,#5aa8ec 100%);
}
.hero-home__inner{
  min-height:430px;
  grid-template-columns:520px 1fr;
  gap:0;
}
.hero-home__copy{
  position:relative;
  z-index:3;
  padding:34px 0 104px 8px;
}
.hero-home__visual{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  width:69%;
  background-image:url('../images/hero-composite-right.jpg');
  background-repeat:no-repeat;
  background-position:right bottom;
  background-size:100% auto;
}
.hero-home__badge,
.hero-home__waves{
  display:none !important;
}

@media(max-width:1240px){
  .hero-home__visual{
    width:68%;
    background-size:cover;
    background-position:center bottom;
  }
}

@media(max-width:980px){
  .hero-home{
    min-height:620px;
    background:linear-gradient(180deg,#eef4f8 0%,#eef4f8 60%,#d9ecfb 100%);
  }
  .hero-home__inner{
    min-height:620px;
    grid-template-columns:1fr;
  }
  .hero-home__visual{
    inset:0;
    width:100%;
    opacity:.28;
    background-image:url('../images/hero-concept-clean.jpg');
    background-position:72% center;
    background-size:cover;
  }
}

@media(max-width:640px){
  .hero-home{
    min-height:650px;
  }
  .hero-home__inner{
    min-height:650px;
  }
}


/* v0.3.4 — boot en 2.500-badge preciezer zoals in de mockup */
.hero-home{
  min-height:418px;
  background:linear-gradient(90deg,#f4f7fa 0%,#f4f7fa 39%,#eaf3fb 53%,#56a2e9 100%);
}
.hero-home__inner{
  min-height:418px;
  grid-template-columns:515px 1fr;
  gap:0;
  align-items:stretch;
}
.hero-home__copy{
  position:relative;
  z-index:4;
  padding:28px 0 92px 8px;
}
.hero-home__copy h1{
  font-size:3.95rem;
  line-height:.98;
}
.hero-home__script{
  max-width:440px;
  font-size:2.68rem;
  line-height:1.08;
  margin-bottom:20px;
}
.hero-home__lead{
  max-width:405px;
  font-size:1rem;
  line-height:1.48;
}
.hero-home__actions{
  margin-top:26px;
}

.hero-home__visual{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  width:66.5%;
  background-image:
    linear-gradient(90deg,rgba(244,247,250,.98) 0%,rgba(244,247,250,.86) 8%,rgba(244,247,250,.46) 18%,rgba(244,247,250,0) 30%),
    url('../images/hero-boat-precise.jpg');
  background-repeat:no-repeat,no-repeat;
  background-position:left top, 62% 58%;
  background-size:cover, cover;
}

.hero-home__badge{
  display:flex !important;
  right:94px;
  bottom:10px;
  width:138px;
  height:138px;
  border:4px solid rgba(255,255,255,.96);
  background:#0a3d88;
  box-shadow:0 16px 34px rgba(6,43,86,.18);
}
.hero-home__badge-heart{
  font-size:1.55rem;
  color:#f3c31c;
  line-height:1;
  margin-bottom:6px;
}
.hero-home__badge-text{
  font-size:.72rem;
  line-height:1.15;
  font-weight:700;
}
.hero-home__badge-number{
  font-size:2.25rem;
  line-height:1.02;
  font-weight:800;
  margin:2px 0 4px;
}

.hero-home__waves{
  display:block !important;
  height:64px;
  bottom:-1px;
}
.hero-home__waves svg{display:block;width:100%;height:100%}

@media(max-width:1240px){
  .hero-home__visual{
    width:65%;
    background-position:left top, 66% 58%;
  }
  .hero-home__badge{
    right:62px;
    width:130px;
    height:130px;
  }
}

@media(max-width:980px){
  .hero-home{
    min-height:620px;
    background:linear-gradient(180deg,#eef4f8 0%,#eef4f8 62%,#dcedfb 100%);
  }
  .hero-home__inner{
    min-height:620px;
    grid-template-columns:1fr;
  }
  .hero-home__visual{
    width:100%;
    inset:0;
    opacity:.26;
    background-image:url('../images/hero-boat-precise.jpg');
    background-position:72% center;
    background-size:cover;
  }
  .hero-home__badge{
    right:24px;
    bottom:18px;
    width:126px;
    height:126px;
  }
  .hero-home__badge-number{font-size:2rem}
}

@media(max-width:640px){
  .hero-home{
    min-height:650px;
  }
  .hero-home__inner{
    min-height:650px;
  }
  .hero-home__badge{
    right:12px;
    bottom:14px;
    width:116px;
    height:116px;
    border-width:3px;
  }
  .hero-home__badge-number{font-size:1.8rem}
  .hero-home__badge-text{font-size:.68rem}
}


/* v0.3.5 — volledige desktophero exact uit goedgekeurde mockup */
.mock-hero--exact{
  position:relative;
  min-height:0 !important;
  aspect-ratio:1536 / 416;
  overflow:hidden;
  background:#eef4f8;
}

.mock-hero__exact-art{
  position:absolute;
  inset:0;
  background:url('../images/hero-exact-desktop.jpg') center center / 100% 100% no-repeat;
}

.mock-hero__exact-links{
  position:absolute;
  inset:0;
  z-index:5;
  pointer-events:none;
}

.mock-hero__hotspot{
  position:absolute;
  display:block;
  pointer-events:auto;
  border-radius:14px;
}

.mock-hero__hotspot--request{
  left:5.8%;
  top:67.4%;
  width:15.5%;
  height:11.5%;
}

.mock-hero__hotspot--volunteer{
  left:22.6%;
  top:67.4%;
  width:13.8%;
  height:11.5%;
}

.mock-hero__hotspot:focus-visible{
  outline:4px solid #fff;
  outline-offset:3px;
  box-shadow:0 0 0 7px #073b7a;
}

.mock-hero__mobile{
  display:none;
}

@media(max-width:960px){
  .mock-hero--exact{
    aspect-ratio:auto;
    min-height:570px !important;
    background:#eef4f8;
  }

  .mock-hero__exact-art,
  .mock-hero__exact-links{
    display:none;
  }

  .mock-hero__mobile{
    display:block;
    position:relative;
    min-height:570px;
    z-index:2;
  }

  .mock-hero--exact::before{
    content:"";
    position:absolute;
    inset:0;
    background:
      linear-gradient(180deg,rgba(239,244,248,.96),rgba(239,244,248,.86)),
      url('../images/hero-boat-precise.jpg') 72% center / cover no-repeat;
  }

  .mock-hero__mobile .mock-hero__content{
    position:relative;
    padding:42px 0 130px;
    max-width:620px;
  }
}

@media(max-width:640px){
  .mock-hero--exact,
  .mock-hero__mobile{
    min-height:590px !important;
  }
}


/* v0.4.0 — premium homepage sections */
.premium-kicker{
  margin:0 0 12px;
  color:#f0b50f;
  font-family:"Brush Script MT","Segoe Script","Lucida Handwriting",cursive;
  font-size:2.2rem;
  line-height:1;
}
.premium-kicker--light{color:#f7c53b}

.premium-trust{
  position:relative;
  z-index:4;
  background:#fff;
  border-bottom:1px solid #e3ebf2;
}
.premium-trust__grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
  padding:30px 0;
}
.premium-trust__item{
  display:grid;
  grid-template-columns:58px 1fr;
  gap:16px;
  align-items:start;
  padding-right:20px;
  border-right:1px solid #e2eaf1;
}
.premium-trust__item:last-child{border-right:0}
.premium-trust__icon{
  width:58px;height:58px;border-radius:50%;
  display:grid;place-items:center;
  background:#eef6fb;
  color:#083d7c;
  font-size:1.7rem;
}
.premium-trust__item strong{
  display:block;
  margin:2px 0 7px;
  color:#15396d;
  font-family:Poppins,sans-serif;
  font-size:1rem;
}
.premium-trust__item span:last-child{
  color:#6b7d91;
  font-size:.9rem;
  line-height:1.45;
}

.premium-story{
  padding:110px 0;
  background:#fff;
}
.premium-story__grid{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:100px;
  align-items:center;
}
.premium-story__visual{
  position:relative;
  min-height:560px;
}
.premium-story__image{
  position:absolute;
  border-radius:28px;
  background-size:cover;
  background-position:center;
  box-shadow:0 26px 60px rgba(7,46,79,.16);
}
.premium-story__image--main{
  inset:0 90px 40px 0;
  background-image:url('../images/hero-boat-clean.jpg');
  background-position:70% center;
}
.premium-story__image--small{
  right:0;
  bottom:0;
  width:245px;
  height:230px;
  border:10px solid #fff;
  background-image:url('../images/card-volunteers.jpg');
}
.premium-story__seal{
  position:absolute;
  left:34px;
  bottom:10px;
  width:136px;height:136px;
  border-radius:50%;
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  background:#f7c53b;
  color:#062f56;
  border:8px solid #fff;
  box-shadow:0 15px 35px rgba(7,46,79,.16);
  text-align:center;
}
.premium-story__seal strong{
  font-family:Poppins,sans-serif;
  font-size:2.25rem;
  line-height:1;
}
.premium-story__seal span{
  max-width:90px;
  margin-top:5px;
  font-size:.78rem;
  font-weight:800;
  line-height:1.15;
}
.premium-story__content h2,
.premium-heading h2,
.premium-impact h2,
.premium-final-cta h2{
  margin:0;
  color:#123b72;
  font-size:clamp(2.6rem,4vw,4.7rem);
  line-height:1.03;
  letter-spacing:-.045em;
}
.premium-story__lead{
  margin:26px 0 24px;
  color:#5f738b;
  font-size:1.13rem;
  line-height:1.75;
}
.premium-checks{
  display:grid;
  gap:12px;
  margin-bottom:32px;
}
.premium-checks span{
  position:relative;
  padding-left:34px;
  color:#294c75;
  font-weight:750;
}
.premium-checks span::before{
  content:"✓";
  position:absolute;
  left:0;top:-2px;
  width:23px;height:23px;
  display:grid;place-items:center;
  border-radius:50%;
  background:#e8f5fb;
  color:#0b84cf;
  font-size:.78rem;
  font-weight:900;
}
.premium-arrow-button{padding-inline:28px}

.premium-paths{
  padding:110px 0 120px;
  background:linear-gradient(180deg,#f5f8fb,#edf3f7);
}
.premium-heading{
  display:grid;
  grid-template-columns:1fr .75fr;
  gap:70px;
  align-items:end;
  margin-bottom:48px;
}
.premium-heading>p{
  margin:0 0 8px;
  color:#667a91;
  font-size:1.05rem;
  line-height:1.7;
}
.premium-heading--compact{
  grid-template-columns:1fr auto;
  align-items:end;
}
.premium-card-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:28px;
}
.premium-action-card{
  overflow:hidden;
  border-radius:24px;
  background:#fff;
  box-shadow:0 20px 50px rgba(7,46,79,.10);
  transition:transform .25s ease,box-shadow .25s ease;
}
.premium-action-card:hover{
  transform:translateY(-8px);
  box-shadow:0 28px 64px rgba(7,46,79,.16);
}
.premium-action-card__image{
  height:230px;
  background-size:cover;
  background-position:center;
}
.premium-action-card__image--boat{
  background-image:url('../images/card-boat.jpg');
}
.premium-action-card__image--volunteers{
  background-image:url('../images/card-volunteers.jpg');
}
.premium-action-card__image--support{
  background-image:url('../images/card-support.jpg');
}
.premium-action-card__body{
  position:relative;
  min-height:300px;
  padding:34px 34px 36px;
}
.premium-action-card__number{
  display:inline-grid;
  place-items:center;
  width:42px;height:42px;
  border-radius:50%;
  background:#ecf5fb;
  color:#0b80ca;
  font-weight:900;
  font-size:.82rem;
}
.premium-action-card h3{
  margin:24px 0 14px;
  color:#123b72;
  font-size:1.55rem;
}
.premium-action-card p{
  margin:0;
  color:#6a7d91;
  line-height:1.65;
}
.premium-action-card a{
  position:absolute;
  left:34px;
  bottom:32px;
  color:#0a67ae;
  font-weight:850;
}
.premium-action-card a span{margin-left:7px}
.premium-action-card--gold{
  background:#f7c53b;
}
.premium-action-card--gold .premium-action-card__number{
  background:#fff;
  color:#062f56;
}
.premium-action-card--gold h3,
.premium-action-card--gold p,
.premium-action-card--gold a{color:#062f56}

.premium-quote{
  padding:110px 0;
  background:#fff;
}
.premium-quote__inner{
  max-width:960px;
  text-align:center;
}
.premium-quote__mark{
  color:#f7c53b;
  font-family:Georgia,serif;
  font-size:7rem;
  line-height:.7;
}
.premium-quote blockquote{
  margin:24px auto 18px;
  padding:0;
  border:0;
  max-width:880px;
  color:#123b72;
  font-family:Poppins,sans-serif;
  font-size:clamp(2rem,3.2vw,3.5rem);
  line-height:1.25;
  letter-spacing:-.035em;
}
.premium-quote p{
  margin:0;
  color:#6c7f93;
  font-weight:700;
}

.premium-impact{
  padding:100px 0;
  color:#fff;
  background:
    linear-gradient(100deg,rgba(4,45,90,.98),rgba(8,95,166,.94)),
    url('../images/hero-boat-clean.jpg') center/cover no-repeat;
}
.premium-impact__grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:80px;
  align-items:center;
}
.premium-impact h2{color:#fff}
.premium-impact__intro>p:last-child{
  max-width:580px;
  margin:24px 0 0;
  color:rgba(255,255,255,.78);
  font-size:1.06rem;
  line-height:1.7;
}
.premium-impact__stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.premium-impact__stats div{
  min-height:170px;
  padding:28px 22px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:20px;
  background:rgba(255,255,255,.08);
  backdrop-filter:blur(8px);
  text-align:center;
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
}
.premium-impact__stats strong{
  display:block;
  color:#f7c53b;
  font-family:Poppins,sans-serif;
  font-size:2.8rem;
  line-height:1;
}
.premium-impact__stats span{
  margin-top:11px;
  color:#fff;
  font-size:.92rem;
  font-weight:700;
}

.premium-news{
  padding:110px 0 120px;
  background:#fff;
}
.premium-text-link{
  color:#0a67ae;
  font-weight:850;
}
.premium-news__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:28px;
}
.premium-news-card{
  overflow:hidden;
  border-radius:22px;
  border:1px solid #e1e9f0;
  background:#fff;
  box-shadow:0 12px 35px rgba(7,46,79,.06);
}
.premium-news-card__image{
  height:230px;
  background-size:cover;
  background-position:center;
}
.premium-news-card__image--one{
  background-image:url('../images/hero-boat-clean.jpg');
}
.premium-news-card__image--two{
  background-image:url('../images/card-volunteers.jpg');
}
.premium-news-card__image--three{
  background-image:url('../images/card-support.jpg');
}
.premium-news-card__body{padding:28px}
.premium-news-card__meta{
  color:#0c85cf;
  font-size:.78rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.premium-news-card h3{
  margin:15px 0 12px;
  color:#123b72;
  font-size:1.38rem;
  line-height:1.3;
}
.premium-news-card p{
  margin:0 0 22px;
  color:#6a7d91;
  line-height:1.6;
}
.premium-news-card a{
  color:#0a67ae;
  font-weight:850;
}

.premium-final-cta{
  padding:72px 0;
  background:#063666;
}
.premium-final-cta__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:60px;
}
.premium-final-cta h2{
  max-width:760px;
  color:#fff;
  font-size:clamp(2.5rem,3.8vw,4.2rem);
}
.premium-final-cta__actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}
.premium-button--light{
  background:#fff;
  color:#063666;
}

@media(max-width:1100px){
  .premium-trust__grid{grid-template-columns:1fr 1fr}
  .premium-trust__item:nth-child(2){border-right:0}
  .premium-story__grid{grid-template-columns:1fr;gap:60px}
  .premium-story__visual{min-height:520px}
  .premium-heading{grid-template-columns:1fr;gap:20px}
  .premium-card-grid,.premium-news__grid{grid-template-columns:1fr 1fr}
  .premium-impact__grid{grid-template-columns:1fr}
  .premium-final-cta__inner{align-items:flex-start;flex-direction:column}
}

@media(max-width:720px){
  .premium-trust__grid{grid-template-columns:1fr}
  .premium-trust__item{border-right:0;border-bottom:1px solid #e2eaf1;padding:0 0 20px}
  .premium-trust__item:last-child{border-bottom:0}
  .premium-story,.premium-paths,.premium-quote,.premium-news{padding:78px 0}
  .premium-story__visual{min-height:390px}
  .premium-story__image--main{inset:0 40px 45px 0}
  .premium-story__image--small{width:170px;height:160px}
  .premium-story__seal{width:112px;height:112px;left:16px}
  .premium-story__seal strong{font-size:1.8rem}
  .premium-card-grid,.premium-news__grid{grid-template-columns:1fr}
  .premium-action-card__image,.premium-news-card__image{height:210px}
  .premium-impact{padding:78px 0}
  .premium-impact__stats{grid-template-columns:1fr}
  .premium-final-cta{padding:58px 0}
  .premium-final-cta__actions{width:100%}
  .premium-final-cta__actions .button{width:100%}
}


/* v0.4.1 — visual polish */
:root{
  --premium-shadow-soft:0 18px 50px rgba(7,46,79,.08);
  --premium-shadow-strong:0 28px 75px rgba(7,46,79,.16);
}

body{
  background:
    radial-gradient(circle at 12% 22%,rgba(30,158,229,.035),transparent 28%),
    radial-gradient(circle at 88% 62%,rgba(247,197,59,.045),transparent 24%),
    #fff;
}

.button{
  position:relative;
  overflow:hidden;
}
.button::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.34) 48%,transparent 76%);
  transform:translateX(-120%);
  transition:transform .7s ease;
}
.button:hover::before{transform:translateX(120%)}

.premium-trust{
  box-shadow:0 18px 40px rgba(7,46,79,.04);
}
.premium-trust__item{
  position:relative;
  padding:20px 22px;
  border-right:0;
  border-radius:18px;
  background:linear-gradient(180deg,#fff,#fbfdff);
  box-shadow:0 10px 30px rgba(7,46,79,.045);
  transition:transform .25s ease,box-shadow .25s ease;
}
.premium-trust__item:hover{
  transform:translateY(-5px);
  box-shadow:0 18px 42px rgba(7,46,79,.09);
}
.premium-trust__icon{
  box-shadow:inset 0 0 0 1px rgba(8,61,124,.05);
}

.premium-story{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.premium-orb{
  position:absolute;
  border-radius:50%;
  filter:blur(1px);
  pointer-events:none;
  z-index:-1;
}
.premium-orb--one{
  width:430px;height:430px;
  left:-190px;top:80px;
  background:radial-gradient(circle,rgba(27,156,229,.12),rgba(27,156,229,0) 70%);
}
.premium-orb--two{
  width:360px;height:360px;
  right:-150px;bottom:-60px;
  background:radial-gradient(circle,rgba(247,197,59,.14),rgba(247,197,59,0) 72%);
}
.premium-story__image--main{
  box-shadow:var(--premium-shadow-strong);
}
.premium-story__image--main::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.36);
  pointer-events:none;
}
.premium-story__seal{
  animation:premiumFloat 5s ease-in-out infinite;
}

.premium-paths{
  position:relative;
  overflow:hidden;
}
.premium-paths__wave{
  position:absolute;
  inset:0 0 auto;
  height:150px;
  background:
    radial-gradient(120% 120px at 50% -20px,rgba(255,255,255,.85) 48%,transparent 49%);
  pointer-events:none;
}
.premium-heading{
  position:relative;
  z-index:1;
}
.premium-heading h2{
  text-wrap:balance;
}
.premium-action-card{
  border:1px solid rgba(8,61,124,.06);
}
.premium-action-card__image{
  position:relative;
  isolation:isolate;
}
.premium-action-card__image::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 45%,rgba(3,31,58,.2));
}
.premium-action-card__body{
  background:
    linear-gradient(180deg,rgba(255,255,255,.96),#fff),
    radial-gradient(circle at 100% 0,rgba(29,160,230,.08),transparent 32%);
}
.premium-action-card--gold .premium-action-card__body{
  background:
    linear-gradient(180deg,rgba(247,197,59,.98),#f7c53b),
    radial-gradient(circle at 100% 0,rgba(255,255,255,.36),transparent 34%);
}
.premium-action-card a{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.premium-action-card a span{
  transition:transform .2s ease;
}
.premium-action-card a:hover span{transform:translateX(5px)}

.premium-quote{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 0,rgba(29,160,230,.07),transparent 40%),
    #fff;
}
.premium-quote::before,
.premium-quote::after{
  content:"";
  position:absolute;
  width:240px;height:240px;
  border:1px solid rgba(8,61,124,.07);
  border-radius:50%;
}
.premium-quote::before{left:-100px;top:40px}
.premium-quote::after{right:-90px;bottom:20px}
.premium-quote__inner{
  position:relative;
  z-index:1;
}

.premium-impact{
  position:relative;
  overflow:hidden;
}
.premium-impact::after{
  content:"";
  position:absolute;
  inset:auto -10% -160px;
  height:260px;
  border-radius:50%;
  background:rgba(255,255,255,.055);
}
.premium-impact__stats div{
  transition:transform .25s ease,background .25s ease,border-color .25s ease;
}
.premium-impact__stats div:hover{
  transform:translateY(-6px);
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.28);
}

.premium-news{
  position:relative;
  overflow:hidden;
}
.premium-news__accent{
  position:absolute;
  width:500px;height:500px;
  right:-220px;top:-160px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(247,197,59,.12),transparent 68%);
  pointer-events:none;
}
.premium-news__grid,
.premium-news .premium-heading{
  position:relative;
  z-index:1;
}
.premium-news-card{
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.premium-news-card:hover{
  transform:translateY(-7px);
  box-shadow:var(--premium-shadow-soft);
  border-color:rgba(8,61,124,.14);
}
.premium-news-card__image{
  transition:transform .5s ease;
}
.premium-news-card:hover .premium-news-card__image{
  transform:scale(1.035);
}
.premium-news-card{
  isolation:isolate;
}
.premium-news-card__image{
  position:relative;
  z-index:-1;
}

.premium-final-cta{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 20%,rgba(29,160,230,.28),transparent 32%),
    linear-gradient(120deg,#042d5a,#073f7c);
}
.premium-final-cta::before{
  content:"";
  position:absolute;
  width:420px;height:420px;
  left:-180px;bottom:-240px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.08);
}
.premium-final-cta__inner{
  position:relative;
  z-index:1;
}

.site-footer{
  position:relative;
  overflow:hidden;
}
.site-footer::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 85% 15%,rgba(29,160,230,.12),transparent 28%),
    radial-gradient(circle at 10% 90%,rgba(247,197,59,.08),transparent 24%);
  pointer-events:none;
}
.mock-footer__grid,
.mock-footer__bottom{
  position:relative;
  z-index:1;
}

@keyframes premiumFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}

@media(max-width:1100px){
  .premium-trust__item{padding:18px}
}

@media(max-width:720px){
  .premium-trust__item{
    border-bottom:0;
  }
  .premium-orb--one{left:-260px}
  .premium-orb--two{right:-230px}
  .premium-story__seal{animation:none}
}

@media(prefers-reduced-motion:reduce){
  .premium-story__seal{animation:none}
  .button::before{display:none}
}


/* v0.4.2 — footer credit */
.footer-credit{
  color:rgba(255,255,255,.78);
  font-size:.9rem;
  text-align:center;
}
.footer-credit strong{
  color:#fff;
  font-weight:800;
}
@media(max-width:960px){
  .footer-credit{text-align:left}
}


/* v0.4.3 — herontwerp actiekaarten */
.premium-card-grid{
  gap:32px;
  align-items:stretch;
}

.premium-action-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:590px;
  border-radius:28px;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(8,61,124,.08);
  box-shadow:0 22px 58px rgba(7,46,79,.10);
}

.premium-action-card__image{
  position:relative;
  height:260px;
  flex:0 0 260px;
  background-repeat:no-repeat;
  background-size:cover;
  overflow:hidden;
}

.premium-action-card__image::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(3,31,58,0) 45%,rgba(3,31,58,.28) 100%);
  z-index:1;
}

.premium-action-card__image--boat{
  background-image:url('../images/hero-boat-clean.jpg');
  background-position:72% 52%;
}

.premium-action-card__image--volunteers{
  background-image:url('../images/card-volunteers.jpg');
  background-position:50% 42%;
  background-size:cover;
}

.premium-action-card__image--support{
  background-image:url('../images/card-support.jpg');
  background-position:50% 48%;
  background-size:cover;
}

.premium-action-card__body{
  display:flex;
  flex:1;
  flex-direction:column;
  min-height:330px;
  padding:30px 32px 32px;
  background:#fff;
}

.premium-action-card__topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:22px;
}

.premium-action-card__number{
  width:44px;
  height:44px;
  flex:0 0 44px;
  border-radius:50%;
  background:#eaf4fb;
  color:#0878bf;
  font-size:.78rem;
  font-weight:900;
}

.premium-action-card__label{
  color:#7b8da1;
  font-size:.72rem;
  font-weight:850;
  letter-spacing:.1em;
  text-transform:uppercase;
  text-align:right;
}

.premium-action-card h3{
  margin:0 0 16px;
  color:#123b72;
  font-size:clamp(1.8rem,2.1vw,2.35rem);
  line-height:1.02;
  letter-spacing:-.035em;
}

.premium-action-card p{
  margin:0 0 26px;
  color:#64788f;
  font-size:1rem;
  line-height:1.65;
}

.premium-action-card__cta{
  position:static !important;
  margin-top:auto;
  align-self:flex-start;
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:0 18px;
  border-radius:999px;
  background:#edf6fc;
  color:#075f9e !important;
  font-size:.9rem;
  font-weight:850;
}

.premium-action-card__cta span{
  margin-left:4px;
}

.premium-action-card--gold{
  background:#f7c53b;
}

.premium-action-card--gold .premium-action-card__body{
  background:#f7c53b;
}

.premium-action-card--gold .premium-action-card__number{
  background:#fff;
  color:#063666;
}

.premium-action-card--gold .premium-action-card__label,
.premium-action-card--gold h3,
.premium-action-card--gold p{
  color:#063666;
}

.premium-action-card--gold .premium-action-card__cta{
  background:#063666;
  color:#fff !important;
}

@media(max-width:1100px){
  .premium-action-card{
    min-height:560px;
  }
}

@media(max-width:720px){
  .premium-card-grid{gap:24px}
  .premium-action-card{
    min-height:auto;
  }
  .premium-action-card__image{
    height:230px;
    flex-basis:230px;
  }
  .premium-action-card__body{
    min-height:320px;
    padding:26px;
  }
  .premium-action-card h3{
    font-size:2rem;
  }
}


/* v0.4.4 — schone afbeeldingen voor vrijwilliger en steun */
.premium-action-card__image--volunteers{
  background-image:url('../images/card-volunteers-clean.jpg') !important;
  background-size:cover !important;
  background-position:center center !important;
}
.premium-action-card__image--support{
  background-image:url('../images/card-support-clean.jpg') !important;
  background-size:cover !important;
  background-position:center center !important;
}


/* v0.4.5 — schone afbeeldingen in Blijf betrokken */
.premium-news-card__image--one{
  background-image:url('../images/hero-boat-clean.jpg') !important;
  background-position:72% center !important;
  background-size:cover !important;
}
.premium-news-card__image--two{
  background-image:url('../images/card-volunteers-clean.jpg') !important;
  background-position:center center !important;
  background-size:cover !important;
}
.premium-news-card__image--three{
  background-image:url('../images/card-support-clean.jpg') !important;
  background-position:center center !important;
  background-size:cover !important;
}


/* v0.4.6 — laatste designverfijning */
:root{
  --section-space:clamp(82px,8vw,124px);
  --content-radius:26px;
}

body{
  color:#183f70;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

main{
  overflow:hidden;
}

.premium-story,
.premium-paths,
.premium-quote,
.premium-news{
  padding-top:var(--section-space);
  padding-bottom:var(--section-space);
}

.premium-heading{
  margin-bottom:54px;
}

.premium-heading h2,
.premium-story__content h2,
.premium-impact h2,
.premium-final-cta h2{
  max-width:900px;
  text-wrap:balance;
}

.premium-heading>p,
.premium-story__lead{
  max-width:620px;
}

.premium-kicker{
  display:inline-flex;
  align-items:center;
  gap:12px;
}

.premium-kicker::before{
  content:"";
  width:34px;
  height:2px;
  border-radius:999px;
  background:currentColor;
  opacity:.7;
}

.premium-story__content{
  position:relative;
  padding:14px 0;
}

.premium-story__content::before{
  content:"";
  position:absolute;
  left:-34px;
  top:22px;
  bottom:22px;
  width:1px;
  background:linear-gradient(180deg,transparent,#d8e7f2,transparent);
}

.premium-checks span{
  min-height:28px;
  display:flex;
  align-items:center;
}

.premium-action-card,
.premium-news-card{
  transform:translateZ(0);
}

.premium-action-card__image,
.premium-news-card__image{
  overflow:hidden;
}

.premium-action-card__image::after,
.premium-news-card__image::after{
  content:"";
  position:absolute;
  inset:0;
  border:1px solid rgba(255,255,255,.22);
  border-radius:inherit;
  pointer-events:none;
}

.premium-action-card__body,
.premium-news-card__body{
  position:relative;
}

.premium-action-card__body::before,
.premium-news-card__body::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:72px;
  height:4px;
  border-radius:0 999px 999px 0;
  background:#1da0e6;
}

.premium-action-card--gold .premium-action-card__body::before{
  background:#063666;
}

.premium-news-card__meta{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  background:#eef6fb;
}

.premium-impact{
  isolation:isolate;
}

.premium-impact::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(90deg,rgba(0,0,0,.8),transparent 88%);
  pointer-events:none;
  z-index:-1;
}

.premium-impact__stats div{
  position:relative;
  overflow:hidden;
}

.premium-impact__stats div::after{
  content:"";
  position:absolute;
  width:100px;
  height:100px;
  right:-42px;
  top:-42px;
  border-radius:50%;
  background:rgba(255,255,255,.05);
}

.premium-news-card__body{
  min-height:245px;
  display:flex;
  flex-direction:column;
}

.premium-news-card__body a{
  margin-top:auto;
  align-self:flex-start;
}

.premium-final-cta__inner{
  min-height:240px;
}

.premium-final-cta__actions .button{
  min-width:178px;
}

.mock-footer{
  padding-top:30px;
}

.mock-footer__grid{
  gap:24px;
  padding-bottom:24px;
}

.footer-panel{
  min-height:150px;
  padding:20px;
  border-radius:18px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.07);
}

.footer-panel h3{
  position:relative;
  padding-bottom:10px;
}

.footer-panel h3::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:38px;
  height:2px;
  border-radius:999px;
  background:#f7c53b;
}

.footer-credit{
  display:inline-flex;
  align-items:center;
  gap:6px;
}

.footer-credit::before{
  content:"•";
  color:#f7c53b;
}

@media(max-width:1100px){
  .premium-story__content::before{display:none}
  .footer-panel{min-height:140px}
}

@media(max-width:720px){
  :root{--section-space:76px}

  .premium-kicker{
    font-size:1.9rem;
  }

  .premium-kicker::before{
    width:24px;
  }

  .premium-heading{
    margin-bottom:36px;
  }

  .premium-final-cta__inner{
    min-height:0;
  }

  .footer-panel{
    min-height:0;
  }

  .mock-footer__grid{
    gap:16px;
  }
}


/* v0.4.7 — extra premium afwerking */
.reveal-section{
  opacity:0;
  transform:translateY(28px);
  transition:opacity .7s ease,transform .7s ease;
}
.reveal-section.is-visible{
  opacity:1;
  transform:none;
}

.premium-trust__item,
.premium-action-card,
.premium-news-card,
.premium-impact__stats div{
  will-change:transform;
}

.premium-story__visual::before{
  content:"";
  position:absolute;
  left:-28px;
  top:34px;
  width:78%;
  height:78%;
  border-radius:34px;
  border:1px solid rgba(29,160,230,.18);
  z-index:-1;
}

.premium-story__visual::after{
  content:"";
  position:absolute;
  right:26px;
  top:26px;
  width:92px;
  height:92px;
  background-image:radial-gradient(circle,#f7c53b 2px,transparent 2px);
  background-size:15px 15px;
  opacity:.38;
  z-index:-1;
}

.premium-heading h2::after,
.premium-story__content h2::after{
  content:"";
  display:block;
  width:72px;
  height:5px;
  margin-top:20px;
  border-radius:999px;
  background:linear-gradient(90deg,#f7c53b,#1da0e6);
}

.premium-action-card__image,
.premium-news-card__image{
  filter:saturate(.98) contrast(1.02);
}

.premium-action-card:hover .premium-action-card__image,
.premium-news-card:hover .premium-news-card__image{
  filter:saturate(1.08) contrast(1.04);
}

.premium-action-card__topline{
  position:relative;
}

.premium-action-card__topline::after{
  content:"";
  position:absolute;
  left:58px;
  right:0;
  bottom:-11px;
  height:1px;
  background:linear-gradient(90deg,rgba(8,61,124,.16),transparent);
}

.premium-action-card--gold .premium-action-card__topline::after{
  background:linear-gradient(90deg,rgba(6,54,102,.28),transparent);
}

.premium-quote__inner{
  padding:48px 56px;
  border-radius:32px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(8,61,124,.08);
  box-shadow:0 24px 60px rgba(7,46,79,.07);
  backdrop-filter:blur(8px);
}

.premium-impact__stats strong{
  text-shadow:0 8px 22px rgba(0,0,0,.16);
}

.premium-news-card__meta{
  box-shadow:inset 0 0 0 1px rgba(8,61,124,.05);
}

.premium-final-cta{
  padding-top:96px;
}

.premium-final-cta__wave{
  position:absolute;
  left:0;
  right:0;
  top:-1px;
  height:54px;
  background:#fff;
  clip-path:path('M0 0H1440V10C1180 50 870 2 580 22C320 40 140 60 0 24V0Z');
}

.floating-donate{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:80;
  display:flex;
  align-items:center;
  gap:9px;
  min-height:50px;
  padding:0 20px;
  border-radius:999px;
  background:#f7c53b;
  color:#063666;
  box-shadow:0 16px 36px rgba(6,54,102,.24);
  font-weight:900;
  transition:transform .2s ease,box-shadow .2s ease;
}
.floating-donate:hover{
  transform:translateY(-4px);
  box-shadow:0 22px 44px rgba(6,54,102,.3);
}
.floating-donate span{
  font-size:1.35rem;
  line-height:1;
}

@media(max-width:980px){
  .premium-final-cta__wave{
    clip-path:none;
    height:18px;
    border-radius:0 0 50% 50%;
  }
}

@media(max-width:720px){
  .premium-story__visual::before,
  .premium-story__visual::after{
    display:none;
  }

  .premium-quote__inner{
    padding:34px 24px;
    border-radius:24px;
  }

  .floating-donate{
    right:14px;
    bottom:14px;
    min-height:46px;
    padding:0 16px;
  }
}

@media(prefers-reduced-motion:reduce){
  .reveal-section{
    opacity:1;
    transform:none;
    transition:none;
  }
}


/* v0.4.8 — verbeterde mobiele header en zichtbare boot */
@media(max-width:980px){
  .site-header,
  .site-header.is-scrolled{
    position:relative;
    top:auto;
    padding:0;
    background:#fff;
    box-shadow:none;
  }

  .topbar,
  .site-header.is-scrolled .topbar{
    display:none;
  }

  .nav-shell,
  .site-header.is-scrolled .nav-shell{
    height:76px;
    padding:0;
    background:#fff;
    border-bottom:1px solid #e2eaf1;
    box-shadow:0 8px 24px rgba(7,46,79,.07);
  }

  .nav-shell__inner,
  .site-header.is-scrolled .nav-shell__inner{
    width:min(100% - 24px,1370px);
    height:76px;
    display:grid;
    grid-template-columns:1fr auto;
    gap:12px;
    padding:0;
    border:0;
    border-radius:0;
    background:#fff;
    box-shadow:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }

  .brand,
  .brand__fallback{
    height:72px;
    min-width:0;
  }

  .brand__fallback img,
  .site-header.is-scrolled .brand__fallback img{
    width:auto;
    max-width:178px;
    max-height:62px;
    object-fit:contain;
  }

  .nav-actions{
    display:flex;
    align-items:center;
    gap:8px;
    z-index:72;
  }

  .menu-toggle,
  .site-header.is-scrolled .menu-toggle{
    display:grid;
    width:48px;
    height:48px;
    padding:0;
    border:0;
    border-radius:14px;
    background:#073b72;
    box-shadow:0 8px 20px rgba(7,46,79,.18);
  }

  .menu-toggle span,
  .site-header.is-scrolled .menu-toggle span{
    width:22px;
    height:2px;
    background:#fff;
  }

  .primary-nav{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    width:min(360px,88vw);
    padding:96px 24px 30px;
    background:#fff;
    box-shadow:-20px 0 50px rgba(7,46,79,.20);
    transform:translateX(105%);
    z-index:70;
  }

  .primary-nav::before{
    content:"Menu";
    position:absolute;
    left:24px;
    top:30px;
    color:#073b72;
    font-family:Poppins,sans-serif;
    font-size:1.45rem;
    font-weight:800;
  }

  .primary-nav.is-open{transform:translateX(0)}

  .site-menu{
    display:grid;
    gap:4px;
  }

  .site-menu a,
  .site-header.is-scrolled .site-menu a{
    display:flex;
    align-items:center;
    min-height:48px;
    padding:10px 4px;
    color:#123b72;
    border-bottom:1px solid #e7edf3;
    font-size:1rem;
    font-weight:750;
    text-shadow:none;
  }

  .site-menu a::after{display:none}

  .mobile-donate{
    display:flex;
    width:100%;
    margin-top:24px;
    min-height:52px;
    border-radius:14px;
  }

  .nav-donate{display:none}

  /* Mobile hero: image on top, content below */
  .mock-hero--exact{
    min-height:0 !important;
    aspect-ratio:auto;
    background:#f2f6fa;
    overflow:hidden;
  }

  .mock-hero__exact-art,
  .mock-hero__exact-links{
    display:none;
  }

  .mock-hero--exact::before{
    display:none;
  }

  .mock-hero__mobile{
    display:block;
    min-height:0;
    width:100%;
  }

  .mock-hero__mobile-boat{
    position:relative;
    height:310px;
    background:
      linear-gradient(180deg,rgba(0,0,0,0) 66%,rgba(5,48,90,.18) 100%),
      url('../images/hero-boat-precise.jpg') 66% 53% / cover no-repeat;
  }

  .mock-hero__mobile-boat::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-1px;
    height:46px;
    background:#f2f6fa;
    clip-path:polygon(0 74%,12% 52%,26% 68%,42% 40%,58% 62%,75% 42%,89% 64%,100% 48%,100% 100%,0 100%);
  }

  .mock-hero__mobile-copy{
    width:min(100% - 32px,620px);
    margin-inline:auto;
  }

  .mock-hero__mobile .mock-hero__content{
    max-width:none;
    padding:22px 0 42px;
    text-align:center;
  }

  .mock-hero__title-main{
    font-size:clamp(2.7rem,11vw,3.6rem);
    line-height:1;
  }

  .mock-hero__title-script{
    margin-top:10px;
    font-size:clamp(2rem,8vw,2.75rem);
    line-height:1.08;
  }

  .mock-hero p{
    margin-inline:auto;
    max-width:420px;
    font-size:1rem;
    line-height:1.55;
  }

  .mock-hero__actions{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
    margin-top:24px;
  }

  .mock-hero__actions .button{
    width:100%;
    min-height:52px;
    justify-content:center;
  }
}

@media(max-width:640px){
  .nav-shell,
  .site-header.is-scrolled .nav-shell,
  .nav-shell__inner,
  .site-header.is-scrolled .nav-shell__inner{
    height:70px;
  }

  .brand,
  .brand__fallback{
    height:66px;
  }

  .brand__fallback img,
  .site-header.is-scrolled .brand__fallback img{
    max-width:152px;
    max-height:56px;
  }

  .menu-toggle,
  .site-header.is-scrolled .menu-toggle{
    width:44px;
    height:44px;
    border-radius:12px;
  }

  .primary-nav{
    width:min(330px,92vw);
    padding:88px 20px 26px;
  }

  .primary-nav::before{
    left:20px;
    top:26px;
  }

  .mock-hero__mobile-boat{
    height:245px;
    background-position:64% 54%;
  }

  .mock-hero__mobile .mock-hero__content{
    padding:18px 0 34px;
  }

  .mock-hero__title-main{
    font-size:2.75rem;
  }

  .mock-hero__title-script{
    font-size:2.05rem;
  }
}


/* v0.4.9 — mobiele 2.500 badge beter zichtbaar */
@media(max-width:980px){
  .mock-hero__mobile-boat{
    overflow:visible;
  }

  .mock-hero__mobile-badge{
    position:absolute;
    right:22px;
    bottom:18px;
    z-index:4;
    width:132px;
    height:132px;
    border-radius:50%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    color:#fff;
    background:linear-gradient(145deg,#0a4b96,#06366f);
    border:4px solid rgba(255,255,255,.96);
    box-shadow:0 16px 36px rgba(4,45,90,.32);
  }

  .mock-hero__mobile-badge-heart{
    color:#f7c53b;
    font-size:1.35rem;
    line-height:1;
    margin-bottom:3px;
  }

  .mock-hero__mobile-badge strong{
    display:block;
    margin:2px 0 3px;
    color:#fff;
    font-family:Poppins,sans-serif;
    font-size:2rem;
    line-height:1;
    letter-spacing:-.04em;
  }

  .mock-hero__mobile-badge-small{
    color:#fff;
    font-size:.68rem;
    line-height:1.15;
    font-weight:800;
  }
}

@media(max-width:640px){
  .mock-hero__mobile-badge{
    right:12px;
    bottom:12px;
    width:112px;
    height:112px;
    border-width:3px;
  }

  .mock-hero__mobile-badge-heart{
    font-size:1.15rem;
    margin-bottom:2px;
  }

  .mock-hero__mobile-badge strong{
    font-size:1.65rem;
  }

  .mock-hero__mobile-badge-small{
    font-size:.6rem;
  }
}

@media(max-width:380px){
  .mock-hero__mobile-badge{
    width:100px;
    height:100px;
    right:8px;
    bottom:10px;
  }

  .mock-hero__mobile-badge strong{
    font-size:1.48rem;
  }
}


/* v0.5.0 — contactpagina */
.contact-page{background:#fff}

.contact-hero{
  position:relative;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 80% 20%,rgba(29,160,230,.34),transparent 32%),
    linear-gradient(115deg,#042d5a,#075a9f);
}

.contact-hero__inner{
  min-height:410px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:60px;
  padding-top:56px;
  padding-bottom:90px;
}

.contact-hero__inner>div:first-child{
  max-width:780px;
}

.contact-hero h1{
  margin:0;
  max-width:760px;
  color:#fff;
  font-size:clamp(3rem,5.5vw,6rem);
  line-height:.98;
  letter-spacing:-.05em;
}

.contact-hero p:not(.premium-kicker){
  max-width:680px;
  margin:24px 0 0;
  color:rgba(255,255,255,.82);
  font-size:1.13rem;
  line-height:1.7;
}

.contact-hero__badge{
  width:184px;
  height:184px;
  flex:0 0 184px;
  border-radius:50%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:#f7c53b;
  color:#063666;
  border:8px solid rgba(255,255,255,.94);
  box-shadow:0 24px 55px rgba(3,31,58,.28);
}

.contact-hero__badge span{
  font-size:2.4rem;
  line-height:1;
}

.contact-hero__badge strong{
  max-width:120px;
  margin-top:12px;
  font-family:Poppins,sans-serif;
  font-size:1.05rem;
  line-height:1.2;
}

.contact-hero__wave{
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:90px;
}

.contact-hero__wave svg{
  width:100%;
  height:100%;
  display:block;
}

.contact-main{
  padding:110px 0 120px;
}

.contact-main__grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:86px;
  align-items:start;
}

.contact-details h2,
.contact-form-panel h2,
.contact-location h2{
  margin:0;
  color:#123b72;
  font-size:clamp(2.4rem,3.8vw,4.4rem);
  line-height:1.04;
  letter-spacing:-.045em;
}

.contact-details__lead{
  margin:24px 0 32px;
  color:#64788f;
  font-size:1.05rem;
  line-height:1.75;
}

.contact-cards{
  display:grid;
  gap:14px;
}

.contact-card{
  display:grid;
  grid-template-columns:54px 1fr;
  gap:16px;
  align-items:center;
  padding:18px 20px;
  border:1px solid #e0e9f0;
  border-radius:18px;
  background:#fff;
  color:#123b72;
  box-shadow:0 12px 30px rgba(7,46,79,.055);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}

a.contact-card:hover{
  transform:translateY(-3px);
  border-color:rgba(8,61,124,.18);
  box-shadow:0 18px 40px rgba(7,46,79,.10);
}

.contact-card__icon{
  width:54px;
  height:54px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#edf6fb;
  color:#0878bf;
  font-size:1.4rem;
}

.contact-card small{
  display:block;
  margin-bottom:5px;
  color:#7b8da1;
  font-size:.72rem;
  font-weight:850;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.contact-card strong{
  display:block;
  color:#123b72;
  font-size:1rem;
  line-height:1.45;
}

.contact-quick{
  margin-top:34px;
  padding:28px;
  border-radius:22px;
  color:#fff;
  background:linear-gradient(135deg,#063666,#0a67ae);
  box-shadow:0 22px 50px rgba(7,46,79,.15);
}

.contact-quick h3{
  margin:0 0 18px;
  color:#f7c53b;
  font-size:1.3rem;
}

.contact-quick>div{
  display:grid;
  gap:10px;
}

.contact-quick a{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:12px 0;
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.14);
  font-weight:750;
}

.contact-quick a:last-child{border-bottom:0}

.contact-form-panel{
  position:relative;
  padding:42px;
  border:1px solid #e0e9f0;
  border-radius:30px;
  background:
    radial-gradient(circle at 100% 0,rgba(29,160,230,.10),transparent 28%),
    #fff;
  box-shadow:0 28px 70px rgba(7,46,79,.11);
}

.contact-form-panel__label{
  margin:0 0 10px;
  color:#0b84cf;
  font-size:.77rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.contact-form-panel h2{
  font-size:clamp(2.2rem,3vw,3.5rem);
}

.contact-alert{
  margin:24px 0 0;
  padding:14px 16px;
  border-radius:12px;
  font-weight:700;
}

.contact-alert--success{
  color:#17623c;
  background:#eaf8f0;
  border:1px solid #bfe7cf;
}

.contact-alert--error{
  color:#8a2b2b;
  background:#fff0f0;
  border:1px solid #efc7c7;
}

.contact-form{
  display:grid;
  gap:20px;
  margin-top:30px;
}

.contact-form__row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.contact-form label{
  display:grid;
  gap:8px;
  color:#294c75;
  font-size:.88rem;
  font-weight:800;
}

.contact-form input,
.contact-form select,
.contact-form textarea{
  width:100%;
  border:1px solid #d7e2eb;
  border-radius:14px;
  background:#f9fbfd;
  color:#173f70;
  font:inherit;
  font-weight:500;
  outline:none;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}

.contact-form input,
.contact-form select{
  height:52px;
  padding:0 15px;
}

.contact-form textarea{
  min-height:165px;
  padding:14px 15px;
  resize:vertical;
}

.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus{
  border-color:#168bd1;
  background:#fff;
  box-shadow:0 0 0 4px rgba(22,139,209,.12);
}

.contact-form__privacy{
  grid-template-columns:22px 1fr !important;
  align-items:start;
  gap:10px !important;
  color:#64788f !important;
  font-size:.82rem !important;
  font-weight:600 !important;
  line-height:1.45;
}

.contact-form__privacy input{
  width:18px;
  height:18px;
  margin-top:1px;
}

.contact-form__honeypot{
  position:absolute !important;
  left:-9999px !important;
}

.contact-form__submit{
  min-width:210px;
  justify-self:start;
  border:0;
}

.contact-location{
  padding:0 0 120px;
}

.contact-location__grid{
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  min-height:470px;
  overflow:hidden;
  border-radius:30px;
  background:#f1f6fa;
  box-shadow:0 25px 65px rgba(7,46,79,.10);
}

.contact-location__content{
  padding:64px;
  align-self:center;
}

.contact-location__content p:not(.premium-kicker){
  margin:22px 0 28px;
  color:#64788f;
  line-height:1.7;
}

.contact-location__visual{
  position:relative;
  min-height:470px;
  background:
    linear-gradient(90deg,rgba(241,246,250,.95) 0%,rgba(241,246,250,.12) 26%,transparent 42%),
    url('../images/hero-boat-clean.jpg') 72% center/cover no-repeat;
}

.contact-location__pin{
  position:absolute;
  right:60px;
  bottom:46px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:14px 18px;
  border-radius:999px;
  background:#fff;
  color:#063666;
  box-shadow:0 16px 38px rgba(7,46,79,.18);
}

.contact-location__pin span{
  color:#0b84cf;
  font-size:1.25rem;
}

@media(max-width:980px){
  .contact-hero__inner{
    min-height:370px;
  }

  .contact-hero__badge{
    width:150px;
    height:150px;
    flex-basis:150px;
  }

  .contact-main__grid{
    grid-template-columns:1fr;
    gap:56px;
  }

  .contact-location__grid{
    grid-template-columns:1fr;
  }

  .contact-location__visual{
    min-height:360px;
  }
}

@media(max-width:680px){
  .contact-hero__inner{
    min-height:420px;
    align-items:flex-start;
    flex-direction:column;
    padding-top:48px;
    padding-bottom:80px;
  }

  .contact-hero__badge{
    width:124px;
    height:124px;
    flex-basis:124px;
    align-self:flex-end;
    margin-top:-24px;
    border-width:5px;
  }

  .contact-hero h1{
    font-size:3.25rem;
  }

  .contact-main{
    padding:78px 0;
  }

  .contact-form-panel{
    padding:28px 22px;
    border-radius:24px;
  }

  .contact-form__row{
    grid-template-columns:1fr;
  }

  .contact-location{
    padding-bottom:78px;
  }

  .contact-location__content{
    padding:40px 26px;
  }

  .contact-location__visual{
    min-height:290px;
  }

  .contact-location__pin{
    right:18px;
    bottom:18px;
  }
}


/* v0.5.4 — originele bootfoto expliciet in homepage/header */
.mock-hero__exact-art{
  background-image:url('../images/hero-exact-original-desktop.jpg') !important;
}
.premium-story__image--main,
.premium-news-card__image--one,
.contact-location__visual{
  background-image:url('../images/hero-boat-original.jpg') !important;
}
.premium-action-card__image--boat{
  background-image:url('../images/card-boat-original.jpg') !important;
}
@media(max-width:980px){
  .mock-hero__mobile-boat{
    background-image:
      linear-gradient(180deg,rgba(0,0,0,0) 66%,rgba(5,48,90,.18) 100%),
      url('../images/hero-boat-original-mobile.jpg') !important;
    background-position:66% 53% !important;
  }
}
@media(max-width:640px){
  .mock-hero__mobile-boat{
    background-image:
      linear-gradient(180deg,rgba(0,0,0,0) 66%,rgba(5,48,90,.18) 100%),
      url('../images/hero-boat-original-mobile.jpg') !important;
    background-position:64% 54% !important;
  }
}


/* v0.5.7 — nette desktop header met echte badge */
.mock-hero__exact-art{
  background-image:url('../images/hero-exact-original-desktop-v3.jpg') !important;
}

.mock-hero__desktop-badge{
  position:absolute;
  right:116px;
  bottom:54px;
  z-index:4;
  width:152px;
  height:152px;
  border-radius:50%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff;
  background:#0b3a82;
  border:5px solid rgba(255,255,255,.96);
  box-shadow:0 18px 38px rgba(7,46,79,.20);
}
.mock-hero__desktop-badge-heart{
  color:#f7c53b;
  font-size:1.5rem;
  line-height:1;
  margin-bottom:4px;
}
.mock-hero__desktop-badge strong{
  display:block;
  margin:2px 0;
  color:#fff;
  font-family:Poppins,sans-serif;
  font-size:2rem;
  line-height:1;
  letter-spacing:-.04em;
}
.mock-hero__desktop-badge-small{
  color:#fff;
  font-size:.8rem;
  line-height:1.15;
  font-weight:800;
}

@media(max-width:980px){
  .mock-hero__desktop-badge{display:none}
}


/* v0.5.8 — desktop header netjes opgeschoond */
.mock-hero__exact-art{
  background-image:url('../images/hero-exact-original-desktop-v4.jpg') !important;
}

.mock-hero__desktop-badge{
  right:78px !important;
  bottom:74px !important;
  width:146px !important;
  height:146px !important;
  border-width:5px !important;
  box-shadow:0 18px 34px rgba(7,46,79,.18) !important;
}
.mock-hero__desktop-badge strong{
  font-size:1.95rem !important;
}
.mock-hero__desktop-badge-small{
  font-size:.78rem !important;
  line-height:1.12 !important;
}


/* v0.5.9 — linker overgang van desktop header netter gemaakt */
.mock-hero__exact-art{
  background-image:url('../images/hero-exact-original-desktop-v5.jpg') !important;
}


/* v0.6.0 — desktop header opnieuw opgebouwd met echte content */
.mock-hero__exact-art{
  background-image:url('../images/hero-exact-clean-bg.jpg') !important;
}

@media(min-width:961px){
  .mock-hero--exact{
    position:relative;
    background:#eef4f8;
  }

  .mock-hero__exact-links{
    display:none !important;
  }

  .mock-hero__mobile{
    display:block !important;
    position:relative;
    z-index:3;
    min-height:0 !important;
    height:100%;
  }

  .mock-hero__mobile-boat{
    display:none !important;
  }

  .mock-hero__mobile-copy{
    width:min(100% - 70px, 1360px);
    margin:0 auto;
    position:relative;
    z-index:3;
  }

  .mock-hero__mobile .mock-hero__content{
    max-width:560px;
    padding:38px 0 0;
    color:#0b3472;
  }

  .mock-hero h1{
    margin:0 0 22px;
  }

  .mock-hero__title-main{
    font-size:4.5rem;
    line-height:.95;
  }

  .mock-hero__title-script{
    margin-top:10px;
    font-size:3rem;
    line-height:1.06;
  }

  .mock-hero p{
    max-width:470px;
    margin:0;
    font-size:1.05rem;
    line-height:1.45;
  }

  .mock-hero__actions{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
    margin-top:28px;
  }

  .mock-hero__actions .button{
    min-height:56px;
  }

  .mock-hero__desktop-badge{
    right:84px !important;
    bottom:76px !important;
  }
}


/* v0.6.1 — premium afgewerkte headerfoto */
.mock-hero__exact-art{
  background-image:url('../images/hero-exact-clean-bg-v2.jpg') !important;
}

@media(min-width:961px){
  .mock-hero__desktop-badge{
    right:88px !important;
    bottom:72px !important;
    box-shadow:0 18px 36px rgba(7,46,79,.16) !important;
  }
}


/* v0.6.2 — header terug naar nette basis, originele bootfoto schoon ingevoegd */
.mock-hero__exact-art{
  background-image:url('../images/hero-exact-clean-bg-v3.jpg') !important;
}

@media(min-width:961px){
  .mock-hero--exact{
    background:#f1f6fa !important;
  }

  .mock-hero__mobile-copy{
    width:min(100% - 84px, 1360px) !important;
  }

  .mock-hero__mobile .mock-hero__content{
    max-width:560px !important;
    padding:40px 0 0 !important;
  }

  .mock-hero__title-main{
    font-size:4.35rem !important;
    line-height:.95 !important;
  }

  .mock-hero__title-script{
    font-size:2.95rem !important;
    line-height:1.06 !important;
  }

  .mock-hero p{
    max-width:500px !important;
    font-size:1.05rem !important;
    line-height:1.45 !important;
  }

  .mock-hero__actions{
    margin-top:30px !important;
  }

  .mock-hero__desktop-badge{
    right:86px !important;
    bottom:68px !important;
    width:150px !important;
    height:150px !important;
    box-shadow:0 18px 34px rgba(7,46,79,.16) !important;
  }
}


/* v0.6.3 — header professioneel opnieuw opgebouwd */
@media(min-width:961px){
  .mock-hero--exact{
    position:relative !important;
    isolation:isolate !important;
    overflow:hidden !important;
    aspect-ratio:1536 / 416 !important;
    min-height:0 !important;
    background:#f1f6fa !important;
  }

  .mock-hero__exact-art{
    position:absolute !important;
    inset:0 !important;
    z-index:0 !important;
    background-image:
      linear-gradient(90deg,
        #f1f6fa 0%,
        #f1f6fa 34%,
        rgba(241,246,250,.98) 41%,
        rgba(241,246,250,.82) 49%,
        rgba(241,246,250,.42) 57%,
        rgba(241,246,250,0) 66%
      ),
      url('../images/header-boat-original.jpg') !important;
    background-repeat:no-repeat !important;
    background-position:left center, right 48% !important;
    background-size:100% 100%, 68% auto !important;
    filter:none !important;
  }

  .mock-hero--exact::after{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:-1px !important;
    height:92px !important;
    z-index:2 !important;
    background:url('../images/hero-wave-clean.svg') center bottom / 100% 100% no-repeat !important;
    pointer-events:none !important;
  }

  .mock-hero__exact-links{
    display:none !important;
  }

  .mock-hero__mobile{
    display:block !important;
    position:relative !important;
    z-index:3 !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
  }

  .mock-hero__mobile-boat{
    display:none !important;
  }

  .mock-hero__mobile-copy{
    width:min(100% - 84px, 1360px) !important;
    margin:0 auto !important;
    position:relative !important;
    z-index:3 !important;
  }

  .mock-hero__mobile .mock-hero__content{
    max-width:560px !important;
    padding:42px 0 0 !important;
    color:#0b3472 !important;
    text-align:left !important;
  }

  .mock-hero h1{
    margin:0 0 22px !important;
    line-height:.98 !important;
  }

  .mock-hero__title-main{
    display:block !important;
    color:#0b3472 !important;
    font-family:Poppins,Inter,sans-serif !important;
    font-size:4.35rem !important;
    line-height:.95 !important;
    font-weight:800 !important;
    letter-spacing:-.045em !important;
  }

  .mock-hero__title-script{
    display:block !important;
    margin-top:10px !important;
    color:#efb400 !important;
    font-family:"Brush Script MT","Segoe Script",cursive !important;
    font-size:2.95rem !important;
    line-height:1.06 !important;
    font-weight:400 !important;
  }

  .mock-hero p{
    max-width:500px !important;
    margin:0 !important;
    color:#143766 !important;
    font-size:1.05rem !important;
    line-height:1.45 !important;
    font-weight:600 !important;
  }

  .mock-hero__actions{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:18px !important;
    margin-top:30px !important;
  }

  .mock-hero__actions .button{
    min-height:56px !important;
    border-radius:15px !important;
  }

  .mock-hero__desktop-badge{
    display:flex !important;
    right:78px !important;
    bottom:66px !important;
    width:150px !important;
    height:150px !important;
    z-index:4 !important;
    border-width:5px !important;
    box-shadow:0 18px 36px rgba(7,46,79,.18) !important;
  }
}

@media(min-width:961px) and (max-width:1180px){
  .mock-hero__exact-art{
    background-position:left center, 112% 48% !important;
    background-size:100% 100%, 76% auto !important;
  }

  .mock-hero__title-main{
    font-size:3.75rem !important;
  }

  .mock-hero__title-script{
    font-size:2.5rem !important;
  }

  .mock-hero__desktop-badge{
    right:42px !important;
    width:132px !important;
    height:132px !important;
  }
}


/* v0.6.4 — langere CTA tekst in header */
@media(min-width:961px){
  .mock-hero__actions .button--outline-navy{
    min-width:250px;
  }
}


/* v0.6.5 — origineel logo verwerkt */
.brand__fallback img,
.site-header.is-scrolled .brand__fallback img{
  object-fit:contain;
  image-rendering:auto;
}


/* v0.6.6 — logo netjes in header, footer, favicon en login */
.brand__fallback img,
.site-header.is-scrolled .brand__fallback img{
  width:82px !important;
  height:82px !important;
  max-width:82px !important;
  max-height:82px !important;
  border-radius:50% !important;
  object-fit:cover !important;
  background:#fff !important;
  padding:0 !important;
  box-shadow:0 8px 22px rgba(7,46,79,.12) !important;
}

.site-header.is-scrolled .brand__fallback img{
  width:64px !important;
  height:64px !important;
  max-width:64px !important;
  max-height:64px !important;
}

.footer-logo{
  width:84px;
  height:84px;
  border-radius:50%;
  object-fit:cover;
  background:#fff;
  display:block;
  margin:0 0 16px;
  box-shadow:0 10px 26px rgba(0,0,0,.16);
}

@media(max-width:980px){
  .brand__fallback img,
  .site-header.is-scrolled .brand__fallback img{
    width:58px !important;
    height:58px !important;
    max-width:58px !important;
    max-height:58px !important;
  }
}

@media(max-width:640px){
  .brand__fallback img,
  .site-header.is-scrolled .brand__fallback img{
    width:52px !important;
    height:52px !important;
    max-width:52px !important;
    max-height:52px !important;
  }
}


/* v0.6.7 — origineel logo linksboven zichtbaar */
.site-header .brand,
.site-header .brand__fallback{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
}

.site-header .brand__fallback img{
  display:block !important;
  width:86px !important;
  height:86px !important;
  min-width:86px !important;
  min-height:86px !important;
  max-width:86px !important;
  max-height:86px !important;
  border-radius:50% !important;
  object-fit:cover !important;
  object-position:center !important;
  background:#fff !important;
  opacity:1 !important;
  visibility:visible !important;
  box-shadow:0 8px 24px rgba(7,46,79,.15) !important;
}

.site-header.is-scrolled .brand__fallback img{
  width:66px !important;
  height:66px !important;
  min-width:66px !important;
  min-height:66px !important;
  max-width:66px !important;
  max-height:66px !important;
}

@media(max-width:980px){
  .site-header .brand__fallback img,
  .site-header.is-scrolled .brand__fallback img{
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
    min-height:58px !important;
    max-width:58px !important;
    max-height:58px !important;
  }
}

@media(max-width:640px){
  .site-header .brand__fallback img,
  .site-header.is-scrolled .brand__fallback img{
    width:52px !important;
    height:52px !important;
    min-width:52px !important;
    min-height:52px !important;
    max-width:52px !important;
    max-height:52px !important;
  }
}