@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/inter-400.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/inter-500.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/inter-600.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/inter-700.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url('/assets/fonts/inter-800.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/plusjakartasans-600.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/plusjakartasans-700.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:800;font-display:swap;src:url('/assets/fonts/plusjakartasans-800.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* Ruimte voor topbalk en header, zodat de site-chrome (layout.min.js) geen verschuiving geeft (zelfde waarden als de homepage) */
#top-bar{min-height:48px}#site-header{min-height:70px}
@media (min-width:1024px){#top-bar{min-height:37px}#site-header{min-height:95px}}

/* ============================================================
   Over Growsult · pagina-stijl, ronde 2 (6 september 2026)
   Bouwstenen van de nieuwe homepage: mist/paper-vlakken, glows,
   coral lijn, gekantelde fotokaders, donker kerngegevens-blok,
   logo-marquee, plus-accordeon, coral slotband.
   Tokens komen overeen met assets/css/homepage.css.
   ============================================================ */
:root{
  --ov-paper:#fdfcf9; --ov-mist:#f5f0e7; --ov-sand:#efe6d8; --ov-card:#fbf9f2;
  --ov-ink:#0a2540; --ov-pine:#10385f; --ov-blue:#0071bc; --ov-coral:#ee6b58; --ov-coral-dark:#e0523d; --ov-coral-light:#ff8a73;
  --ov-line:rgba(10,37,64,.10); --ov-line-strong:rgba(10,37,64,.18);
  --ov-t80:rgba(10,37,64,.80); --ov-t70:rgba(10,37,64,.70); --ov-t65:rgba(10,37,64,.65); --ov-t55:rgba(10,37,64,.55);
  --ov-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --ov-display:'Plus Jakarta Sans','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --ov-shadow-card:0 10px 30px -14px rgba(10,37,64,.22);
  --ov-shadow-lift:0 20px 45px -18px rgba(10,37,64,.35);
  --ov-header-h:95px;
}
html,body{overflow-x:clip}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body.ov-body{margin:0;background:var(--ov-paper);color:var(--ov-ink);font-family:var(--ov-body);-webkit-font-smoothing:antialiased}
.ov-body *,.ov-body *::before,.ov-body *::after{box-sizing:border-box}
.ov-body img{max-width:100%;height:auto;display:block}
.ov-body a{color:inherit}
.ov-body button{font:inherit;color:inherit}
.ov-wrap{max-width:1440px;margin:0 auto;padding:0 1rem}
@media (min-width:640px){.ov-wrap{padding:0 1.5rem}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ---------- Secties en koppen ---------- */
.ov-sec{padding:5rem 0;scroll-margin-top:calc(var(--ov-header-h) + 3.5rem)}
@media (min-width:1024px){.ov-sec{padding:7rem 0}}
.ov-sec--paper{background:var(--ov-paper)}
.ov-sec--mist{background:var(--ov-mist);border-top:1px solid var(--ov-line);border-bottom:1px solid var(--ov-line)}
.ov-sec--smal{padding:3.5rem 0}
@media (min-width:1024px){.ov-sec--smal{padding:4.5rem 0}}
.ov-eyebrow{margin:0;font-family:var(--ov-display);font-size:13px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--ov-blue)}
.ov-h2{margin:.75rem 0 0;font-family:var(--ov-display);font-weight:800;letter-spacing:-.025em;line-height:1.05;color:var(--ov-ink);font-size:2.25rem}
@media (min-width:640px){.ov-h2{font-size:3rem}}
@media (min-width:1024px){.ov-h2{font-size:3.2rem;line-height:1.03}}
.ov-h2--klein{font-size:1.75rem}
@media (min-width:640px){.ov-h2--klein{font-size:2.1rem}}
@media (min-width:1024px){.ov-h2--klein{font-size:2.25rem}}
.ov-h2 .ov-accent{color:var(--ov-blue)}
.ov-lead{margin:1.25rem 0 0;max-width:34rem;font-size:17px;line-height:1.625;color:var(--ov-t65)}
.ov-kop{max-width:44rem}
.ov-kop-rij{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 2rem}
.ov-link{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;font-size:15px;color:var(--ov-blue);text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-size:0 1.5px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .35s ease}
.ov-link:hover{background-size:100% 1.5px}
.ov-link svg{width:1rem;height:1rem;transition:transform .2s}
.ov-link:hover svg{transform:translateX(3px)}

/* ---------- Knoppen ---------- */
.ov-btn{display:inline-flex;align-items:center;gap:.625rem;border-radius:999px;padding:1rem 1.75rem;font:600 15.5px/1.2 var(--ov-body);text-decoration:none;transition:background-color .2s,color .2s,box-shadow .2s,transform .15s,border-color .2s;border:1px solid transparent;cursor:pointer}
.ov-btn:active{transform:scale(.97)}
.ov-btn svg{width:1rem;height:1rem;transition:transform .2s;flex-shrink:0}
.ov-btn:hover svg{transform:translateX(3px)}
.ov-body .ov-btn--coral{background:var(--ov-coral);color:var(--ov-ink);box-shadow:0 10px 30px -10px rgba(238,107,88,.55)}
.ov-body .ov-btn--coral:hover{background:var(--ov-coral-dark);box-shadow:0 14px 36px -10px rgba(238,107,88,.7)}
.ov-body .ov-btn--ink{background:var(--ov-ink);color:var(--ov-paper)}
.ov-body .ov-btn--ink:hover{background:var(--ov-pine)}
.ov-body .ov-btn--ghost{border-color:rgba(10,37,64,.2);color:var(--ov-ink);background:transparent}
.ov-body .ov-btn--ghost:hover{border-color:var(--ov-blue);color:var(--ov-blue)}
.ov-body .ov-btn--paper{background:var(--ov-paper);color:var(--ov-ink)}
.ov-body .ov-btn--paper:hover{background:var(--ov-mist)}
.ov-body .ov-btn--ghost-paper{border-color:rgba(253,252,249,.28);color:var(--ov-paper);background:transparent}
.ov-body .ov-btn--ghost-paper:hover{border-color:var(--ov-coral-light);color:var(--ov-coral-light)}
.ov-body .ov-btn--ghost-ink{border:2px solid rgba(10,37,64,.25);color:var(--ov-ink);background:transparent;padding:calc(1rem - 1px) calc(1.75rem - 1px)}
.ov-body .ov-btn--ghost-ink:hover{border-color:var(--ov-ink);background:var(--ov-ink);color:var(--ov-coral)}
.ov-btn--groot{padding:1.125rem 2rem;font-size:17px;font-weight:700}
.ov-body .ov-btn--ink.ov-btn--groot{box-shadow:0 16px 36px -14px rgba(10,37,64,.55)}
.ov-knoppen{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.75rem}

/* ---------- Kruimelpad ---------- */
.ov-crumbs{margin:0;padding:.5rem 0 0;list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;font-size:13px;color:var(--ov-t55);position:relative}
.ov-crumbs a{color:var(--ov-t70);text-decoration:none}
.ov-crumbs a:hover{color:var(--ov-blue)}
.ov-crumbs li+li::before{content:"›";margin-right:.5rem;color:var(--ov-t55)}

/* ---------- Award-pil: zelfde als de homepage-hero sinds 6 sep (ink, verborgen op telefoons) ---------- */
.ov-award{display:none;margin:0;align-items:center;gap:.5rem;padding:.5rem 1rem .5rem .75rem;border-radius:999px;background:var(--ov-ink);color:var(--ov-paper);font-size:13px;font-weight:600;line-height:1}
@media (min-width:640px){.ov-award{display:inline-flex}}
.ov-award svg{width:1rem;height:1rem;flex-shrink:0;color:var(--ov-coral)}

/* ---------- 1. Hero ---------- */
.ov-hero{position:relative;overflow:hidden;background:var(--ov-mist);color:var(--ov-ink)}
.ov-hero__glow{pointer-events:none;position:absolute;inset:0;background:radial-gradient(58rem 36rem at 82% -10%,rgba(0,113,188,.08),transparent 60%),radial-gradient(46rem 30rem at -12% 110%,rgba(238,107,88,.07),transparent 62%)}
.ov-hero__lijn{pointer-events:none;position:absolute;right:-6rem;top:2.5rem;width:62rem;opacity:.16;display:none}
@media (min-width:1024px){.ov-hero__lijn{display:block}}
.ov-hero__blur{pointer-events:none;position:absolute;left:-10rem;top:33%;width:24rem;height:24rem;border-radius:50%;background:rgba(0,113,188,.15);filter:blur(120px)}
.ov-hero__grid{position:relative;display:grid;gap:3rem;padding:1rem 0 3.5rem}
@media (min-width:1024px){.ov-hero__grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:1.5rem;align-items:start;padding:1rem 0 3rem}}
@media (min-width:1024px){.ov-hero__tekst{grid-column:span 7}}
.ov-h1{margin:.5rem 0 0;font-family:var(--ov-display);font-weight:800;letter-spacing:-.03em;line-height:.98;font-size:clamp(2.15rem,8.8vw,3.25rem)}
@media (min-width:640px){.ov-h1{margin-top:.9rem;font-size:3.3rem}}
@media (min-width:1024px){.ov-h1{font-size:clamp(2.75rem,3.7vw,3.4rem)}}
.ov-h1 em{font-style:normal;color:var(--ov-coral)}
.line-mask{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.06em}
.line-mask>span{display:block;transform:translateY(110%);animation:ov-line-up .5s cubic-bezier(.22,1,.36,1) forwards;animation-delay:var(--line-delay,0ms)}
@keyframes ov-line-up{to{transform:translateY(0)}}
/* Onder 1024 px lopen de H1-regels gewoon door; vaste regelbreuken geven daar losse woorden op een regel */
@media (max-width:1023px){.line-mask,.line-mask>span{display:inline;overflow:visible;padding:0;margin:0;transform:none;animation:none}}
.ov-hero__lead{margin:1.1rem 0 0;max-width:38rem;font-size:17.5px;line-height:1.55;color:var(--ov-t70)}
.ov-hero__strook{display:flex;flex-wrap:wrap;gap:.75rem 0;margin:1.75rem 0 0;padding:0;list-style:none}
.ov-hero__strook li{display:flex;flex-direction:column;gap:.2rem;padding:0 1.5rem 0 0}
.ov-hero__strook li+li{padding-left:1.5rem;border-left:1px solid var(--ov-line-strong)}
.ov-hero__strook strong{font-family:var(--ov-display);font-weight:800;font-size:1.45rem;letter-spacing:-.02em;line-height:1;color:var(--ov-ink)}
.ov-hero__strook strong .ov-plus{color:var(--ov-coral)}
.ov-hero__strook small{font-size:13px;font-weight:500;line-height:1.35;color:var(--ov-t65)}
@media (max-width:639px){.ov-hero__strook{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:2rem}.ov-hero__strook li{padding:0 .75rem 0 0}.ov-hero__strook li+li{padding-left:.75rem}.ov-hero__strook strong{font-size:1.2rem}.ov-hero__strook small{font-size:11.5px}}
/* Fotocompositie: grote 4:5-foto met gekantelde rand, kleine foto eroverheen, zwevende beoordelingskaart */
.ov-hero__visual{position:relative;width:min(100%,22rem);margin:0 auto;padding:1rem 0 2.5rem 2.5rem}
@media (min-width:640px){.ov-hero__visual{width:min(100%,26rem);padding:1.25rem .75rem 3rem 3.5rem}}
@media (min-width:1024px){.ov-hero__visual{grid-column:span 5;align-self:center;width:auto;margin:0;padding:.75rem 1rem 2.25rem 4rem;justify-self:end;max-width:29rem}}
.ov-hero__groot{position:relative}
.ov-hero__groot::before{content:"";position:absolute;inset:-.75rem;border-radius:1.75rem;border:1px solid rgba(238,107,88,.32);transform:rotate(-2deg)}
.ov-hero__frame{position:relative;overflow:hidden;border-radius:1.5rem;background:var(--ov-blue);box-shadow:var(--ov-shadow-lift);aspect-ratio:4/5}
.ov-hero__frame img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.ov-hero__klein{position:absolute;left:0;bottom:0;width:8.5rem;aspect-ratio:1;border-radius:1.25rem;overflow:hidden;border:5px solid var(--ov-paper);box-shadow:var(--ov-shadow-card);transform:rotate(3deg);background:var(--ov-sand)}
@media (min-width:640px){.ov-hero__klein{width:11rem;border-width:6px}}
.ov-hero__klein img{width:100%;height:100%;object-fit:cover;object-position:50% 28%}
.ov-hero__kaart{position:absolute;right:-.25rem;top:0;display:flex;flex-direction:column;gap:.15rem;padding:.8rem 1rem;border-radius:1rem;background:var(--ov-paper);border:1px solid var(--ov-line);box-shadow:var(--ov-shadow-lift)}
@media (min-width:640px){.ov-hero__kaart{right:-.5rem;top:.25rem;padding:.95rem 1.2rem}}
@media (min-width:1024px){.ov-hero__kaart{right:-.25rem;top:.5rem}}
.ov-sterren{display:inline-flex;gap:2px;color:var(--ov-coral)}
.ov-sterren svg{width:14px;height:14px}
.ov-hero__cijfer{font-family:var(--ov-display);font-weight:800;font-size:1.6rem;letter-spacing:-.03em;line-height:1;color:var(--ov-ink)}
.ov-hero__cijfer span{color:var(--ov-t55);font-size:.7em;font-weight:700}
.ov-hero__kaart small{font-size:12px;font-weight:500;color:var(--ov-t65);white-space:nowrap}

/* ---------- 2. Ankerbalk ---------- */
.ov-anker{position:sticky;top:var(--ov-header-h);z-index:40;background:rgba(253,252,249,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--ov-line);border-bottom:1px solid var(--ov-line)}
.ov-anker ul{display:flex;gap:.25rem;margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.ov-anker ul::-webkit-scrollbar{display:none}
.ov-anker a{display:inline-block;white-space:nowrap;padding:1rem .9rem;font-size:13.5px;font-weight:600;line-height:1;color:var(--ov-t70);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .2s,border-color .2s}
.ov-anker a:hover{color:var(--ov-ink)}
.ov-anker a[aria-current="true"]{color:var(--ov-ink);border-bottom-color:var(--ov-coral)}
@media (min-width:1024px){.ov-anker ul{gap:.75rem}.ov-anker a{padding:1.05rem 1rem}}

/* ---------- 3. Waar we voor staan + kerngegevens-kaart ---------- */
.ov-vakken{margin-top:2.25rem;padding-top:1.5rem;border-top:1px solid var(--ov-line);max-width:38rem}
.ov-vakken p{margin:0 0 .8rem;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ov-t55)}
.ov-vakken ul{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}
.ov-vakken a{display:inline-flex;align-items:center;border-radius:999px;border:1px solid rgba(10,37,64,.15);background:var(--ov-paper);padding:.5rem .95rem;font-size:13.5px;font-weight:600;color:var(--ov-t80);text-decoration:none;transition:border-color .2s,color .2s,background .2s}
.ov-vakken a:hover{border-color:var(--ov-blue);color:var(--ov-blue)}
.ov-staan{display:grid;gap:3rem}
@media (min-width:1024px){.ov-staan{grid-template-columns:repeat(12,minmax(0,1fr));gap:2rem;align-items:start}.ov-staan__tekst{grid-column:span 6}.ov-staan__kaart{grid-column:8 / span 5}}
.ov-prose{margin:1.5rem 0 0;font-size:17px;line-height:1.7;color:var(--ov-t70);max-width:38rem}
.ov-prose p{margin:0 0 1.1rem}
.ov-prose p:last-child{margin-bottom:0}
.ov-prose a{color:var(--ov-blue);text-decoration:none;font-weight:600}
.ov-prose a:hover{text-decoration:underline}
.ov-prose strong{color:var(--ov-ink);font-weight:700}
.ov-kern{position:relative;overflow:hidden;border-radius:1.5rem;background:var(--ov-pine);color:var(--ov-paper);box-shadow:var(--ov-shadow-lift);padding:1.75rem}
@media (min-width:640px){.ov-kern{padding:2.5rem}}
.ov-kern__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.22}
.ov-kern__grad{position:absolute;inset:0;background:linear-gradient(135deg,rgba(10,37,64,.94) 0%,rgba(16,56,95,.88) 55%,rgba(0,113,188,.72) 100%)}
.ov-kern>*{position:relative}
.ov-kern__eyebrow{margin:0;font-family:var(--ov-display);font-size:12px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--ov-coral-light)}
.ov-kern__titel{margin:.5rem 0 0;font-family:var(--ov-display);font-weight:800;font-size:1.6rem;letter-spacing:-.02em;line-height:1.1}
.ov-kern dl{margin:1.5rem 0 0;border-top:1px solid rgba(253,252,249,.16)}
.ov-kern dl div{display:grid;grid-template-columns:8.5rem 1fr;gap:1rem;padding:.8rem 0;border-bottom:1px solid rgba(253,252,249,.12)}
@media (max-width:479px){.ov-kern dl div{grid-template-columns:1fr;gap:.15rem}}
.ov-kern dt{margin:0;font-family:var(--ov-display);font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ov-coral-light);padding-top:.2rem}
.ov-kern dd{margin:0;font-size:15px;line-height:1.5;color:rgba(253,252,249,.88)}
.ov-kern dd strong{font-family:var(--ov-display);font-weight:800;font-size:1.05em;color:var(--ov-paper)}
.ov-kern__voet{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.5rem}
.ov-kern__link{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;font-size:15px;color:var(--ov-paper);text-decoration:none}
.ov-kern__link svg{width:1rem;height:1rem;transition:transform .2s;color:var(--ov-coral-light)}
.ov-kern__link:hover svg{transform:translateX(3px)}

