/* Home only: coloured chapters with the existing compact content width. */
.home-experience{background:#fffdf9}
.home-experience .underhero{background:#fffdf9}
.home-experience .cinematic-story{margin-top:0;padding-top:64px;background:#e0f2e9;box-shadow:0 0 0 100vmax #e0f2e9;clip-path:inset(0 -100vmax)}
.home-experience .story-sticky{background:#e0f2e9;border:0;border-radius:0}
.home-experience .story-ready.cinematic-story{height:155vh}
.home-experience .story-ready .story-sticky{min-height:68vh;max-height:85vh}
.home-experience #diensten{padding-block:70px;margin-top:0}
.home-experience .service{background:#fff;border-color:#d9e5dd;box-shadow:0 16px 42px #2f485808;transition:transform .35s,box-shadow .35s}
.home-experience .service:nth-child(2){background:#e7f4ec}
.home-experience .service:hover{transform:translateY(-7px);box-shadow:0 22px 40px #2f485818}
.home-experience .neighborhood{margin-top:0;margin-bottom:0}
.home-experience .home-host{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;margin-block:75px;padding:40px;background:#f7e5d8;border-radius:26px;position:relative}
.host-visual{position:relative;min-width:0}.host-portrait{position:relative;isolation:isolate;aspect-ratio:1;border-radius:20px;overflow:hidden;background:#fff}
.host-portrait img{display:block;width:100%;height:auto}.host-portrait video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .45s}.host-portrait.has-video video{opacity:1}
.host-note{position:absolute;bottom:70px;left:-16px;background:#2f4858;color:#ddfbef;border-radius:9px;padding:12px 17px;font-size:12px;rotate:-4deg;box-shadow:0 12px 20px #2f48581a}
.host-visual .portrait-control{position:relative;left:auto;bottom:auto;display:block;margin:14px auto 0;background:transparent;color:#2f4858;border-color:#acb5af}
.host-copy h2{font-size:clamp(36px,3.5vw,54px)}.host-copy>p:not(.eyebrow){font-size:15px;color:#526772;margin-top:23px;max-width:50ch}.host-copy .button{margin-top:28px}
.host-route{display:flex;align-items:flex-start;gap:10px;margin-top:28px}.host-route span{font-size:10px;text-align:center;white-space:nowrap}.host-route i{display:grid;place-items:center;width:34px;height:34px;background:#ddfbef;border:1px solid #bed4c9;border-radius:50%;font-size:11px;font-style:normal;margin:0 auto 8px}.host-route b{flex:1;height:2px;background:#c8bcae;margin-top:17px;position:relative;overflow:hidden}.host-route b:after{content:'';position:absolute;inset:0;background:#2f4858;transform:scaleX(var(--chapter-progress,0));transform-origin:left}
.home-experience #pakketten{background:#e8f4ed;box-shadow:0 0 0 100vmax #e8f4ed;clip-path:inset(0 -100vmax);padding-block:70px;margin-block:0}
.home-experience .pack{background:#fff}.home-experience .pack.focus{background:#2f4858;color:#ddfbef}.home-experience .pack.focus p,.home-experience .pack.focus small{color:#dce9e4}.home-experience .pack.focus .button{background:#f4ad82;color:#2f4858;border-color:#f4ad82}
.home-experience #van-idee{padding-block:70px;margin-top:0}.home-experience .assembly-board{background:#f5decf}
.home-experience #werkwijze{background:#f5e6d9;box-shadow:0 0 0 100vmax #f5e6d9;clip-path:inset(0 -100vmax);padding-block:70px;margin:0 auto}
.home-experience .steps{position:relative}.home-experience .step{position:relative;border-top:3px solid #dac6b5;padding-top:25px}.home-experience .step:before{content:'';height:3px;position:absolute;top:-3px;left:0;right:0;background:#2f4858;transform:scaleX(var(--chapter-progress,0));transform-origin:left}.home-experience .step>span{display:inline-block;background:#fff9f3;padding:8px 12px;border-radius:99px;margin-bottom:14px}
.home-experience #vragen{padding-block:65px;margin-top:0}
.home-experience .map-section{margin-top:0}
.home-experience .editorial-content{background:#eff6f0;box-shadow:0 0 0 100vmax #eff6f0;clip-path:inset(0 -100vmax);padding-block:70px;border:0}
.home-experience .related-pages{padding-bottom:50px}.home-experience .related-pages>div>a{background:white}
.home-experience .home-entrance{transition:opacity .75s ease,translate .75s cubic-bezier(.16,1,.3,1);transition-delay:var(--entrance-delay,0ms)}
.home-experience .home-entrance.is-before{opacity:0;translate:0 35px}
.home-experience .chapter-visible .host-note{animation:home-note-float 6s ease-in-out infinite}
@keyframes home-note-float{50%{transform:translateY(-8px)}}
@media(max-width:720px){
 .home-experience .cinematic-story{padding-top:28px}.home-experience .story-ready.cinematic-story{height:auto}.home-experience .story-ready .story-sticky{min-height:0;max-height:none;padding-inline:0}
 .home-experience .home-host{grid-template-columns:1fr;padding:23px;gap:30px;margin-block:45px}.host-copy{grid-row:1}.host-copy h2{font-size:37px}.host-note{left:-9px;font-size:10px;bottom:64px}.host-route{gap:6px}.host-route span{font-size:9px}
 .home-experience #diensten,.home-experience #pakketten,.home-experience #van-idee,.home-experience #werkwijze,.home-experience #vragen,.home-experience .editorial-content{padding-block:45px}
}
.motion-off .home-entrance{opacity:1!important;translate:none!important}.motion-off .host-route b:after,.motion-off .step:before{transform:scaleX(1)}
@media(prefers-reduced-motion:reduce){.home-experience .home-entrance{opacity:1!important;translate:none!important;transition:none}.home-experience .host-note{animation:none!important}.host-route b:after,.home-experience .step:before{transform:scaleX(1)}}

.home-experience .story-paused.cinematic-story{height:auto}.home-experience .story-paused .story-sticky{max-height:none;min-height:0}

/* Overlapping, compositor-friendly motion, active only near the viewport. */
.home-experience{--float-distance:7px}
.home-experience .home-entrance{transition-duration:1s;transition-timing-function:cubic-bezier(.16,1,.3,1)}
.home-experience .home-entrance.is-before{translate:0 22px}
.home-experience .story-art{transition:transform .3s ease-out}
.home-experience .street-window,.home-experience .assem-piece{transition:transform .32s ease-out,opacity .32s ease-out}
.home-experience .motion-in-view .floating-browser{animation:home-browser-breathe 7s ease-in-out infinite}
.home-experience .motion-in-view .scene-tag{animation:home-detail-float 5s ease-in-out infinite}
.home-experience .motion-in-view .tag-b{animation-delay:-2.5s}
.home-experience .motion-in-view .mini-tile{animation:home-detail-float 4.8s ease-in-out infinite}
.home-experience .motion-in-view .mini-tile:nth-child(2){animation-delay:-1.6s}.home-experience .motion-in-view .mini-tile:nth-child(3){animation-delay:-3.2s}
.home-experience .motion-in-view .street-window{animation:home-detail-float 6s ease-in-out infinite}.home-experience .motion-in-view .street-window:nth-child(2){animation-delay:-2s}.home-experience .motion-in-view .street-window:nth-child(3){animation-delay:-4s}
.home-experience .motion-in-view .pack{animation:home-card-float 7s ease-in-out infinite}.home-experience .motion-in-view .pack:nth-child(2){animation-delay:-2.3s}.home-experience .motion-in-view .pack:nth-child(3){animation-delay:-4.6s}
.home-experience .service{position:relative;padding-bottom:90px;overflow:hidden}
.service-motion-art{position:absolute;bottom:22px;right:26px;display:flex;align-items:center;gap:7px;height:34px;pointer-events:none}
.service-motion-art i{display:block;width:25px;height:27px;background:#c0dfd0;border-radius:5px;animation:home-tile-dance 3.8s ease-in-out infinite;animation-play-state:paused}.service-motion-art i:nth-child(2){height:36px;background:#f4ad82;animation-delay:-1.2s}.service-motion-art i:nth-child(3){background:#2f4858;animation-delay:-2.4s}.service-motion-art span{display:grid;place-items:center;width:35px;height:35px;margin-left:10px;border:1px solid #acc7ba;border-radius:50%;font-size:23px;animation:home-detail-float 4s ease-in-out infinite;animation-play-state:paused}
.motion-in-view .service-motion-art i,.motion-in-view .service-motion-art span{animation-play-state:running}
.home-experience .motion-in-view .host-route i{animation:home-route-pulse 4s ease-in-out infinite}.home-experience .host-route span:nth-of-type(2) i{animation-delay:-1.3s}.home-experience .host-route span:nth-of-type(3) i{animation-delay:-2.6s}
@keyframes home-detail-float{0%,100%{translate:0 0}50%{translate:0 calc(-1 * var(--float-distance))}}
@keyframes home-card-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes home-browser-breathe{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes home-tile-dance{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(-7deg)}}
@keyframes home-route-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
.motion-tab-hidden .home-experience *{animation-play-state:paused!important}
.home-experience.motion-off *{animation:none!important}.home-experience.motion-off .service-motion-art i{transform:none}
@media(max-width:720px){.home-experience{--float-distance:3px}.home-experience .motion-in-view .pack{animation:none}.home-experience .motion-in-view .floating-browser{animation:none}}
@media(prefers-reduced-motion:reduce){.home-experience *{animation:none!important}.home-experience .street-window,.home-experience .assem-piece,.home-experience .story-art{transition:none}}

/* Keep the three business examples aligned, including during motion. */
.home-experience .street-websites{align-items:stretch;grid-auto-rows:1fr}
.home-experience .street-window{display:flex;flex-direction:column}
.home-experience .street-window .minilink{align-self:flex-start;margin-top:auto}
.home-experience .street-window p{margin-bottom:14px}
.home-experience .motion-in-view .street-window{animation:none}
.home-experience .motion-in-view .street-websites{animation:home-detail-float 6s ease-in-out infinite}
.home-experience.motion-off .street-websites{animation:none}

/* Local business route illustration below the editorial title. */
.local-route-graphic{margin:28px 0 0;max-width:430px}
.local-route-graphic svg{display:block;width:100%;height:auto;font-family:Manrope,sans-serif}
.local-route-graphic figcaption{font-size:12px;color:#506972;margin-top:12px;line-height:1.6}
.local-route-graphic .route-flow{animation:route-travel 9s linear infinite}
.local-route-graphic .route-signal{animation:route-glow 3s ease-in-out infinite}
@keyframes route-travel{to{stroke-dashoffset:-66}}
@keyframes route-glow{50%{opacity:.35}}
.motion-off .local-route-graphic *{animation:none!important}
@media(prefers-reduced-motion:reduce){.local-route-graphic *{animation:none!important}}
@media(max-width:700px){.local-route-graphic{max-width:380px;margin-top:24px}}