/* Nieuwe paginateksten binnen het oorspronkelijke aangeleverde ontwerp. */
@font-face{font-family:"DM Sans";src:url('fonts/DMSans-Variable.ttf') format('truetype');font-weight:100 1000;font-display:swap}
.hero-copy p+p{margin-top:16px}
.hero-copy.lead{font-size:var(--fs-lead)}
.skip-link{position:fixed;top:-100px;left:20px;background:var(--paper);color:var(--navy);padding:12px;z-index:1000}
.skip-link:focus{top:12px}
.rd-section{padding-block:var(--section)}
.content-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,6vw,80px);align-items:start}
.section-title h2{max-width:22ch}
.section-number{display:block;font-size:.78rem;font-weight:700;letter-spacing:.08em;color:var(--ink-2);margin-bottom:18px}
.section-body{min-width:0}
.section-body p{margin-bottom:20px}
.section-body .btn{margin:6px 12px 14px 0;white-space:normal}
.section-body h3{margin:12px 0 18px}
.rd-blue,.rd-lavender{background:var(--lav);color:var(--navy)}
.rd-pine,.rd-mint{background:var(--cyan);color:var(--navy)}
.audience-cards{display:grid;gap:22px}
.rd-card{padding:32px;border-radius:var(--r-lg);display:flex;flex-direction:column;align-items:start}
.rd-card .btn{margin-top:auto}
.mint{background:var(--cyan)}
.lavender{background:var(--lav)}
.card-index{font-size:.8rem;font-weight:600;color:var(--ink-2)}
.rd-section:has(.audience-cards) .content-layout,.rd-section:has(.three-ways) .content-layout{display:block}
.rd-section:has(.audience-cards) h2,.rd-section:has(.three-ways) h2{margin-bottom:32px;max-width:28ch}
.audience-cards{grid-template-columns:1fr 1fr}
.three-ways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.three-ways article{border-top:1px solid var(--navy);padding-top:24px;display:flex;flex-direction:column;align-items:start}
.three-ways article .btn{margin-top:auto}
.bike-product{width:100%;max-height:340px;object-fit:contain;mix-blend-mode:multiply;margin:20px 0}
.case-numbers{display:flex;gap:40px;margin-bottom:30px}
.case-numbers b{display:block;font:700 var(--fs-stat)/1.1 var(--font-display);color:var(--navy)}
.case-numbers span{font-size:.9rem}
.photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px}
.photo-pair img{aspect-ratio:1;object-fit:cover;border-radius:var(--r-md)}
.page-actions,.link-options{display:flex;flex-wrap:wrap;gap:14px}
.page-actions{padding-bottom:24px}
.process-list article{display:grid;grid-template-columns:80px 1fr;gap:25px;padding:28px 0;border-bottom:1px solid var(--line)}
.process-list article>span{font:700 2.5rem var(--font-display);color:var(--lav-deep)}
.process-list article p{max-width:75ch}
.process-list article strong{display:block;font-size:1.3rem;margin-bottom:8px}
.rd-faq details{border-bottom:1px solid var(--line);padding:20px 0}
.rd-faq summary{font-weight:700;cursor:pointer}
.rd-faq details p{margin:15px 0 0}
.source-note{font-size:.85rem;line-height:1.6;color:var(--ink-2)}
.new-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
.new-footer-grid>div:first-child{max-width:310px}
.new-footer-grid img{width:230px;height:auto;margin-bottom:24px}
.new-footer-grid h3{font:700 1rem var(--font-body);margin-bottom:18px;color:var(--lav)}
.new-footer-grid a{display:block;font-size:.9rem;text-decoration:none;margin-bottom:12px;overflow-wrap:anywhere}
.new-footer-grid a:hover{text-decoration:underline}
.new-footer-grid p{font-size:.9rem;margin-bottom:12px}
.footer-ambition{font:700 clamp(1.75rem,4vw,4rem)/1.1 var(--font-display);color:var(--lav);margin-top:55px;border-top:1px solid var(--line-inv);padding-top:35px}
.tool-intro{padding-top:60px;padding-bottom:36px}
.tool-intro h1{font-size:var(--fs-hero);margin:18px 0}
.tool-intro p{max-width:72ch;margin-top:18px}
.calculator-embed iframe{display:block;width:100%;border:1px solid var(--line);border-radius:var(--r-md);background:white}
.calculator-embed{padding-bottom:48px}
.calculator-embed>p{margin-top:16px}
.proposition{padding-block:70px}
.proposition h1{font-size:var(--fs-hero)}
.proposition section{padding-block:45px;border-bottom:1px solid var(--line)}
.proposition section p{max-width:85ch;margin-top:18px}
.proposition h2{margin-bottom:25px}
.proposition h1:not(:first-child){font-size:2rem}
.document-nav{display:flex;flex-wrap:wrap;gap:24px;margin:30px 0}
.table-scroll{overflow-x:auto;margin-block:30px}
.table-scroll table{border-collapse:collapse;min-width:720px;font-size:.9rem}
.table-scroll th,.table-scroll td{border-bottom:1px solid var(--line);padding:20px;text-align:left;vertical-align:top}
.table-scroll th{background:var(--cyan)}
/* Alleen losse merklijnen, zonder stippen of een route tussen de secties. */
.stip{display:none}
.site-header .logo-loper.sequence-loper,.doorgang .loper.sequence-loper{animation:none;stroke-dasharray:.07 1.2;stroke-dashoffset:.1;opacity:0}
.site-header .logo-loper.sequence-loper{stroke:var(--lav-deep)}
.doorgang .loper.sequence-loper{stroke:var(--loper)}
@media(max-width:1500px){.site-header .nav{display:none}.site-header .header-ctas{margin-left:auto}.site-header .menu{display:block}}
@media(max-width:900px){.content-layout{grid-template-columns:1fr;gap:28px}.new-footer-grid{grid-template-columns:1fr 1fr}.three-ways{gap:24px}}
@media(max-width:720px){.btn{white-space:normal;max-width:100%}.site-header .menu{margin-left:auto}.rd-section{padding-block:52px}.audience-cards,.three-ways{grid-template-columns:1fr}.rd-card{padding:24px}.case-numbers{gap:24px}.case-numbers b{font-size:2.8rem}.new-footer-grid{gap:30px 20px}.new-footer-grid>div:first-child{grid-column:1/-1}.process-list article{grid-template-columns:44px 1fr;gap:16px}.process-list article>span{font-size:1.8rem}.calculator-embed{padding-inline:8px}.tool-intro{padding-top:36px}.app[style]{grid-template-columns:1fr!important}.app .btn{margin-top:20px}}