/* ---------- 4. Stepper ---------- */
.ov-stepper{list-style:none;margin:3rem 0 0;padding:0;display:grid;gap:2.5rem 2rem}
@media (min-width:640px){.ov-stepper{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.ov-stepper{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:3.5rem}}
.ov-stap{position:relative;border-top:2px solid rgba(10,37,64,.14);padding-top:1.75rem}
.ov-stap::before{content:"";position:absolute;left:0;top:-8px;width:14px;height:14px;border-radius:50%;background:var(--ov-coral);box-shadow:0 0 0 4px var(--ov-mist)}
.ov-stap__nr{margin:0;font-family:var(--ov-display);font-weight:800;font-size:2.75rem;line-height:1;letter-spacing:-.03em;color:var(--ov-coral)}
.ov-stap__titel{margin:1rem 0 0;font-family:var(--ov-display);font-weight:700;font-size:1.3rem;letter-spacing:-.012em;line-height:1.2;color:var(--ov-ink)}
.ov-stap__tekst{margin:.65rem 0 0;font-size:15px;line-height:1.6;color:var(--ov-t70)}
.ov-stap__tag{display:inline-block;margin-top:.9rem;padding:.25rem .7rem;border-radius:999px;background:rgba(238,107,88,.16);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ov-t80)}
.ov-bron{margin:3rem 0 0;max-width:46rem;font-size:15px;line-height:1.65;color:var(--ov-t65);padding-left:1rem;border-left:2px solid rgba(238,107,88,.6)}
.ov-bron a{color:var(--ov-blue);font-weight:600;text-decoration:none}
.ov-bron a:hover{text-decoration:underline}

