:root{--green:#263f32;--cream:#f5f3e9;--acid:#e8f542;--soft:#dce3cf;color:var(--green);background:var(--cream);font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}h1,h2,h3,p{margin:0}p{line-height:1.65}a:focus-visible,button:focus-visible{outline:3px solid currentColor;outline-offset:5px}.shell{width:min(1320px,calc(100% - 96px));margin:auto}.concept-bar{background:var(--green);color:var(--cream);display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 30px;font-size:12px;position:relative;z-index:5}.concept-bar nav{display:flex;gap:22px}.concept-bar [aria-current]{color:var(--acid);text-decoration:underline;text-underline-offset:5px}.concept-bar button{background:transparent;border:1px solid #8d9e8e;border-radius:20px;padding:5px 12px;font-size:12px}.brand{font-size:32px;letter-spacing:-2px;font-weight:700}.site-nav{display:flex;align-items:center;justify-content:space-between;padding:32px 0}.site-nav>a:last-child{font-size:14px;border-bottom:1px solid;padding-bottom:5px}.eyebrow{font-size:12px;letter-spacing:1.5px;font-weight:500}.pill{display:inline-block;background:var(--green);color:var(--cream);padding:18px 26px;border-radius:40px;font-size:16px}.pill:hover{background:#466550}.reveal.ready{opacity:0;transform:translateY(22px);transition:opacity .8s,transform .8s}.reveal.seen{opacity:1;transform:none}.paused *{animation-play-state:paused!important}.paused .reveal{opacity:1;transform:none}footer{display:flex;justify-content:space-between;gap:20px;padding:30px 0;font-size:12px}.skip{position:absolute;top:-80px;z-index:9;background:white;padding:15px}.skip:focus{top:0}
/* 02 — Playful precision */
.playful{background:#f5f3e9}.play-hero{text-align:center;padding:25px 0 65px}.play-hero h1{font-size:clamp(56px,7vw,98px);line-height:.98;letter-spacing:-6px;margin:25px 0}.play-hero h1 span{display:inline-block;background:var(--acid);padding:5px 22px 12px;border-radius:30px;transform:rotate(-3deg)}.play-hero>p:not(.eyebrow){max-width:520px;margin:28px auto;font-size:18px}.play-stage{display:grid;grid-template-columns:1fr 1.15fr .9fr;grid-template-rows:210px 170px;gap:18px;max-width:1060px;margin:45px auto 0;text-align:left;perspective:1000px}.tile{border-radius:30px;padding:28px;transition:transform .4s;overflow:hidden}.tile:hover{transform:translateY(-8px) rotate(1deg)}.tile-one{background:var(--green);color:var(--cream);grid-row:1/3;display:flex;flex-direction:column;justify-content:space-between;transform:translate(var(--x,0),var(--y,0)) rotate(-3deg)}.tile-one strong{font-size:68px;letter-spacing:-5px;line-height:1}.tile-one p{font-size:14px;margin-top:25px}.tile-two{background:var(--acid);display:flex;align-items:center;justify-content:center;gap:15px}.tile-two .symbol{font-size:100px;animation:turn 20s linear infinite}.tile-two strong{font-size:26px;letter-spacing:-1px}.tile-three{background:#dce3cf;border-radius:90px 30px 30px 30px;display:flex;align-items:center;justify-content:center;flex-direction:column}.tile-three strong{font-size:86px;letter-spacing:-6px}.tile-four{background:#e7ebdf;display:flex;align-items:center;justify-content:space-between}.tile-four strong{font-size:32px;letter-spacing:-1px}.tile-four span{width:65px;height:65px;display:grid;place-items:center;background:var(--cream);border-radius:50%;font-size:38px}.tile-five{background:var(--green);color:var(--acid);display:grid;place-items:center;font:italic 36px Georgia;transform:rotate(3deg)}.play-picker{padding:65px 0 90px}.play-picker h2{font-size:54px;letter-spacing:-3px;margin:20px 0 30px}.choices{display:flex;gap:12px;flex-wrap:wrap}.choices button{border:1px solid #a7b29b;border-radius:35px;padding:15px 22px;background:transparent;font-size:16px}.choices button[aria-pressed=true]{background:var(--green);color:var(--cream)}.choice-output{margin-top:25px;border-radius:30px;background:#dce3cf;padding:45px;display:grid;grid-template-columns:1fr 1fr;gap:35px}.choice-output h3{font-size:36px;letter-spacing:-1.5px}.choice-output p{font-size:18px}.play-contact{padding:70px 40px;background:var(--acid);border-radius:55px;text-align:center;margin-bottom:40px}.play-contact h2{font-size:65px;letter-spacing:-4px;line-height:1.05;margin-bottom:30px}
@keyframes turn{to{rotate:360deg}}@keyframes slide{to{transform:translateX(-50%)}}
@media(max-width:850px){.shell{width:calc(100% - 40px)}.concept-bar{flex-wrap:wrap;padding:12px 20px;gap:12px}.concept-bar nav{gap:15px}.ed-hero{grid-template-columns:1fr}.ed-hero h1{letter-spacing:-3px}.ed-aside{max-width:500px;margin-top:20px}.ed-number{font-size:45px}.ed-footnote{gap:25px;flex-wrap:wrap}.ed-band .shell{grid-template-columns:1fr;gap:25px}.ed-band p{font-size:32px}.ed-row{grid-template-columns:40px 1fr;gap:15px}.ed-row p{grid-column:2}.play-hero h1{letter-spacing:-3px}.play-stage{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:12px}.tile{padding:22px;min-height:160px}.tile-one{grid-row:1/3}.tile-one strong{font-size:50px}.tile-two .symbol{font-size:50px}.tile-two strong{font-size:20px}.tile-four{grid-column:1/-1;grid-row:3}.tile-five{grid-column:1/-1;min-height:100px}.choice-output{grid-template-columns:1fr;padding:28px}.play-picker h2{font-size:42px}.play-contact h2{font-size:48px}.bold-bottom{flex-direction:column;align-items:start}.bold-services article{grid-template-columns:35px 1fr;gap:18px}.bold-services p{grid-column:2;max-width:none}.bold-statement h2{letter-spacing:-2px}.bold-contact h2{letter-spacing:-3px}.bold-hero h1{font-size:clamp(60px,12vw,100px)}footer{flex-wrap:wrap}.play-contact{padding:45px 20px}.ed-services>h2{font-size:44px}}@media(max-width:430px){.concept-bar>span{width:100%}.concept-bar nav{font-size:11px}.concept-bar button{font-size:11px}.play-stage{display:flex;flex-direction:column}.tile-one{min-height:260px}.tile-two{min-height:160px}.tile-three{min-height:180px}.play-hero h1{font-size:54px}.bold-hero h1{font-size:60px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal.ready{opacity:1;transform:none}.tile-one{transform:none}}

/* De gekozen richting, uitgewerkt als complete homepage. */
body{overflow-x:clip}.site-nav nav{display:flex;gap:28px;align-items:center;font-size:14px}.site-nav .nav-contact{padding:13px 20px;border:1px solid #9baa93;border-radius:30px}.site-nav nav a:hover{color:#536c36}.play-hero{padding-top:45px}.play-stage{margin-top:60px;margin-bottom:20px}.tile-four{position:relative;flex-wrap:wrap}.tile-four small{width:100%;font-size:12px;margin-top:10px}.tile-four:hover{background:#e8f542}.pill{transition:transform .25s,background .25s}.pill:hover{transform:translateY(-3px)}.play-picker{padding-top:85px;padding-bottom:100px}.choice-output{min-height:230px;align-items:start}.choice-cta{grid-column:2;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #9caa90;padding-top:16px;font-size:15px}.choice-cta span{font-size:25px}.choice-cta:hover{text-decoration:underline;text-underline-offset:5px}.working{background:var(--green);color:var(--cream);padding:90px 0;border-radius:55px 55px 0 0}.working-heading{display:grid;grid-template-columns:1fr 1fr;gap:25px}.working-heading .eyebrow{grid-column:1/-1;color:var(--acid)}.working h2{font-size:clamp(44px,5vw,66px);line-height:1.08;letter-spacing:-3px;font-weight:500}.working h2 em{font-family:Georgia,serif;font-weight:400;color:var(--acid)}.working-heading>p:last-child{justify-self:end;align-self:end;color:#d5dfcb;font-size:18px}.work-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:65px}.work-steps article{border-top:1px solid #8b9b7e;padding-top:25px}.work-steps article>span{display:grid;place-items:center;border-radius:50%;width:44px;height:44px;background:var(--acid);color:var(--green);font-size:14px}.work-steps h3{font-size:25px;letter-spacing:-.8px;line-height:1.2;margin:24px 0 17px}.work-steps p{font-size:16px;color:#d5dfcb}.about-play{display:grid;grid-template-columns:1fr 1fr;gap:75px;padding-top:100px;padding-bottom:100px;align-items:center}.about-note{border-radius:35px 95px 35px 35px;background:#dce3cf;padding:45px;min-height:370px;position:relative;rotate:-2deg}.about-note h2{font-size:clamp(40px,4.5vw,62px);letter-spacing:-3px;line-height:1.05;margin-top:35px;font-weight:500}.note-mark{font-size:95px;color:#4b6440;display:block;text-align:right;line-height:1;margin-top:25px}.about-text h3{font-size:32px;letter-spacing:-1px;line-height:1.2;margin-bottom:25px;font-weight:500}.about-text p{font-size:16px;margin-bottom:20px}.about-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.about-tags span{font-size:12px;border:1px solid #adb9a1;padding:8px 12px;border-radius:30px}.contact-email{display:block;width:fit-content;margin:24px auto 0;font-size:14px;text-decoration:underline;text-underline-offset:5px}footer{align-items:center;border-top:1px solid #b7c1ad;margin-top:60px}footer [data-pause]{background:none;border:1px solid #adb9a1;border-radius:30px;padding:9px 14px;font-size:12px}.paused .tile-one{transform:none}.paused .tile:hover{transform:none}.paused .reveal.ready{opacity:1;transform:none}
@media(max-width:850px){.site-nav nav{gap:15px}.site-nav nav>a:not(.nav-contact){display:none}.play-stage{margin-top:45px}.choice-cta{grid-column:1}.working{padding:65px 0}.working-heading{grid-template-columns:1fr}.working-heading>p:last-child{justify-self:start}.work-steps{grid-template-columns:1fr;gap:35px;margin-top:40px}.work-steps article{display:grid;grid-template-columns:44px 1fr;gap:15px}.work-steps h3{margin:8px 0}.work-steps p{grid-column:2}.about-play{grid-template-columns:1fr;gap:40px;padding-top:70px;padding-bottom:70px}.about-note{min-height:300px;padding:30px;rotate:-1deg}.about-note h2{font-size:48px}.about-text h3{font-size:30px}.choice-output{min-height:310px}.play-hero{padding-top:30px}footer .brand{font-size:28px}footer>span:nth-child(2){display:none}}
@media(max-width:430px){.play-stage{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tile-one{grid-column:1/-1;min-height:260px;grid-row:auto;transform:none}.tile-one strong{font-size:54px}.tile-two,.tile-three{min-height:165px;padding:16px}.tile-two{flex-direction:column;gap:8px}.tile-two strong{font-size:21px}.tile-three strong{font-size:65px}.tile-three>span{font-size:13px}.tile-four{grid-column:1/-1;grid-row:auto;min-height:130px}.tile-five{grid-column:1/-1;min-height:100px}.play-hero h1{font-size:clamp(44px,12.8vw,54px);letter-spacing:-3px}.play-hero h1 span{padding:7px 14px 12px}.play-contact h2{font-size:43px;letter-spacing:-2px}.play-contact{border-radius:35px}.choices{gap:8px}.choices button{font-size:14px;padding:12px 16px}.choice-output{padding:25px}.choice-output h3{font-size:30px}.choice-output p{font-size:16px}.site-nav{padding:25px 0}.site-nav .brand{font-size:28px}}

/* Direct aanbod en zichtbare aandacht voor onderhoud en verplichtingen. */
.hero-actions{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}.text-link{text-decoration:underline;text-underline-offset:5px}.play-hero h1{font-size:clamp(38px,6.8vw,90px);letter-spacing:-.055em}.play-hero>p:not(.eyebrow){max-width:650px}.service-grid,.care-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.service-grid article{background:var(--soft);border-radius:30px;padding:32px}.service-grid h3,.care-grid h3{font-size:27px;letter-spacing:-1px;line-height:1.2;margin:20px 0 16px}.care{padding:50px 0 90px}.care h2{font-size:clamp(36px,4.5vw,58px);letter-spacing:-2px;line-height:1.1;margin:20px 0 40px}.care-grid article{border-top:2px solid var(--green);padding-top:8px}.care-grid p,.service-grid p{font-size:16px}.tile-five{font-size:30px}.play-picker{padding-bottom:45px}
@media(max-width:850px){.service-grid,.care-grid{grid-template-columns:1fr}.service-grid article{padding:28px}.care{padding-bottom:65px}.play-hero h1{font-size:clamp(32px,8vw,64px)}.play-hero h1 span{padding:8px 12px 12px}.play-picker h2{font-size:38px;letter-spacing:-2px}.hero-actions{gap:18px}.care-grid{gap:25px}}

.asterisk{display:inline-block;width:.72em;height:.72em;vertical-align:middle}.tile-two .symbol{display:inline-flex;flex-shrink:0}