:root{--font-heading:"Instrument Serif", Georgia, serif;--font-body:"Geist", system-ui, sans-serif;--font-mono:"Geist Mono", ui-monospace, monospace;--kalk:#f6f7f5;--wit:#fff;--grafiet:#26363a;--grafiet-2:#56656a;--lijn:#d5dbd9;--oranje:#db5435;--oranje-knop:#c2442a;--r:999px;--p:0}::selection{background:var(--grafiet);color:var(--kalk)}html{scroll-padding-top:84px}body{background:var(--kalk);color:var(--grafiet);font-size:clamp(16px,.3vw + 15px,18px);line-height:1.6}h1,h2,h3{font-family:var(--site-serif);letter-spacing:-.02em;text-wrap:balance;font-weight:400;line-height:1}p{text-wrap:pretty}.punt{color:var(--oranje)}:focus-visible{outline:2px solid var(--oranje);outline-offset:3px;border-radius:4px}.skip{background:var(--grafiet);color:var(--wit);border-radius:var(--r);z-index:60;padding:10px 16px;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}.knop{border-radius:var(--r);background:var(--grafiet);min-height:48px;color:var(--wit);white-space:nowrap;transition:background-color .25s, color .25s, transform .4s var(--ease-uit);justify-content:center;align-items:center;padding:0 24px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.knop:hover{background:var(--oranje-knop)}.knop:active{transform:scale(.97)}.knop--licht{background:var(--wit);color:var(--grafiet)}.knop--licht:hover{background:var(--grafiet);color:var(--wit)}.kop{z-index:40;background:color-mix(in srgb, var(--kalk) 92%, transparent);-webkit-backdrop-filter:blur(10px);position:sticky;top:0}.kop__binnen{align-items:center;gap:28px;height:76px;display:flex}.kop__logo img{width:58px;height:auto}.kop__nav{gap:28px;margin-left:auto;font-size:15px;display:flex}.kop__nav a{color:var(--grafiet-2);text-decoration:none;transition:color .2s}.kop__nav a:hover{color:var(--grafiet)}.kop__knop{min-height:42px;margin-left:auto;padding:0 18px}.kop__nav+.kop__knop{margin-left:0}.held__tekst{padding:clamp(40px,7vw,104px) 0 clamp(32px,4vw,56px)}.held__titel{letter-spacing:-.035em;font-size:clamp(60px,11.4vw,184px);line-height:.9}.held__titel .regel{padding-bottom:.08em;display:block;overflow:hidden}.held__titel .regel>span{display:inline-block}.held__titel .regel:nth-child(2){padding-left:clamp(0px,9vw,160px)}.held__bron{color:var(--grafiet-2);margin-top:20px;padding-left:clamp(0px,9vw,160px);font-size:15px}.opener{height:210vh;position:relative}.opener__plak{place-items:start center;height:100svh;display:grid;position:sticky;top:0;overflow:hidden}.opener__beeld{--b:calc(36vw + (100vw - 36vw) * var(--p));--h:calc(60vh + 40vh * var(--p));width:var(--b);height:var(--h);margin-top:calc(2vh * (1 - var(--p)));border-radius:calc(14px * (1 - var(--p)));background:var(--lijn);overflow:hidden}.opener__beeld img{object-fit:cover;object-position:50% 50%;width:100%;height:100%;transform:scale(calc(1.12 - .12 * var(--p)))}.opener__onder{color:var(--wit);opacity:clamp(0, calc((var(--p) - .65) * 4), 1);transform:translateY(calc(20px * (1 - var(--p))));justify-content:space-between;align-items:end;gap:24px;margin-inline:auto;display:flex;position:absolute;bottom:clamp(24px,4vw,56px);left:0;right:0}.opener__onder p{text-shadow:0 1px 14px #0000008c;max-width:40ch;font-size:clamp(17px,1.4vw,21px)}.opener__plak:after{content:"";height:45%;opacity:clamp(0, calc((var(--p) - .6) * 3), 1);pointer-events:none;background:linear-gradient(#0000,#141e2099);position:absolute;inset:auto 0 0}.opener__onder{z-index:1}.robin{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px 80px;padding-top:clamp(96px,12vw,184px);display:grid}.robin__titel{font-size:clamp(42px,5.2vw,84px)}.robin__tekst{max-width:48ch;padding-top:10px}.robin__tekst p+p{margin-top:16px}.robin__naam{font-family:var(--site-serif);font-size:44px;font-style:italic;line-height:1;margin-top:28px!important}.diensten{padding-top:clamp(96px,12vw,184px)}.diensten__titel{margin-bottom:clamp(40px,5vw,72px);font-size:clamp(42px,5.2vw,84px)}.diensten__raster{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(48px,6vw,96px) clamp(16px,2vw,32px);display:grid}.dienst img{object-fit:cover;background:var(--lijn);border-radius:10px;width:100%}.dienst h3{margin-top:20px;font-size:clamp(28px,2.6vw,40px)}.dienst p{color:var(--grafiet-2);max-width:40ch;margin-top:8px}.dienst--1{grid-column:1/span 5}.dienst--1 img{aspect-ratio:4/5}.dienst--2{grid-column:7/span 6;margin-top:clamp(80px,14vw,220px)}.dienst--2 img{aspect-ratio:4/3}.dienst--3{grid-column:3/span 6}.dienst--3 img{aspect-ratio:16/10}.werkwijze{background:var(--wit);margin-top:clamp(96px,12vw,184px);padding:clamp(80px,10vw,152px) 0}.werkwijze__binnen{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:48px 96px;display:grid}.werkwijze__kop{align-self:start;position:sticky;top:120px}.werkwijze__kop h2{font-size:clamp(42px,5vw,80px)}.werkwijze__kop img{aspect-ratio:4/3;object-fit:cover;border-radius:10px;width:min(100%,420px);margin-top:36px}.tijdlijn{--groei:0;counter-reset:stap;margin:0;padding:0 0 0 56px;list-style:none;position:relative}.tijdlijn:before,.tijdlijn:after{content:"";background:var(--lijn);width:1.5px;position:absolute;top:10px;bottom:10px;left:15px}.tijdlijn:after{background:var(--grafiet);transform-origin:top;transform:scaleY(var(--groei))}.tijdlijn li{counter-increment:stap;padding-bottom:clamp(48px,6vw,88px);position:relative}.tijdlijn li:last-child{padding-bottom:0}.tijdlijn li:before{content:counter(stap);background:var(--wit);border:1.5px solid var(--grafiet);width:32px;height:32px;font-family:var(--site-serif);z-index:1;border-radius:50%;place-items:center;font-size:19px;line-height:1;transition:background-color .4s,color .4s;display:grid;position:absolute;top:0;left:-56px}.tijdlijn li.is-bereikt:before{background:var(--grafiet);color:var(--wit)}.tijdlijn h3{font-size:clamp(28px,2.8vw,44px)}.tijdlijn p{color:var(--grafiet-2);max-width:44ch;margin-top:10px}.stem{padding-top:clamp(96px,12vw,184px)}.stem__citaten{display:grid}.stem blockquote{opacity:0;transition:opacity .7s var(--ease-uit), transform .9s var(--ease-uit);pointer-events:none;grid-area:1/1;margin:0;transform:translateY(14px)}.stem blockquote.is-aan{opacity:1;pointer-events:auto;transform:none}.stem blockquote p{font-family:var(--site-serif);letter-spacing:-.025em;text-wrap:balance;max-width:20ch;font-size:clamp(36px,5.2vw,84px);line-height:1.04}.stem blockquote p:before{content:"“"}.stem blockquote p:after{content:"”"}.stem footer{color:var(--grafiet-2);margin-top:20px;font-size:15px}.stem__onder{border-top:1px solid var(--lijn);color:var(--grafiet-2);justify-content:space-between;align-items:center;gap:16px;margin-top:40px;padding-top:20px;font-size:15px;display:flex}.stem__knoppen{gap:8px;display:flex}.stem__knoppen button{border:1.5px solid var(--grafiet);border-radius:50%;place-items:center;width:48px;height:48px;transition:background-color .2s,color .2s;display:grid}.stem__knoppen button:hover{background:var(--grafiet);color:var(--wit)}.stem__knoppen svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:20px;height:20px}.contact{background:var(--grafiet);color:var(--kalk);margin-top:clamp(96px,12vw,184px);padding:clamp(80px,10vw,152px) 0}.contact__binnen{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:end;gap:32px 80px;display:grid}.contact__titel{font-size:clamp(52px,8vw,128px);line-height:.92}.contact__intro{color:#c5cfd0;max-width:38ch}.contact__lijst{border-top:1px solid #44575c;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 32px;margin:clamp(24px,4vw,48px) 0 0;padding-top:28px;display:grid}.contact__lijst dt{color:#a9b8ba;font-size:14px}.contact__lijst dd{font-family:var(--site-serif);overflow-wrap:anywhere;margin:6px 0 0;font-size:clamp(24px,2.4vw,36px);line-height:1.15}.contact__lijst a{background:linear-gradient(var(--oranje), var(--oranje)) left bottom / 0 2px no-repeat;transition:background-size .4s var(--ease-uit);text-decoration:none}.contact__lijst a:hover{background-size:100% 2px}.voet{background:var(--grafiet);color:#a9b8ba;padding:0 0 110px;font-size:14px}.voet__binnen{border-top:1px solid #44575c;justify-content:space-between;gap:16px;padding-top:24px;display:flex}.bel{z-index:50;background:var(--grafiet);min-height:52px;color:var(--wit);border-radius:var(--r);transition:transform .6s var(--ease-uit), background-color .2s;align-items:center;gap:10px;padding:0 22px 0 18px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex;position:fixed;bottom:20px;right:20px;transform:translateY(160%);box-shadow:0 12px 30px #26363a4d}.bel.is-aan{transform:none}.bel:hover{background:var(--oranje-knop)}.bel__punt{background:var(--oranje);width:9px;height:9px;animation:adem 2.4s var(--ease-uit) infinite;border-radius:50%;box-shadow:0 0 #db543599}.bel:hover .bel__punt{background:var(--wit)}@keyframes adem{0%{box-shadow:0 0 #db54358c}80%,to{box-shadow:0 0 0 10px #db543500}}@media (width<=900px){.kop__nav{display:none}.kop__binnen{justify-content:space-between;height:66px}.held__titel{font-size:clamp(54px,16.5vw,96px)}.held__titel .regel:nth-child(2),.held__bron{padding-left:0}.opener{height:190vh}.opener__beeld{--b:calc(78vw + 22vw * var(--p));--h:calc(56vh + 44vh * var(--p))}.opener__onder{flex-direction:column;align-items:flex-start}.robin,.werkwijze__binnen,.contact__binnen{grid-template-columns:minmax(0,1fr)}.werkwijze__kop{position:static}.werkwijze__kop img{display:none}.diensten__raster{grid-template-columns:minmax(0,1fr)}.dienst--1,.dienst--2,.dienst--3{grid-column:1;margin-top:0}.dienst--2{width:86%;margin-left:auto}.dienst--1{width:86%}.tijdlijn{padding-left:48px}.tijdlijn li:before{left:-48px}.stem__onder{flex-wrap:wrap}.contact__lijst{grid-template-columns:minmax(0,1fr)}.voet__binnen{flex-direction:column}.bel{justify-content:center;bottom:12px;left:12px;right:12px}}@media (prefers-reduced-motion:reduce){.opener{height:auto}.opener__plak{position:relative}.opener{--p:1}.bel__punt{animation:none}}