:root{
  --ink:#3c3037;--muted:#74656d;--plum:#5a3850;--plum-deep:#402737;
  --coral:#e96870;--coral-dark:#c94d59;--peach:#ffd9cc;--pink:#ffe9e8;
  --cream:#fff9f2;--paper:#fffdf9;--butter:#f8e7a8;--mint:#dcebdc;
  --line:#eadbd7;--radius-sm:16px;--radius-card:28px;--radius-large:48px;
  --shadow:0 18px 50px rgba(90,56,80,.11);--shadow-soft:0 8px 24px rgba(90,56,80,.08);
  --display:ui-rounded,"Arial Rounded MT Bold","Trebuchet MS","Avenir Next",sans-serif;
  --body:"Avenir Next","Trebuchet MS","Segoe UI",Arial,sans-serif;
}
body{background:var(--paper);color:var(--ink);font-family:var(--body)}
.announcement{background:var(--butter);color:var(--plum-deep);font-weight:800}
.site-header{background:rgba(255,253,249,.95);border-color:rgba(90,56,80,.08)}
.brand img{background:var(--pink)}.brand strong{font-family:var(--display);font-weight:800}
.menu-button{border:0;border-radius:50%;background:var(--pink)}
.button{border-radius:999px;background:var(--plum);box-shadow:var(--shadow-soft);font-weight:900}
.button:hover{background:var(--coral);border-color:var(--coral);box-shadow:var(--shadow)}
.eyebrow{display:inline-flex;align-items:center;min-height:30px;padding:0 13px;border-radius:999px;background:var(--pink);color:var(--coral-dark);letter-spacing:.1em}
.video-hero{min-height:0;padding:clamp(52px,7vw,86px) 0 78px;background:linear-gradient(135deg,var(--cream),var(--peach));color:var(--ink)}
.video-hero:before,.video-hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.video-hero:before{inset:-160px auto auto -160px;width:340px;height:340px;background:rgba(248,231,168,.7)}
.video-hero:after{inset:auto 8% -130px auto;width:220px;height:220px;background:rgba(255,255,255,.55)}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr);gap:clamp(42px,7vw,88px);align-items:center}
.hero-content{position:relative;padding:28px 0;color:var(--ink)}
.hero-content h1{max-width:660px;font:800 clamp(52px,6vw,82px)/.98 var(--display);color:var(--ink)}
.hero-content .lead{color:var(--muted)}
.hero-content .button-ghost{background:transparent!important;color:var(--plum)!important;border-color:var(--plum)!important}
.footer-brand .button-light{background:#fff!important;color:var(--plum)!important;border-color:#fff!important}
.trust-row{gap:10px;margin-top:30px;padding:0;border:0}
.trust-row li{padding:10px 15px;border-radius:999px;background:rgba(255,255,255,.78);color:var(--plum);box-shadow:0 1px 0 rgba(90,56,80,.08)}
.trust-row li:before{content:"✓";color:var(--coral-dark);background:none}
.hero-video-shell{position:relative;min-height:610px;overflow:hidden;border:10px solid rgba(255,255,255,.7);border-radius:var(--radius-large);background:var(--plum) url('/assets/uploads/2023/08/K9A8284-Pruikopmaat-jdevries2020-768x512.jpg') 72% center/cover;box-shadow:0 28px 70px rgba(90,56,80,.18);transform:rotate(1deg)}
.hero-video-shell iframe{position:absolute;left:50%;top:50%;width:177.78%;height:100%;transform:translate(-50%,-50%);border:0;pointer-events:none}
.hero-video-shell:after{content:"";position:absolute;z-index:1;left:0;right:0;bottom:0;height:25%;background:linear-gradient(transparent,rgba(64,39,55,.8));pointer-events:none}
.video-badge{position:absolute;z-index:2;left:22px;bottom:22px;display:flex;align-items:center;gap:9px;padding:11px 15px;border:0;border-radius:999px;background:rgba(255,255,255,.93);color:var(--plum);font:900 13px var(--body);box-shadow:var(--shadow-soft);cursor:pointer}
.video-badge:before{content:"▶";display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--coral);color:#fff;font-size:10px}
.hero-video-shell.audio-active iframe{pointer-events:auto}.hero-video-shell.audio-active:after,.hero-video-shell.audio-active .video-badge{display:none}
.section{padding:clamp(72px,8vw,98px) 0}.section-heading h2,.page-content h2,.route-gallery h2,.story-copy h2,.final-grid h2,.page-hero h1{font-family:var(--display);font-weight:800}
.situation-grid{gap:22px;border:0;background:transparent}
.situation-card{min-height:290px;padding:34px 30px;border:0;border-radius:var(--radius-card);background:var(--pink);box-shadow:var(--shadow-soft);transition:transform .2s,box-shadow .2s}
.situation-card:nth-child(2){background:var(--mint)}.situation-card:nth-child(3){background:#fff1c9}
.situation-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.situation-card span{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.74)}
.situation-card h3{margin-top:52px;font-family:var(--display);font-weight:800}
.situation-card:after{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff}
.hairline{height:62px;background:var(--peach)}.hairline path{stroke-width:2}
.atelier-story{background:var(--peach)}
.story-grid{gap:clamp(40px,7vw,78px);padding:28px;border-radius:var(--radius-large);background:rgba(255,255,255,.83);box-shadow:var(--shadow)}
.story-image{min-height:560px;overflow:hidden;border-radius:34px;background:#f2d9d5 url('/assets/uploads/2023/07/K9A8284-Pruikopmaat-jdevries2020-768x512-1.jpg') 72% 50%/cover no-repeat}.story-image:before{content:none}.story-image img{display:block;opacity:1}.story-copy{padding:24px 28px 24px 0}.story-copy h2{font-size:clamp(38px,4.4vw,56px)}
.story-copy .quote{padding:22px 24px;border:0;border-radius:22px;background:var(--pink);font-family:var(--display);font-weight:700}
.process-grid{gap:18px;border:0}.process-step{min-height:270px;padding:28px 25px;border:0;border-radius:var(--radius-card);background:#fff;box-shadow:var(--shadow-soft)}
.process-step:nth-child(2n){background:var(--cream)}.process-step+.process-step{padding:28px 25px;border:0}
.process-step b{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--butter);color:var(--plum);letter-spacing:0}
.process-step h3{font-family:var(--display);font-weight:800}
.video-story{background:var(--butter)}
.video-story-grid{display:grid;grid-template-columns:minmax(300px,.65fr) minmax(0,1.35fr);gap:clamp(38px,7vw,78px);align-items:center}
.video-story-copy h2{margin:0;font:800 clamp(39px,5vw,64px)/1.02 var(--display);letter-spacing:-.045em}.video-story-copy p{color:#665943}
.video-chapter{position:relative;overflow:hidden;aspect-ratio:16/9;border:10px solid rgba(255,255,255,.72);border-radius:var(--radius-large);background:var(--plum);box-shadow:var(--shadow)}
.video-chapter iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-poster{position:absolute;z-index:2;inset:0;display:grid;place-items:center;border:0;background:linear-gradient(rgba(64,39,55,.08),rgba(64,39,55,.4)),url('/assets/uploads/2023/08/K9A8284-Pruikopmaat-jdevries2020-1536x1024.jpg') 68% center/cover;color:#fff;cursor:pointer}
.video-poster span{display:flex;align-items:center;gap:12px;padding:14px 19px;border-radius:999px;background:rgba(255,255,255,.94);color:var(--plum);font-weight:900;box-shadow:var(--shadow)}
.video-poster span:before{content:"▶";display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--coral);color:#fff;font-size:12px}.video-poster[hidden]{display:none}
.client-proof{background:var(--pink);color:var(--ink)}
.proof-grid{gap:clamp(40px,7vw,78px);padding:28px;border-radius:var(--radius-large);background:#fff;box-shadow:var(--shadow)}
.proof-image{min-height:520px;overflow:hidden;border-radius:34px;background:#f2d9d5 url('/assets/uploads/2023/07/K9A7837-Pruikopmaat-jdevries2020-1536x1024-1.jpg') 42% 34%/cover no-repeat}.proof-image img{display:block;filter:none;box-shadow:none;object-position:42% 34%}
.proof-copy{padding:20px}.proof-copy blockquote{font-family:var(--display);font-weight:800;color:var(--ink);font-size:clamp(30px,3.6vw,46px)}
.proof-copy cite{display:inline-flex;padding:8px 12px;border-radius:999px;background:var(--butter);color:var(--plum)}
.final-intake{background:var(--cream)}.final-intake:before{content:none}.final-grid h2{font-size:clamp(40px,5vw,60px)}
.final-grid{gap:48px;padding:52px;border-radius:var(--radius-large);background:linear-gradient(135deg,var(--peach),var(--pink));box-shadow:var(--shadow)}
.page-hero{background:linear-gradient(145deg,var(--cream),var(--pink));border:0}
.page-hero-media{overflow:hidden;border:8px solid rgba(255,255,255,.72);border-radius:var(--radius-large);box-shadow:var(--shadow)}
.context-card{padding:24px;border:0;border-radius:var(--radius-card);background:var(--cream);box-shadow:var(--shadow-soft)}
.page-content blockquote{padding:24px 28px;border:0;border-radius:var(--radius-card);background:var(--pink);font-family:var(--display);font-weight:700}
.gallery-item img{border-radius:var(--radius-card);box-shadow:var(--shadow-soft)}
.preview-form{border:0;border-radius:var(--radius-card);background:var(--cream);box-shadow:var(--shadow-soft)}
.preview-form input,.preview-form textarea,.preview-form select{border-radius:var(--radius-sm)}
.form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.preview-form button:disabled{opacity:.65;cursor:wait}.faq-list{display:grid;gap:14px}.faq-list details{padding:0 22px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;box-shadow:var(--shadow-soft)}.faq-list summary{padding:20px 34px 20px 0;cursor:pointer;color:var(--plum);font-weight:900}.faq-list details p{padding:0 0 20px;margin:0}
.inline-cta{border-radius:var(--radius-card);background:var(--peach);color:var(--ink)}.inline-cta p{color:var(--muted)}
.site-footer{margin-top:24px;border-radius:48px 48px 0 0}
@media(max-width:1100px){.hero-grid{grid-template-columns:.86fr 1.14fr;gap:38px}.video-story-grid{grid-template-columns:1fr 1.35fr}}
@media(max-width:900px){.header-cta{display:none}.primary-nav{left:16px;right:16px;border-radius:0 0 26px 26px}.hero-grid,.video-story-grid{grid-template-columns:1fr}.hero-video-shell{min-height:560px;transform:none}.story-grid,.proof-grid{padding:22px}.story-copy{padding:22px}.process-step:nth-child(3){padding-left:25px}.video-story-copy{max-width:680px}}
@media(max-width:620px){.video-hero{min-height:0;padding:42px 0 64px;background:linear-gradient(135deg,var(--cream),var(--peach))}.video-hero iframe{display:block}.hero-content{padding:0}.hero-content h1{font-size:46px}.hero-video-shell{min-height:420px;border-width:7px;border-radius:32px;background-position:82% center}.trust-row{display:flex}.trust-row li{font-size:12px}.story-grid,.proof-grid{padding:14px;border-radius:32px}.story-image{min-height:430px;border-radius:24px}.story-copy{padding:20px 10px 16px}.process-step,.process-step+.process-step{min-height:0;padding:25px}.video-chapter{border-width:7px;border-radius:28px}.proof-copy{padding:18px 10px}.final-grid{padding:34px 26px;border-radius:32px}.site-footer{border-radius:32px 32px 0 0}.nav-open .mobile-dock{display:none}}
@media(prefers-reduced-motion:reduce){.hero-video-shell iframe[data-autoplay]{display:none}}
@media(max-width:620px){
  body{padding-bottom:82px}
  .mobile-dock{padding:7px 9px calc(7px + env(safe-area-inset-bottom))}
  .mobile-dock .button{min-height:46px}
  .mobile-dock .button-ghost{background:#fff!important;color:var(--plum)!important;border-color:var(--plum)!important}
  .hero-video-shell iframe{width:213.34%;height:120%;top:56%}
}

/* V4 polish: hiërarchie, beweging, micro-interactie */
:root{--muted:#5d4e56}
.section{padding:clamp(54px,6vw,74px) 0}
.section-heading h2,.page-content h2,.route-gallery h2{font-weight:700;font-size:clamp(30px,3.8vw,48px)}
.story-copy h2{font-size:clamp(31px,3.6vw,44px)}
.video-story-copy h2{font:800 clamp(32px,4.1vw,50px)/1.05 var(--display);letter-spacing:-.04em}
.final-grid h2{font-size:clamp(33px,4vw,48px)}
.video-story-copy p{color:#55482c}
html:not(.js) .reveal{opacity:1;translate:none}
.reveal{opacity:0;translate:0 26px;transition:opacity .7s ease,translate .7s cubic-bezier(.22,.61,.36,1)}
.reveal.in-view{opacity:1;translate:0 0}
.button{transition:transform .15s ease,background-color .2s ease,box-shadow .2s ease,border-color .2s ease}
.button:hover{transform:translateY(-2px)}
.button:active{transform:none}
.process-step{transition:transform .2s ease,box-shadow .2s ease}
.process-step:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.situation-card:after{transition:translate .2s ease}
.situation-card:hover:after{translate:5px 0}
.process-cta{display:flex;justify-content:center;margin-top:36px}
.faq-list details{interpolate-size:allow-keywords}
.faq-list details::details-content{transition:height .3s ease,content-visibility .3s allow-discrete}
@keyframes heroDrift{from{scale:1}to{scale:1.06}}
.hero-video-shell{background:var(--plum)}
.hero-video-shell:before{content:"";position:absolute;inset:-5%;background:url('/assets/uploads/2023/08/K9A8284-Pruikopmaat-jdevries2020-768x512.jpg') 72% center/cover;animation:heroDrift 24s ease-in-out infinite alternate;pointer-events:none}
.progress-rail{position:fixed;z-index:40;right:16px;top:50%;translate:0 -50%;display:grid;gap:11px;padding:9px 7px;border-radius:999px;background:rgba(255,253,249,.92);box-shadow:var(--shadow-soft)}
.progress-rail a{width:9px;height:9px;border-radius:50%;background:#dccbd2;transition:background .25s,scale .25s}
.progress-rail a.active{background:var(--coral);scale:1.4}
.progress-rail a:focus-visible{outline:2px solid var(--plum);outline-offset:2px}
@media(max-width:1100px){.progress-rail{display:none}}
@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1;translate:none;transition:none}
  .hero-video-shell:before{animation:none}
  .faq-list details::details-content{transition:none}
  .button,.process-step,.situation-card:after,.progress-rail a{transition:none}
  .button:hover,.process-step:hover{transform:none}
}
@media print{.reveal{opacity:1!important;translate:none!important}.progress-rail{display:none!important}}