/* Only the phone action is sticky. Its white ending leaves with the hero. */
.hero-motion .intro{--hero-action:150svh;height:auto;background:#fff}
.hero-motion .intro-scroll-region{height:calc(var(--hero-action) + 100svh)}
.hero-motion .intro-stage{position:sticky;top:0;height:100svh;height:100dvh;min-height:0}
.hero-motion .intro-copy{top:51%;transform:translateY(-50%)}
.hero-motion .intro-white{display:block;background:#fff}
.hero-motion .story-bridge{margin-top:-78svh;opacity:var(--bridge-opacity,0);transition:opacity .18s linear;background:transparent}
@media (min-width:901px){.hero-motion .story-bridge{min-height:78svh}}
.story-flow,.story-bridge{position:relative;z-index:1}
.story-bridge{background:#fff;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px var(--gutter) 52px}
.story-bridge>*{width:min(1120px,100%);margin-inline:auto}
.bridge-reveal-content{display:flex;flex-direction:column;align-items:center}
.bridge-reveal-content>*{width:min(1120px,100%);margin-inline:auto}
.story-bridge .bridge-proof{justify-content:center}
.story-bridge .bridge-proof .intro-proof-label{flex-basis:100%}
.story-bridge .bridge-proof ul{justify-content:center}
.hero-motion .bridge-reveal-content{translate:0 var(--bridge-y,0px);scale:var(--bridge-scale,1);filter:blur(var(--bridge-blur,0px));transform-origin:center;transition:scale .18s linear,filter .18s linear}
.story-bridge .eyebrow{font-size:11px;color:#657169;margin-bottom:23px}
.story-bridge h2{font-size:clamp(40px,5vw,72px);line-height:1.08;letter-spacing:-.06em}
.story-bridge h2 em{color:var(--blue);font-style:normal}
.story-bridge .bridge-description{max-width:650px;margin:26px auto 0;font-size:18px;line-height:1.7;color:#4a5951}
.story-flow{background:#f5f0e6}
.story-flow .story-stage{padding:0;overflow:visible}
.story-flow .story-top{width:100%;max-width:none;margin:0;padding:18px var(--gutter);background:#fff}
.story-flow .story-top>.eyebrow{display:none}
.story-flow .chapter-nav{width:100%;justify-content:center;margin:0}
.story-flow .chapter-nav a{border-radius:99px;background:transparent;color:var(--ink)}
.story-flow .chapter-nav a[aria-current="step"]{background:#f5f0e6;border-color:#dbddd5}
.story-flow .chapter-nav a[aria-current="step"] span{color:var(--blue)}
.story-flow .chapters{width:100%;max-width:none;margin:0}
.story-flow .chapter{position:relative;display:flex;align-items:center;justify-content:flex-end;min-height:100svh;height:auto;padding:145px clamp(35px,7vw,130px) 105px;gap:0;overflow:hidden;isolation:isolate;scroll-margin-top:calc(-1 * (var(--header) + 22px));background:#f5f0e6}
.story-flow .chapter-film,.story-flow #onrust .chapter-film{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;aspect-ratio:auto;border-radius:0;margin:0;box-shadow:none;z-index:0}
.story-flow .chapter-film video{height:100%}
.story-flow .chapter-film img,.story-flow .chapter-film video{object-fit:cover;object-position:30% center}
.story-flow #onrust .chapter-film img,.story-flow #onrust .chapter-film video{object-position:30% center}
.story-flow #overzicht .chapter-film img,.story-flow #overzicht .chapter-film video{object-position:right center}
.story-flow .chapter-film:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,transparent 37%,#f5f1e2c9 70%,#f5f1e2fa 100%)}
.story-flow #onrust .chapter-film:before{content:"";position:absolute;inset:0 0 auto;height:90px;z-index:2;pointer-events:none;background:linear-gradient(#fff,transparent)}
.story-flow .card-stack,.story-flow #onrust .card-stack{position:relative;z-index:2;display:block;width:clamp(310px,31vw,465px);margin:0;transform:none}
.story-flow .story-card,.story-flow #onrust .story-card{background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0;opacity:1;transform:none}
.story-flow .story-card h2,.story-flow #onrust .story-card h2,.story-flow #twijfel .story-card h2{font-size:clamp(33px,3.3vw,50px);line-height:1.1}
.story-flow .story-card p,.story-flow #onrust .story-card p{font-size:17px;line-height:1.65;color:#35413a;max-width:400px}
.story-flow .card-index,.story-flow .card-aside{color:#3e4a42}
.story-flow .card-aside{font-size:12px}
.story-playback-toggle{position:absolute;bottom:24px;left:clamp(24px,5vw,80px);z-index:4;min-height:44px;padding:10px 17px;border:1px solid #fffffff2;border-radius:99px;background:#faf8f0eb;color:var(--ink);font:500 11px Inter,sans-serif;cursor:pointer}
.story-playback-toggle:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.story-flow .media-fallback{left:24px;bottom:80px;right:auto;max-width:320px}
.home-content{background:#f5f0e6}
.home-content h2{font-size:clamp(40px,5.2vw,74px);line-height:1.04}
.home-section{padding-block:clamp(56px,5.5vw,88px)}
.home-content .eyebrow{font-size:11px;letter-spacing:.12em}
.home-section-intro>p:not(.eyebrow){font-size:17px;line-height:1.7}
.home-content .text-link{font-size:13px}
.home-overview{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(40px,6vw,95px)}
.home-workplace-list{margin-top:65px}
.home-workplace-list li{min-height:180px;gap:24px;padding-block:28px;border-top:1px solid #b6b5a955}
.home-workplace-list li:not(:last-child)::before{display:none}
.home-step-number{width:36px;height:36px;background:none;border:0;font-size:13px;color:#898777;transition:color .2s}
.home-workplace-list h3{font-size:30px;margin-top:0}
.home-workplace-list p{font-size:16px;line-height:1.7;max-width:350px}
.home-overview-beat.is-current .home-step-number{color:var(--blue)}
.home-overview-visual{position:relative;height:680px;isolation:isolate;border-radius:32px;overflow:hidden;background:#cbaa7c;min-width:0}
.home-scene-image{position:absolute;inset:0}
.home-scene-image img{width:100%;height:100%;object-fit:cover;object-position:25% center}
.home-overview-visual:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#2c302466,transparent 65%)}
.home-workplace{position:absolute;inset:28px 24px 76px;background:none;border:0;box-shadow:none;padding:0;border-radius:0}
.home-workplace-brand{position:absolute;top:0;left:0;color:var(--ink);font-size:21px;font-weight:700;letter-spacing:-.06em;padding:10px 17px;background:#faf8f0ed;border:1px solid #fff;border-radius:99px}
.home-workplace-brand>span{color:var(--blue)}
.workspace-object{position:absolute;left:0;right:0;max-width:350px;margin-left:auto;display:flex;align-items:center;gap:14px;padding:19px 20px;background:linear-gradient(125deg,#fffdf7fa,#f4ead5ed);border:1px solid #fff;border-radius:18px;box-shadow:0 12px 26px #1e251d20;transition:border-color .2s}
.workspace-object:nth-of-type(1){bottom:224px}.workspace-object:nth-of-type(2){bottom:112px}.workspace-object:nth-of-type(3){bottom:0}
.workspace-symbol{display:grid;place-items:center;width:40px;height:40px;background:#e7e9dc;border-radius:12px;font-size:23px;color:#496053;flex:none}
.workspace-object small{display:block;font-size:12px;margin-bottom:6px;color:#596558}
.workspace-object strong{font-size:14px;font-weight:500;line-height:1.4}
.workspace-check{margin-left:auto;font-size:13px;color:#42644c}
.workspace-object.is-current{border-color:#a3b7ff}
.home-workplace-outcome{position:absolute;bottom:22px;left:24px;right:24px;margin:0;padding:12px 16px;border:1px solid #fff;border-radius:99px;background:#faf8f0ed;font-size:11px}
.home-services{border-color:#aeaa9d55}
.home-service-list{display:block}
.home-service{display:grid;grid-template-columns:80px minmax(0,1.3fr) minmax(0,1fr) 44px;align-items:center;gap:30px;padding:42px 0;border:0;border-top:1px solid #a9a89b66;border-radius:0;background:none;box-shadow:none}
.home-service:hover{background:none;border-color:#a9a89b66}
.home-service-number{font-size:clamp(40px,4vw,64px);letter-spacing:-.07em;color:#b1b3a2;align-self:start;padding-top:15px}
.home-service h3{font-size:clamp(28px,2.7vw,40px);margin-top:12px;line-height:1.1}
.home-service p{margin:0;font-size:16px;line-height:1.7;max-width:330px}
.home-service-link{border:1px solid #bec0ad;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-size:23px;font-weight:400;padding:0;margin:0;transition:background .2s,color .2s}
.home-service:hover .home-service-link{background:var(--ink);color:white}
.home-approach{background:#19312b;color:#f8f4e9}
.home-approach-inner{align-items:center;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,120px)}
.home-approach h2 em{color:#bfd0ff}
.home-approach .eyebrow{color:#bed3c6}
.home-approach .home-section-intro>p:not(.eyebrow),.home-approach-list p{color:#d4ded4}
.home-approach .text-link{color:#f5f2e9;border-color:#9aac9a}
.home-approach-list li{gap:24px;padding-block:38px;border-color:#6b877455}
.home-approach-list li>span{font-size:44px;letter-spacing:-.06em;color:#a9c1ae;padding:0;line-height:1}
.home-approach-list h3{font-size:28px}
.home-approach-list p{font-size:16px}
.home-approach-image{aspect-ratio:16/9;overflow:hidden;margin-top:48px;border-radius:20px}
.home-approach-image img{width:100%;height:100%;object-fit:cover;display:block}
.home-people{grid-template-columns:1.1fr 1fr;gap:clamp(40px,6vw,95px)}
.home-people-image{position:relative;border-radius:28px;overflow:hidden}
.home-people-image img{border-radius:0}
.home-people-image figcaption{position:absolute;bottom:18px;left:18px;right:18px;font-size:11px;background:#f8f5ebeb;border:1px solid #fff;border-radius:99px;padding:12px 16px;color:var(--ink);margin:0}
.home-maker-grid{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:24px;min-width:0}
.home-maker-card{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(0,1fr);gap:24px;align-items:center;padding:22px;background:#faf8f0b3;border:1px solid #fff;border-radius:24px;min-width:0}
.home-maker-card .person-image{aspect-ratio:4/5;padding:0;margin:0;max-width:none;border-radius:16px}
.home-maker-card .person-image picture,.home-maker-card .person-image img{height:100%;width:100%;object-fit:cover;display:block}
.home-maker-card.person-jan .person-image img{object-fit:contain}
.home-maker-card h3{font-size:28px;margin:10px 0}
.home-maker-card p{font-size:14px;line-height:1.7;color:var(--muted)}
.home-maker-card .text-link{font-size:12px;margin-top:14px}
.home-maker-card .photo-credit{display:block;font-size:10px;margin-top:10px;color:var(--muted)}
.home-maker-card .portrait-hint{font-size:10px;bottom:10px;left:8px;right:8px;padding:7px}
.home-faq{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,120px);border-top:1px solid #aeaa9d55}
.home-content .home-faq{padding-bottom:clamp(64px,6.5vw,104px)}
.home-faq-list details{border-top:1px solid #aeaa9d66}
.home-faq-list details:last-child{border-bottom:1px solid #aeaa9d66}
.home-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;cursor:pointer;min-height:82px;padding:22px 0;font-size:16px;font-weight:500;line-height:1.5}
.home-faq-list summary::-webkit-details-marker{display:none}
.home-faq-list summary span{font-size:24px;font-weight:400;flex:none;transition:transform .2s}
.home-faq-list details[open] summary span{transform:rotate(45deg)}
.home-faq-list summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px;border-radius:4px}
.home-faq-list details p{font-size:15px;line-height:1.8;color:var(--muted);padding:0 30px 26px 0}
.home-contact{width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(40px,7vw,110px);padding:clamp(64px,6.5vw,96px) clamp(24px,7vw,130px);margin:0;background:#19312b;color:#f8f4e9;border:0;border-radius:0}
.home-contact h2 em{color:#bfd0ff}
.home-contact-copy>p:not(.eyebrow){color:#d4ded4;font-size:17px}
.home-contact .eyebrow{color:#bed3c6}
.home-contact-direct{font-size:14px;color:#e2e9df;gap:16px}
.home-contact-copy>.button{font-size:13px;min-height:54px;padding-inline:24px}
.home-contact-panel{padding:0 0 0 40px;border:0;border-left:1px solid #adc5b744;background:none;border-radius:0}
.home-contact-panel h3{font-size:32px}
.home-form-note,.home-contact-result>p:not(.home-small-label){color:#cad8ce;font-size:13px}
.home-contact-panel .home-small-label{color:#bed3c6}
.home-contact-form{gap:22px}
.home-contact-panel label{font-size:13px;color:#e6ece2}
.home-contact-panel label span{font-size:11px;color:#bacdbe}
.home-contact-panel input,.home-contact-panel textarea{border:1px solid #80978b88;background:#244038;color:#fff;border-radius:10px;padding:13px}
.home-contact-panel textarea::placeholder{color:#b2c2b6;opacity:1}
.home-contact-panel input:focus,.home-contact-panel textarea:focus{outline-color:#bfd0ff}
.home-form-privacy{color:#c3d1c4;font-size:11px}
.home-contact-panel button.text-link{color:#f5f2e9;border-color:#9aac9a}
.home-field-row{grid-template-columns:1fr 1fr}
.home-contact-panel [data-contact-unavailable]{color:#e6ece2;line-height:1.8}
.home-contact-panel [data-contact-unavailable] a{text-decoration:underline}

@media(max-width:1100px){.home-service{grid-template-columns:60px 1.2fr 1fr 44px;gap:22px}.home-contact-panel{padding-left:25px}.home-field-row{grid-template-columns:1fr}.home-approach-list li>span{font-size:35px}}
@media(max-width:900px){
 .home-maker-grid{order:5;margin-top:38px;grid-template-columns:1fr;gap:20px}
 .home-maker-card{gap:22px;padding:20px}
 .home-people .home-maker-card .text-link{margin-top:14px}
 .home-faq{grid-template-columns:1fr;gap:38px;padding-bottom:64px}
 .home-overview{display:flex;flex-direction:column;gap:0}.home-overview .home-section-intro{display:contents}
 .home-overview .eyebrow{order:0}.home-overview h2{order:1}.home-overview .home-section-intro>p:not(.eyebrow){order:2;margin-top:24px}.home-overview .text-link{order:3;align-self:start;margin-top:20px}
 .home-overview-visual{order:4;margin-top:40px;width:100%;height:560px;border-radius:24px}.home-workplace-list{order:5;width:100%;margin-top:45px}
 .home-overview-beat{min-height:0!important;padding-block:25px!important}.home-workplace-list p{max-width:none}
 .home-content h2{font-size:clamp(39px,7vw,58px)}.home-section{padding-block:56px}
 .home-service{grid-template-columns:46px 1fr 38px;gap:18px;padding-block:30px}.home-service-number{font-size:35px;padding-top:20px}.home-service p{grid-column:2;grid-row:2;max-width:none;margin-top:0}.home-service-link{grid-column:3;grid-row:1;width:38px;height:38px}.home-service h3 br{display:initial}
 .home-service h3{font-size:30px}.home-section-heading{align-items:start;flex-direction:column;gap:20px}
 .home-approach-inner,.home-people{grid-template-columns:1fr;gap:55px}.home-approach-image{max-width:650px;margin-top:36px}.home-approach-list li{padding-block:30px}.home-approach-list h3{font-size:26px}
 .home-people{display:flex;flex-direction:column;align-items:stretch;gap:0}
 .home-people .home-section-intro{display:contents}
 .home-people .eyebrow{order:0}.home-people h2{order:1}
 .home-people-image{order:2;width:100%;margin-top:28px}
 .home-people .home-section-intro>p:not(.eyebrow){order:3;margin-top:24px}
 .home-people .text-link{order:4;align-self:start;margin-top:22px}
 .home-people-image figcaption{font-size:12px;left:12px;right:12px;bottom:12px}
 .home-contact{grid-template-columns:1fr;padding:80px 24px;gap:48px}.home-contact-copy{padding:0}.home-contact-panel{padding:40px 0 0;border-left:0;border-top:1px solid #adc5b744}.home-contact-copy>.button{width:auto;font-size:12px}.home-contact-panel h3{font-size:29px}
}
@media(max-width:500px){
 .home-maker-card{grid-template-columns:110px minmax(0,1fr);gap:18px;padding:18px}
 .home-maker-card h3{font-size:26px}
 .home-maker-card .text-link{gap:10px}
 .home-overview-visual{height:480px}.home-workplace{inset:20px 18px 72px}.home-workplace-outcome{left:18px;right:18px;bottom:18px;font-size:10px;padding:12px}
 .workspace-object{padding:16px 12px;gap:10px}.workspace-object strong{font-size:12px}.workspace-object small{font-size:12px}.workspace-symbol{width:34px;height:34px;font-size:20px}
 .workspace-object:nth-of-type(1){bottom:200px}.workspace-object:nth-of-type(2){bottom:100px}.home-workplace-brand{font-size:18px}
 .home-service{grid-template-columns:30px 1fr 32px;gap:12px}.home-service-number{font-size:26px;padding-top:25px}.home-service h3{font-size:26px}.home-service p{font-size:15px}.home-service-link{width:32px;height:32px;font-size:19px}
 .home-contact{padding-inline:24px}.home-contact-copy>.button{width:100%}.home-contact h2{font-size:42px}.home-approach-list li>span{font-size:32px}
}
@media(prefers-reduced-motion:reduce){.workspace-object,.home-step-number,.home-service-link,.home-faq-list summary span{transition:none}.home-overview-visual{position:relative!important}}
/* On small screens the workplace is a clean panel, not cards obscuring a photo. */
@media(max-width:900px){
 .home-overview-visual{height:auto;padding:24px;background:linear-gradient(145deg,#fffdf7,#e7e8db);border:1px solid #fff;border-radius:24px;overflow:hidden}
 .home-overview-visual:after,.home-overview-visual .home-scene-image{display:none}
 .home-workplace{position:static;display:grid;gap:12px;padding:0}
 .home-workplace-brand{position:static;justify-self:start;border:0;background:none;padding:0 0 14px;font-size:21px}
 .workspace-object{position:static;max-width:none;margin:0;min-height:82px;padding:18px 16px;gap:14px;background:#fffdf7;border-color:#dadfd1;box-shadow:0 5px 16px #26332d07;border-radius:16px}
 .workspace-object small{font-size:12px}.workspace-object strong{font-size:14px}
 .workspace-symbol{width:38px;height:38px;font-size:22px}
 .home-workplace-outcome{position:static;margin:22px 0 0;padding:18px 0 0;border:0;border-top:1px solid #cdd4c5;border-radius:0;background:none;font-size:12px;line-height:1.65}
}
@media(max-width:900px){
 .hero-motion .intro{--hero-action:175svh}
 .hero-motion .intro-stage{display:block}
 .hero-motion .intro-copy{top:auto;bottom:86px;left:50%;transform:translateX(-50%)}
 .hero-motion .intro-bottom{position:absolute;bottom:24px;left:28px;right:28px;padding:0;background:none;color:#fff;margin:0;font-size:10px}
 .story-bridge{padding:40px 24px 48px}
 .story-bridge h2{font-size:clamp(38px,6.8vw,56px)}
 .story-bridge .bridge-description{margin:22px 0 0;font-size:16px}
 .story-flow .story-top{padding:10px 12px}
 .story-flow .chapter-nav a{font-size:10px;padding:8px 10px}
 .story-flow .chapter{min-height:104svh;align-items:flex-end;justify-content:center;padding:56svh 24px 88px;display:flex;flex-direction:column}
 .story-flow .chapter-film,.story-flow #onrust .chapter-film{height:100%;max-width:none;max-height:none;aspect-ratio:auto}
 .story-flow .chapter-film img,.story-flow .chapter-film video,.story-flow #onrust .chapter-film img,.story-flow #onrust .chapter-film video,.story-flow #overzicht .chapter-film img,.story-flow #overzicht .chapter-film video{object-position:center 15%}
 .story-flow .chapter-film:after{background:linear-gradient(0deg,#f5f1e2 2%,#f5f1e2f5 25%,#f5f1e2b3 48%,transparent 68%)}
 /* Keep the phone placement above the copy instead of cropping it underneath. */
 .story-flow #leveren .chapter-film{background:#f5f1e2}
 .story-flow #leveren .chapter-film video,.story-flow #leveren .chapter-film picture{height:62svh}
 .story-flow #leveren .chapter-film img,.story-flow #leveren .chapter-film video{object-fit:contain;object-position:center top}
 .story-flow #leveren .chapter-film:after{background:linear-gradient(0deg,#f5f1e2 37%,#f5f1e2ee 41%,transparent 53%)}
 .story-flow .card-stack,.story-flow #onrust .card-stack{width:100%;max-width:560px;margin:auto auto 0}
 .story-flow .story-card h2,.story-flow #onrust .story-card h2,.story-flow #twijfel .story-card h2{font-size:clamp(31px,5.5vw,44px)}
 .story-flow .story-card p{font-size:16px;line-height:1.6;margin-top:18px}
 .story-flow .card-rule{margin-block:21px 16px}
 .story-flow .card-aside{display:block;font-size:12px}
 .story-playback-toggle{bottom:22px;left:24px}
}
@media(max-width:600px) and (max-height:720px){
 .hero-motion .intro-copy{bottom:70px}
 .hero-motion .intro-bottom{bottom:17px}
 .story-flow .chapter{padding-top:48svh;min-height:112svh}
}