/* ---------- 5. Trainers ---------- */
.ov-mensen{display:grid;gap:3rem}
@media (min-width:1024px){.ov-mensen{grid-template-columns:repeat(12,minmax(0,1fr));gap:2.5rem}.ov-mensen__kop{grid-column:span 4}.ov-mensen__raster{grid-column:6 / span 7}}
@media (min-width:1024px){.ov-sticky{position:sticky;top:calc(var(--ov-header-h) + 5.5rem)}}
.ov-team{display:flex;flex-wrap:wrap;justify-content:center;gap:2.5rem 1.25rem;text-align:center}
.ov-team>div{flex:0 0 calc((100% - 1.25rem)/2);min-width:0}
@media (max-width:359px){.ov-team .ov-team__pic{width:120px;height:120px}}
@media (min-width:1024px){.ov-team{gap:3rem 2rem}.ov-team>div{flex-basis:calc((100% - 2rem)/2)}}
.ov-team__pic{width:140px;height:140px;margin:0 auto;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 40%,#ffe1d6 0%,#ffb39c 78%,#ff8a73 100%);border:4px solid #fff;box-shadow:0 10px 26px rgba(10,37,64,.10)}
@media (min-width:640px){.ov-team__pic{width:176px;height:176px}}
.ov-team__pic img{width:100%;height:100%;object-fit:cover;object-position:top}
.ov-team__naam{margin:1rem 0 0;font-family:var(--ov-display);font-size:17px;font-weight:800;color:var(--ov-ink)}
.ov-team__rol{margin:.2rem 0 0;font-size:13px;font-weight:700;color:var(--ov-coral)}
.ov-team__bio{margin:.5rem auto 0;max-width:17rem;font-size:14px;line-height:1.5;color:var(--ov-t70);padding:0 .25rem}
.ov-chips{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.75rem}
.ov-chip{display:inline-flex;align-items:center;border-radius:999px;border:1px solid rgba(10,37,64,.15);background:var(--ov-paper);padding:.5rem 1rem;font-size:13px;font-weight:600;color:var(--ov-t70)}

/* ---------- 6. Opdrachtgevers: logo-marquee en citaten ---------- */
.ov-logos{margin-top:2.5rem;border:1px solid var(--ov-line);background:var(--ov-paper);border-radius:1.25rem;padding:1.6rem 0;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent)}
.ov-logos__track{display:flex;width:max-content;align-items:center;animation:ov-marquee 38s linear infinite}
.ov-logos__track:hover{animation-play-state:paused}
.ov-logos__set{display:flex;flex-shrink:0;align-items:center;gap:3.5rem;padding-right:3.5rem}
.ov-logo{width:auto;object-fit:contain;filter:grayscale(1);opacity:.65;transition:filter .3s,opacity .3s}
.ov-logo:hover{filter:none;opacity:1}
@keyframes ov-marquee{to{transform:translateX(-50%)}}
.ov-citaten{display:grid;gap:1.25rem;margin-top:1.5rem}
@media (min-width:1024px){.ov-citaten{grid-template-columns:repeat(12,minmax(0,1fr));gap:1.5rem;margin-top:2rem}.ov-citaat--groot{grid-column:span 7}.ov-citaten__klein{grid-column:span 5}}
.ov-citaten__klein{display:grid;gap:1.25rem}
@media (min-width:640px) and (max-width:1023px){.ov-citaten__klein{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ov-citaat{position:relative;margin:0;display:flex;flex-direction:column;border:1px solid var(--ov-line);background:var(--ov-card);border-radius:1.25rem;padding:1.6rem;box-shadow:0 6px 24px -16px rgba(12,35,27,.25)}
.ov-citaat--groot{background:var(--ov-sand);border-color:transparent;padding:2rem}
@media (min-width:640px){.ov-citaat--groot{padding:2.75rem}}
.ov-citaat__teken{display:block;font-family:var(--ov-display);font-weight:800;font-size:4.5rem;line-height:.55;height:2.2rem;color:var(--ov-coral)}
.ov-citaat blockquote{margin:0;font-size:15.5px;line-height:1.6;color:var(--ov-t80);flex:1}
.ov-citaat--groot blockquote{font-family:var(--ov-display);font-weight:700;font-size:clamp(1.25rem,1.9vw,1.65rem);line-height:1.3;letter-spacing:-.02em;color:var(--ov-ink)}
.ov-citaat figcaption{display:flex;align-items:center;gap:.9rem;margin-top:1.4rem;padding-top:1.1rem;border-top:1px solid var(--ov-line)}
.ov-citaat--groot figcaption{border-top-color:rgba(10,37,64,.12);margin-top:2rem}
.ov-citaat figcaption img{width:46px;height:46px;border-radius:50%;object-fit:cover;box-shadow:var(--ov-shadow-card);flex-shrink:0}
.ov-citaat--groot figcaption img{width:56px;height:56px}
.ov-citaat__naam{margin:0;font-size:14.5px;font-weight:700;color:var(--ov-ink)}
.ov-citaat__rol{margin:.1rem 0 0;font-size:12.5px;font-weight:500;color:var(--ov-t70)}

/* ---------- 7. Erkenning ---------- */
.ov-keur{display:grid;gap:2rem;align-items:center}
@media (min-width:1024px){.ov-keur{grid-template-columns:repeat(12,minmax(0,1fr));gap:2rem}.ov-keur__kop{grid-column:span 4}.ov-keur__lijst{grid-column:5 / span 8}}
.ov-keur__lijst{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;border-top:1px solid var(--ov-line);border-bottom:1px solid var(--ov-line)}
@media (min-width:1024px){.ov-keur__lijst{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ov-keur__item{display:flex;align-items:center;gap:.85rem;padding:1.25rem 1rem;border-left:1px solid var(--ov-line);color:var(--ov-ink);text-decoration:none;min-height:5.5rem}
.ov-keur__item:nth-child(odd){border-left:0}
@media (min-width:1024px){.ov-keur__item:nth-child(odd){border-left:1px solid var(--ov-line)}.ov-keur__item:first-child{border-left:0}}
a.ov-keur__item:hover .ov-keur__t{color:var(--ov-blue)}
.ov-keur__icoon{width:34px;height:34px;flex-shrink:0;display:block}
.ov-keur__icoon--zegel{stroke:var(--ov-blue)}
.ov-keur__t{margin:0;font-family:var(--ov-display);font-size:15px;font-weight:800;line-height:1.2;transition:color .2s}
.ov-keur__s{margin:.2rem 0 0;font-size:12.5px;font-weight:500;line-height:1.3;color:var(--ov-t70)}

/* ---------- 8. Werken bij ---------- */
.ov-werk{position:relative;overflow:hidden;background:var(--ov-ink);color:var(--ov-paper)}
.ov-werk__glow{pointer-events:none;position:absolute;inset:0;background:radial-gradient(48rem 30rem at 0% 0%,rgba(0,113,188,.25),transparent 60%),radial-gradient(40rem 26rem at 100% 100%,rgba(238,107,88,.14),transparent 60%)}
.ov-werk__grid{position:relative;display:grid;gap:3rem;align-items:center}
@media (min-width:1024px){.ov-werk__grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:2rem}.ov-werk__tekst{grid-column:span 6}.ov-werk__foto{grid-column:8 / span 5}}
.ov-werk .ov-eyebrow{color:var(--ov-coral-light)}
.ov-werk .ov-h2{color:var(--ov-paper)}
.ov-werk .ov-h2 .ov-accent{color:var(--ov-coral-light)}
.ov-werk .ov-lead{color:rgba(253,252,249,.72)}
.ov-werk__punten{margin:1.75rem 0 0;padding:0;list-style:none;display:grid;gap:.85rem;max-width:34rem}
.ov-werk__punten li{display:flex;gap:.8rem;align-items:flex-start;font-size:15.5px;line-height:1.55;color:rgba(253,252,249,.82)}
.ov-werk__punten li strong{color:var(--ov-paper);font-weight:600}
.ov-werk__vink{margin-top:.15rem;display:grid;place-items:center;width:1.5rem;height:1.5rem;flex-shrink:0;border-radius:50%;background:var(--ov-coral);color:var(--ov-ink)}
.ov-werk__vink svg{width:.85rem;height:.85rem}
.ov-werk__foto{position:relative;width:min(100%,28rem);margin:0 auto}
@media (min-width:1024px){.ov-werk__foto{width:auto;margin:0}}
.ov-werk__foto::before{content:"";position:absolute;inset:-.75rem;border-radius:1.75rem;border:1px solid rgba(253,252,249,.16);transform:rotate(2deg)}
.ov-werk__frame{position:relative;overflow:hidden;border-radius:1.5rem;aspect-ratio:4/3;box-shadow:var(--ov-shadow-lift);background:var(--ov-pine)}
.ov-werk__frame img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}

/* ---------- 9. Vragen ---------- */
.ov-faq{display:grid;gap:3rem}
@media (min-width:1024px){.ov-faq{grid-template-columns:repeat(12,minmax(0,1fr));gap:3rem}.ov-faq__kop{grid-column:span 4}.ov-faq__lijst{grid-column:span 8}}
.ov-acties{display:grid;gap:.75rem;margin-top:1.75rem}
.ov-actie{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;border-radius:1rem;border:1px solid rgba(10,37,64,.12);background:var(--ov-card);padding:1rem 1.25rem;text-decoration:none;color:var(--ov-ink);text-align:left;cursor:pointer;transition:border-color .2s,box-shadow .2s,background .2s}
.ov-actie:hover{border-color:rgba(0,113,188,.5);box-shadow:var(--ov-shadow-card)}
.ov-actie svg{width:1rem;height:1rem;flex-shrink:0;color:var(--ov-blue);transition:transform .2s}
.ov-actie:hover svg{transform:translateX(4px)}
.ov-body .ov-actie--ink{background:var(--ov-ink);border-color:var(--ov-ink);color:var(--ov-paper)}
.ov-body .ov-actie--ink:hover{background:var(--ov-blue);border-color:var(--ov-blue)}
.ov-actie--ink svg{color:var(--ov-coral-light)}
.ov-actie__k{display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ov-t70)}
.ov-actie--ink .ov-actie__k{color:var(--ov-coral-light)}
.ov-actie__t{display:block;margin-top:.3rem;font-family:var(--ov-display);font-size:17px;font-weight:700;line-height:1.2}
.ov-faq__lijst{border-top:1px solid var(--ov-line);border-bottom:1px solid var(--ov-line)}
.ov-faq__item+.ov-faq__item{border-top:1px solid var(--ov-line)}
.ov-faq__knop{display:flex;width:100%;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.25rem 0;background:none;border:0;text-align:left;cursor:pointer}
.ov-faq__q{font-family:var(--ov-display);font-size:19px;font-weight:700;letter-spacing:-.01em;line-height:1.25;color:var(--ov-ink);transition:color .2s}
@media (min-width:640px){.ov-faq__q{font-size:21px}}
.ov-faq__knop:hover .ov-faq__q{color:var(--ov-blue)}
.ov-faq__plus{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:50%;border:1px solid rgba(10,37,64,.2);color:var(--ov-ink);transition:transform .3s,background .3s,border-color .3s,color .3s}
.ov-faq__plus svg{width:14px;height:14px}
.ov-faq__knop[aria-expanded="true"] .ov-faq__plus{transform:rotate(45deg);background:var(--ov-blue);border-color:var(--ov-blue);color:var(--ov-paper)}
.ov-faq__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.22,1,.36,1)}
.ov-faq__a.open{grid-template-rows:1fr}
.ov-faq__a>div{overflow:hidden}
.ov-faq__a p{margin:0;max-width:44rem;padding-bottom:1.5rem;font-size:15.5px;line-height:1.65;color:var(--ov-t65)}
.ov-faq__a a{color:var(--ov-blue);font-weight:600;text-decoration:none}
.ov-faq__a a:hover{text-decoration:underline}

