/* One visitor journey, with the existing light visual identity and supplied artwork. */
.flow-breadcrumb{padding-top:26px;padding-bottom:0}
.flow-breadcrumb ol{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:0;padding:0;list-style:none;font-size:13px;line-height:1.6;color:var(--muted)}
.flow-breadcrumb li{display:flex;align-items:center;gap:12px;min-width:0;overflow-wrap:anywhere}
.flow-breadcrumb li+li::before{content:'/';color:#74796d}
.flow-breadcrumb a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}
.flow-breadcrumb [aria-current]{max-width:55ch}
.reference-style .flow-intro{padding-top:60px;padding-bottom:65px}
.reference-style .flow-intro h1,.reference-style .flow-service-hero h1,.reference-style .flow-calculator-page h1,.reference-style .flow-faq-page h1{font-family:Manrope,Inter,sans-serif;font-size:clamp(38px,5vw,70px);line-height:1.09;font-weight:800;letter-spacing:-.055em;color:var(--ink);margin:18px 0 26px;max-width:1000px;overflow-wrap:anywhere}
.flow-intro h1 em,.flow-service-hero h1 em,.flow-calculator-page h1 em{font-style:normal;color:var(--ink);text-decoration:none}
.flow-lead{font-size:clamp(18px,1.7vw,23px);line-height:1.65;max-width:780px;color:var(--muted);margin:0 0 28px}
.flow-intro-art{display:grid;grid-template-columns:1.4fr .6fr;gap:50px;align-items:center}
.flow-intro-art img{width:100%;height:auto;max-height:350px;object-fit:contain}
.flow-actions,.flow-section-end{display:flex;align-items:center;flex-wrap:wrap;gap:20px 35px}
.flow-section-end{padding-top:30px;border-top:1px solid var(--line);margin-top:30px}
.flow-page main>section{margin-top:0}
.reference-style .flow-service-hero{padding-top:30px}
.reference-style .flow-service-hero .feature-visual{max-height:440px}
.reference-style .flow-services{padding-top:65px;padding-bottom:65px}
.flow-section-heading{max-width:800px;margin-bottom:40px}
.reference-style .flow-section-heading h2{font-size:clamp(32px,3.8vw,52px);line-height:1.13;letter-spacing:-.045em;margin:20px 0}
.flow-section-heading>p:not(.eyebrow){font-size:18px;line-height:1.7;color:var(--muted);max-width:650px}
.flow-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.flow-service-grid article{display:flex;flex-direction:column;align-items:start;padding:26px 24px;background:#fafaf7;border:1px solid var(--line);border-radius:10px;min-width:0}
.flow-service-grid article:first-child{background:#f0f5e8;border-color:#9ba98c}
.flow-number{font-size:13px;font-weight:600;color:var(--forest);letter-spacing:.08em;padding-bottom:30px}
.reference-style .flow-service-grid h3{font-size:24px;line-height:1.25;letter-spacing:-.035em;margin:0 0 16px}
.flow-service-grid p{font-size:15px;line-height:1.75;margin:0 0 22px;color:var(--muted)}
.flow-service-grid .text-link{font-size:14px;margin-top:auto;white-space:normal;gap:12px}
.flow-service-grid.has-service-images .flow-number{padding-bottom:12px}
.flow-service-grid .flow-service-image{display:block;width:100%;height:190px;object-fit:contain;object-position:center;margin:0 0 24px}
@media(max-width:1100px){.flow-service-grid .flow-service-image{height:230px}}
@media(max-width:600px){.flow-service-grid .flow-service-image{height:220px}}
.reference-style .flow-home main>.strategy-section,.reference-style .flow-home main>.growth-section,.reference-style .flow-home main>.taste-section,.reference-style .flow-home main>.journal-section{padding-top:60px;padding-bottom:60px}
.flow-home .section-scenery{min-height:190px}
.flow-home .section-background{max-height:250px}
.flow-home .personal-intro{margin-bottom:0}
.flow-home #geselecteerde-projecten .selected-project-grid{margin-top:28px}
.flow-home .ecosystem-feature{margin-top:30px;margin-bottom:40px}
.flow-home .spotlight-cta{margin-top:20px;margin-bottom:65px}
.reference-style .flow-delivery{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;padding-top:65px;padding-bottom:65px;border-top:1px solid var(--line)}
.reference-style .flow-delivery h2,.reference-style .flow-related h2,.reference-style .flow-faq h2,.reference-style .flow-note h2{font-size:clamp(28px,3vw,42px);line-height:1.2;letter-spacing:-.04em;margin:16px 0 24px}
.flow-delivery p,.flow-note p{font-size:17px;line-height:1.8;color:var(--muted);margin:0 0 20px}
.flow-delivery ol{list-style:none;counter-reset:delivery;padding:0;margin:0}
.flow-delivery li{counter-increment:delivery;padding:0 0 24px 48px;margin-bottom:24px;position:relative;border-bottom:1px solid var(--line)}
.flow-delivery li::before{content:'0' counter(delivery);position:absolute;left:0;top:4px;font-size:13px;color:var(--forest);font-weight:600}
.flow-delivery h3{font-size:21px;line-height:1.4;margin:0 0 12px;letter-spacing:-.02em}
.flow-delivery li:last-child{margin-bottom:0;padding-bottom:0;border:0}
.reference-style .flow-related{padding-top:50px;padding-bottom:65px}
.flow-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:30px}
.flow-related-grid>a{position:relative;display:block;padding:28px 50px 28px 28px;border:1px solid var(--line);border-radius:8px;min-width:0;text-decoration:none;background:#fafaf7}
.flow-related-grid>a:hover{border-color:var(--forest);background:#edf3e6}
.flow-related-grid>a>span:first-child{font-size:12px;line-height:1.6;color:var(--forest);letter-spacing:.08em;text-transform:uppercase;font-weight:600}
.flow-related-grid h3{font-size:24px;line-height:1.35;letter-spacing:-.03em;margin:18px 0 14px;color:var(--ink)}
.flow-related-grid p{font-size:16px;line-height:1.7;margin:0;color:var(--muted)}
.flow-card-arrow{position:absolute;bottom:24px;right:22px;font-size:24px}
.reference-style .flow-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;padding-block:45px 65px;border-top:1px solid var(--line)}
.flow-faq details{border-bottom:1px solid var(--line);padding:0 0 8px}
.flow-faq summary{min-height:64px;font-weight:600;font-size:18px;line-height:1.6;cursor:pointer;padding:18px 8px}
.flow-faq details p{font-size:16px;line-height:1.8;color:var(--muted);padding:0 8px 16px;margin:0}
.flow-faq p a{text-decoration:underline;text-underline-offset:4px}
.reference-style .flow-faq-page{padding-top:45px;padding-bottom:55px}
.reference-style .flow-calculator-page{padding-top:40px;padding-bottom:50px}
.reference-style .flow-note{padding-block:40px 65px;max-width:1240px;border-top:1px solid var(--line)}
.flow-note p{max-width:800px}
.flow-principles{padding-block:30px 65px}
.flow-principles .principles{margin:0}
.reference-style .contact-message-section h2{font-size:clamp(32px,3.8vw,52px);line-height:1.15;letter-spacing:-.045em}
.flow-page .spotlight-cta,.flow-page .conversation-cta{margin-block:35px 65px}
.flow-page :focus-visible,.flow-home :focus-visible{outline:3px solid #254a16;outline-offset:4px}
.flow-page .conversation-cta :focus-visible,.flow-home .dark-panel :focus-visible{outline-color:#fff}
.flow-page .spotlight-cta :focus-visible,.flow-home .spotlight-cta :focus-visible{outline-color:#101010}
@media(max-width:1100px){.flow-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-delivery{gap:40px}.flow-service-grid article{padding:28px}.flow-number{padding-bottom:22px}}
@media(max-width:850px){.flow-intro-art,.reference-style .flow-delivery,.reference-style .flow-faq{grid-template-columns:1fr;gap:30px}.flow-intro-art img{max-height:240px}.reference-style .flow-intro{padding-block:35px 45px}.flow-related-grid{grid-template-columns:1fr}.flow-breadcrumb [aria-current]{max-width:38ch}.reference-style .flow-service-hero h1{font-size:clamp(36px,7vw,60px)}}
@media(max-width:600px){.flow-service-grid{grid-template-columns:1fr}.reference-style .flow-home main>.strategy-section,.reference-style .flow-home main>.growth-section,.reference-style .flow-home main>.taste-section,.reference-style .flow-home main>.journal-section,.reference-style .flow-services{padding-block:38px}.reference-style .flow-delivery,.reference-style .flow-related,.reference-style .flow-faq{padding-block:35px}.flow-section-heading{margin-bottom:25px}.flow-service-grid{gap:16px}.flow-service-grid article{padding:24px}.flow-section-end{align-items:start;flex-direction:column;gap:16px}.flow-service-grid h3{font-size:25px}.flow-home .section-scenery{min-height:0}.flow-home .section-background{max-height:170px}.flow-related-grid>a{padding:24px 42px 24px 24px}.flow-breadcrumb ol{font-size:12px}.flow-breadcrumb [aria-current]{max-width:24ch}.flow-delivery li{padding-left:36px}.flow-actions{align-items:start;flex-direction:column;gap:15px}}
@media(prefers-reduced-motion:reduce){.flow-page *,.flow-home *{scroll-behavior:auto}}

/* Reflow long Dutch words when users enlarge text; the normal layout stays unchanged. */
.reference-style main :is(h1,h2,h3,p,summary,a){overflow-wrap:anywhere}
.reference-style .route-helper>summary{flex-wrap:wrap;gap:12px}
.reference-style .flow-page .reference-process{min-width:0}
.flow-page .reference-process{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;border-top:1px solid var(--line)}
.flow-page .reference-process .process-grid{display:block;list-style:none;margin:0;padding:0}
.flow-page .reference-process .process-grid li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:20px;margin:0;padding:25px 0;border:0;border-bottom:1px solid var(--line)}
.flow-page .reference-process .process-grid li:first-child{padding-top:0}
.flow-page .reference-process .process-grid h3{font-size:25px;line-height:1.35;margin:4px 0 14px}
.flow-page .reference-process .process-grid p{font-size:16px;line-height:1.75;margin:0}
.flow-page .reference-process .process-intro h2{font-size:clamp(32px,3.6vw,50px);line-height:1.15;letter-spacing:-.045em;margin:22px 0}
@media(max-width:850px){.flow-page .reference-process{grid-template-columns:1fr;gap:35px}.flow-page .reference-process .process-grid li{grid-template-columns:36px minmax(0,1fr);gap:18px}.flow-page .reference-process .process-number{width:36px;height:36px;font-size:14px}}