/* ---------- 10. Slotband ---------- */
.ov-band{position:relative;overflow:hidden;background:var(--ov-coral);color:var(--ov-ink);padding:4rem 0;border-bottom:64px solid var(--ov-paper)}
@media (min-width:1024px){.ov-band{padding:5rem 0}}
.ov-band__lijn{pointer-events:none;position:absolute;inset:0 0 auto 0;top:auto;bottom:0;width:100%;opacity:.15}
.ov-band__grid{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2rem}
.ov-band h2{margin:0;max-width:42rem;font-family:var(--ov-display);font-weight:800;letter-spacing:-.025em;line-height:1.05;font-size:2.25rem}
@media (min-width:640px){.ov-band h2{font-size:3rem}}
@media (min-width:1024px){.ov-band h2{font-size:3.75rem}}
.ov-band p{margin:1rem 0 0;max-width:36rem;font-size:17px;font-weight:500;line-height:1.6;color:var(--ov-t70)}
.ov-band .ov-knoppen{margin-top:0}

/* ---------- Beweging uit bij voorkeur ---------- */
@media (prefers-reduced-motion:reduce){
  .line-mask>span{transform:none;animation:none}
  .draw-line{animation:none;stroke-dashoffset:0}
  .ov-logos__track{animation:none}
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
}
.draw-line{stroke-dasharray:1400;stroke-dashoffset:1400;animation:ov-draw 2.6s cubic-bezier(.6,0,.2,1) .4s forwards}
@keyframes ov-draw{to{stroke-dashoffset:0}}

.ov-hero__tekst .ov-knoppen{margin-top:1.35rem}

/* Kopbalk gelijk aan de rest van de site (15 sep 2026): .ov-body img{height:auto} en
   .ov-body a{color:inherit} overschreven de logohoogte en de menukleur uit style.min.css. */
.ov-body .site-header__logo img{height:75px;width:auto}
@media (max-width:768px){.ov-body .site-header__logo img{height:50px}}
.ov-body .nav-menu__link,.ov-body .nav-dropdown__link{color:#2b3550}
.ov-body .nav-menu__link:hover,.ov-body .nav-dropdown__link:hover{color:#0071bc}