:root{--papier:#f6f2ea;--papier-2:#efe9dd;--inkt:#171512;--inkt-zacht:#5b564d;--lijn:#ddd6c8;--accent:#d9521c;--accent-donker:#b8420f;--radius:22px}body{background:var(--papier);color:var(--inkt)}::selection{background:var(--accent);color:#fff}.skip{background:var(--inkt);color:#fff;z-index:100;border-radius:999px;padding:10px 16px;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}h1,h2,h3{font-family:var(--site-serif);letter-spacing:-.02em;font-variation-settings:"opsz" 144, "SOFT" 30;font-weight:400;line-height:1.02}h1{font-size:clamp(42px,6.4vw,96px)}h2{max-width:16ch;font-size:clamp(34px,4.6vw,64px)}h3{font-size:clamp(24px,2.4vw,32px);line-height:1.12}h1 em,h2 em{color:var(--accent);font-variation-settings:"opsz" 144, "SOFT" 100;font-style:italic}p{max-width:58ch}.label{letter-spacing:.04em;text-transform:uppercase;color:var(--inkt-zacht);align-items:center;gap:10px;margin-bottom:22px;font-size:14px;font-weight:500;display:inline-flex}.puntje{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:2.4s ease-out infinite puls;box-shadow:0 0 #d9521c80}@keyframes puls{0%{box-shadow:0 0 #d9521c73}70%{box-shadow:0 0 0 12px #d9521c00}to{box-shadow:0 0 #d9521c00}}.nummer{font-family:var(--site-serif);color:var(--accent);margin-bottom:14px;font-size:18px;font-style:italic}.tags{color:var(--inkt-zacht);margin:6px 0 14px;font-size:15px}.klein{color:var(--inkt-zacht);font-size:14px}.knop{transition:transform .5s var(--ease-uit), background .3s, color .3s, border-color .3s;white-space:nowrap;border-radius:999px;align-items:center;gap:10px;padding:12px 20px;font-size:16px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.knop i{width:26px;height:26px;transition:transform .5s var(--ease-uit);background:#ffffff29;border-radius:50%;place-items:center;font-style:normal;display:inline-grid}.knop:hover{transform:translateY(-2px)}.knop:hover i{transform:translate(3px)}.knop-donker{background:var(--inkt);color:#fff}.knop-donker:hover{background:var(--accent)}.knop-licht{color:var(--inkt);border:1px solid var(--lijn);background:0 0}.knop-licht:hover{border-color:var(--inkt)}.knop.groot{padding:16px 24px;font-size:17px}.pijl{color:var(--inkt);border-bottom:1px solid var(--lijn);align-items:center;gap:8px;padding-bottom:2px;font-weight:500;text-decoration:none;transition:border-color .3s,color .3s;display:inline-flex}.pijl:after{content:"→";transition:transform .4s var(--ease-uit)}.pijl:hover{color:var(--accent);border-color:var(--accent)}.pijl:hover:after{transform:translate(4px)}.kop{z-index:50;background:color-mix(in srgb, var(--papier) 86%, transparent);-webkit-backdrop-filter:blur(14px);transition:box-shadow .4s;position:sticky;top:0}.kop.is-gescrold{box-shadow:0 1px 0 var(--lijn)}.kop-rij{justify-content:space-between;align-items:center;gap:24px;padding:18px 0;display:flex}.merk{font-family:var(--site-serif);letter-spacing:-.02em;font-size:26px;font-weight:600;text-decoration:none}.merk span{color:var(--accent)}.nav{gap:28px;display:flex}.nav a{color:var(--inkt-zacht);font-size:15px;font-weight:500;text-decoration:none;transition:color .3s}.nav a:hover{color:var(--inkt)}.kop-acties{align-items:center;gap:10px;display:flex}.menu-knop{border:1px solid var(--lijn);border-radius:999px;padding:10px 16px;font-weight:500;display:none}.hero{padding:clamp(40px,7vw,90px) 0 0}.hero h1{max-width:18ch}.hero h1>span{display:block}.hero-onder{grid-template-columns:1.1fr 1fr;align-items:end;gap:40px;margin-top:36px;display:grid}.hero-intro{color:var(--inkt-zacht);max-width:52ch;font-size:clamp(17px,1.3vw,20px)}.hero-acties{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.hero-beeld{border-radius:var(--radius);aspect-ratio:16/8;background:var(--papier-2);margin-top:56px;position:relative;overflow:hidden}.hero-beeld img{object-fit:cover;will-change:transform;width:100%;height:115%}.stempel{background:var(--papier);border-radius:50%;place-items:center;width:128px;height:128px;animation:28s linear infinite draai;display:grid;position:absolute;bottom:28px;right:28px}.stempel svg{width:100%;height:100%}.stempel text{font-family:var(--site-sans);letter-spacing:.18em;text-transform:uppercase;fill:var(--inkt);font-size:11.5px;font-weight:600}@keyframes draai{to{transform:rotate(360deg)}}.vertrouwen{border-top:1px solid var(--lijn);grid-template-columns:repeat(3,1fr);gap:20px;margin:28px 0 0;padding:28px 0 0;list-style:none;display:grid}.vertrouwen li{color:var(--inkt-zacht);align-items:baseline;gap:12px;font-size:15px;display:flex}.vertrouwen strong{font-family:var(--site-serif);color:var(--inkt);letter-spacing:-.02em;font-size:30px;font-weight:500}section{padding:clamp(64px,9vw,130px) 0 0}.sectie-kop{margin-bottom:clamp(36px,5vw,64px)}.sectie-kop p:not(.label){color:var(--inkt-zacht);max-width:56ch;margin-top:20px;font-size:18px}.redesign{padding-top:clamp(56px,7vw,100px)}.redesign-rij{background:var(--inkt);color:var(--papier);border-radius:var(--radius);grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(28px,5vw,72px);padding:clamp(32px,5vw,72px);display:grid}.redesign .label{color:#b9b2a6}.redesign h2{max-width:14ch}.redesign h2 em{color:#ff8a57}.redesign-tekst>p:not(.label){color:#cfc8bb;margin-top:20px}.vinkjes{gap:10px;margin:24px 0 0;padding:0;list-style:none;display:grid}.vinkjes li{align-items:center;gap:10px;font-size:15px;display:flex}.vinkjes li:before{content:"";background:var(--accent);border-radius:50%;flex:none;width:18px;height:18px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10'/%3E%3Cpath d='M6 10.5l2.6 2.5L14 7.5' stroke='%23000' stroke-width='2' fill='none'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10'/%3E%3Cpath d='M6 10.5l2.6 2.5L14 7.5' stroke='%23000' stroke-width='2' fill='none'/%3E%3C/svg%3E") 50%/contain no-repeat}.redesign-vorm{background:var(--papier);color:var(--inkt);border-radius:18px;padding:28px}.redesign-vorm label{margin-bottom:10px;font-weight:500;display:block}.veld-rij{gap:10px;display:grid}.redesign-vorm input{width:100%;font:inherit;border:1px solid var(--lijn);color:var(--inkt);background:#fff;border-radius:999px;padding:14px 18px}.redesign-vorm input::placeholder{color:#9a9385}.redesign-vorm .knop{justify-content:center}.redesign-vorm .klein{margin-top:14px}.redesign-vorm .klein a{color:var(--inkt)}.pijn-rij{border-top:1px solid var(--lijn);grid-template-columns:repeat(3,1fr);gap:0;display:grid}.pijn-item{border-right:1px solid var(--lijn);padding:36px 32px 36px 0}.pijn-item+.pijn-item{padding-left:32px}.pijn-item:last-child{border-right:0;padding-right:0}.pijn-item blockquote{font-family:var(--site-serif);letter-spacing:-.01em;font-variation-settings:"opsz" 72;margin:0 0 16px;font-size:clamp(24px,2vw,30px);line-height:1.15}.pijn-item>p{color:var(--inkt-zacht);font-size:16px}.pijn-item ul{gap:8px;margin:18px 0 22px;padding:0;font-size:15px;list-style:none;display:grid}.pijn-item li{padding-left:18px;position:relative}.pijn-item li:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;position:absolute;top:.6em;left:0}.aanbod{background:var(--papier-2);margin-top:clamp(64px,9vw,130px);padding-bottom:clamp(64px,9vw,130px)}.dienst{border-top:1px solid var(--lijn);grid-template-columns:1fr 1fr;align-items:center;gap:clamp(28px,5vw,80px);padding:clamp(28px,4vw,56px) 0;display:grid}.dienst:nth-child(odd) .dienst-tekst{order:2}.dienst-tekst>p:not(.nummer):not(.tags){color:var(--inkt-zacht);margin-bottom:22px}.dienst-beeld{aspect-ratio:4/3;background:var(--papier);border:1px solid var(--lijn);border-radius:18px;padding:8%;position:relative;overflow:hidden}.scherm .s-balk{gap:6px;margin-bottom:10%;display:flex}.scherm .s-balk i{background:var(--lijn);border-radius:50%;width:9px;height:9px}.scherm .s-kop{background:var(--inkt);border-radius:6px;width:70%;height:9%;margin-bottom:4%}.scherm .s-kop.kort{width:45%}.scherm .s-knop{background:var(--accent);border-radius:999px;width:34%;height:8%;margin-top:6%}.scherm .s-foto{background:linear-gradient(160deg,#e6dccb,#cdbfa6);border-radius:10px;width:30%;height:60%;position:absolute;top:24%;right:8%}.scherm .s-raster{grid-template-columns:repeat(3,1fr);gap:6%;display:grid}.scherm .s-raster div{aspect-ratio:1;background:linear-gradient(160deg,#eee7da,#d8ccb6);border-radius:10px;position:relative}.scherm .s-raster div:after{content:"";background:var(--inkt);opacity:.7;border-radius:4px;width:50%;height:8%;position:absolute;bottom:10%;left:10%}.scherm .s-raster div:nth-child(2):before{content:"";background:var(--accent);border-radius:999px;width:30%;height:12%;position:absolute;top:8%;right:8%}.scherm-app{grid-template-columns:24% 1fr;gap:6%;display:grid}.scherm .s-zij{align-content:start;gap:10%;display:grid}.scherm .s-zij i{background:var(--lijn);border-radius:4px;height:10px}.scherm .s-zij i:first-child{background:var(--accent)}.scherm .s-tabel{align-content:start;gap:7%;display:grid}.scherm .s-tabel div{background:var(--lijn);border-radius:6px;height:16px}.scherm .s-tabel div:nth-child(odd){width:80%}.scherm-flow{justify-content:center;align-items:center;gap:0;display:flex}.scherm .s-knoop{border:1px solid var(--inkt);background:#fff;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:500}.scherm .s-knoop.accent{background:var(--accent);border-color:var(--accent);color:#fff}.scherm .s-lijn{background:var(--inkt);flex:1;max-width:48px;height:1px;position:relative}.scherm .s-lijn:after{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;animation:2.2s linear infinite loop;position:absolute;top:-3px}@keyframes loop{0%{left:0}to{left:100%}}.merkt-lijst{border-top:1px solid var(--lijn);grid-template-columns:repeat(4,1fr);gap:32px;margin:0;padding-top:32px;display:grid}.merkt-lijst dt{font-family:var(--site-serif);letter-spacing:-.01em;margin-bottom:12px;font-size:28px}.merkt-lijst dd{color:var(--inkt-zacht);margin:0;font-size:16px}.reviews-kop{justify-content:space-between;align-items:end;gap:32px;margin-bottom:40px;display:flex}.score{color:var(--inkt-zacht);flex:none;align-items:center;gap:16px;font-size:15px;line-height:1.35;display:flex}.score strong{font-family:var(--site-serif);color:var(--inkt);letter-spacing:-.03em;font-size:56px;font-weight:400;line-height:1}.reviews-rij{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.review{border:1px solid var(--lijn);background:#fff;border-radius:18px;flex-direction:column;justify-content:space-between;gap:24px;padding:28px;display:flex}.review blockquote{font-family:var(--site-serif);font-variation-settings:"opsz" 48;margin:0;font-size:20px;line-height:1.35}.review blockquote:before{content:"“";color:var(--accent)}.review figcaption{color:var(--inkt-zacht);font-size:14px}.cases{grid-template-columns:1fr 1fr;gap:20px;display:grid}.case{background:var(--inkt);color:var(--papier);border-radius:var(--radius);flex-direction:column;min-height:420px;padding:clamp(28px,4vw,48px);display:flex}.case .nummer{color:#ff8a57}.case h3{max-width:16ch;margin-bottom:14px}.case>p:not(.nummer){color:#cfc8bb}.case ul{color:#e6e0d4;gap:8px;margin:20px 0 auto;padding:0 0 24px;font-size:15px;list-style:none;display:grid}.case li:before{content:"— ";color:#ff8a57}.case .pijl{color:var(--papier);border-color:#4a463f;align-self:flex-start}.case .pijl:hover{color:#ff8a57}.werk-alles{margin-top:28px}.over-rij{grid-template-columns:1.1fr 1fr;align-items:start;gap:clamp(32px,6vw,96px);display:grid}.over-tekst>p:not(.label){color:var(--inkt-zacht);margin-top:18px}.over-tekst .vinkjes{margin-bottom:24px}.over-tekst .vinkjes li:before{background:var(--accent)}.livegang{border:1px solid var(--lijn);border-radius:var(--radius);background:#fff;padding:clamp(28px,3.5vw,44px);position:sticky;top:100px}.livegang h3{margin-bottom:24px}.livegang ol{counter-reset:stap;gap:18px;margin:0;padding:0;list-style:none;display:grid}.livegang li{counter-increment:stap;border-top:1px solid var(--lijn);grid-template-columns:36px 1fr;gap:14px;padding-top:18px;display:grid}.livegang li:before{content:counter(stap, decimal-leading-zero);font-family:var(--site-serif);color:var(--accent);font-size:18px;font-style:italic}.livegang li strong{margin-bottom:4px;font-weight:500;display:block}.livegang li span{color:var(--inkt-zacht);font-size:15px}.vragen-rij{grid-template-columns:1fr 1.3fr;align-items:start;gap:clamp(32px,6vw,96px);display:grid}.vragen .sectie-kop{margin:0;position:sticky;top:100px}.vragen-lijst details{border-top:1px solid var(--lijn)}.vragen-lijst details:last-child{border-bottom:1px solid var(--lijn)}.vragen-lijst summary{cursor:pointer;font-family:var(--site-serif);font-variation-settings:"opsz" 48;padding:22px 48px 22px 0;font-size:clamp(20px,1.6vw,24px);line-height:1.2;list-style:none;position:relative}.vragen-lijst summary::-webkit-details-marker{display:none}.vragen-lijst summary:after{content:"+";border:1px solid var(--lijn);width:32px;height:32px;font-family:var(--site-sans);transition:transform .4s var(--ease-uit), background .3s;border-radius:50%;place-items:center;font-size:20px;display:grid;position:absolute;top:50%;right:4px;translate:0 -50%}.vragen-lijst details[open] summary:after{background:var(--inkt);color:#fff;border-color:var(--inkt);transform:rotate(45deg)}.vragen-lijst details p{color:var(--inkt-zacht);max-width:60ch;padding:0 0 24px}.contact{padding-bottom:clamp(64px,9vw,130px)}.contact-rij{grid-template-columns:1.2fr 1fr;align-items:center;gap:clamp(32px,6vw,96px);display:grid}.contact-rij>div:first-child>p{color:var(--inkt-zacht);margin-top:20px;font-size:18px}.contact-kaart{border:1px solid var(--lijn);border-radius:var(--radius);background:#fff;justify-items:start;gap:6px;padding:clamp(28px,3.5vw,44px);display:grid}.monogram{background:var(--accent);color:#fff;width:64px;height:64px;font-family:var(--site-serif);border-radius:50%;place-items:center;margin-bottom:12px;font-size:24px;display:grid}.naam{font-family:var(--site-serif);font-size:26px}.rol{color:var(--inkt-zacht);margin-bottom:18px;font-size:15px}.contact-regel{border-bottom:1px solid var(--lijn);font-size:20px;font-weight:500;text-decoration:none;transition:border-color .3s,color .3s}.contact-regel:hover{color:var(--accent);border-color:var(--accent)}.contact-kaart .knop{margin-top:22px}.voet{border-top:1px solid var(--lijn);padding:32px 0 40px}.voet-rij{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.voet nav{flex-wrap:wrap;gap:22px;display:flex}.voet nav a{color:var(--inkt-zacht);font-size:15px;text-decoration:none}.voet nav a:hover{color:var(--inkt)}@media (width<=1000px){.hero-onder,.redesign-rij,.over-rij,.vragen-rij,.contact-rij,.cases,.dienst{grid-template-columns:1fr}.dienst:nth-child(odd) .dienst-tekst{order:0}.merkt-lijst,.reviews-rij{grid-template-columns:1fr 1fr}.pijn-rij{grid-template-columns:1fr}.pijn-item{border-right:0;border-bottom:1px solid var(--lijn);padding:28px 0}.pijn-item+.pijn-item{padding-left:0}.pijn-item:last-child{border-bottom:0}.hero-acties{justify-content:flex-start}.livegang,.vragen .sectie-kop{position:static}}@media (width<=760px){.nav{display:none}.kop.menu-open .nav{background:var(--papier);border-bottom:1px solid var(--lijn);padding:8px var(--rand) 16px;flex-direction:column;gap:0;display:flex;position:absolute;inset:100% 0 auto}.kop.menu-open .nav a{border-top:1px solid var(--lijn);color:var(--inkt);padding:14px 0;font-size:18px}.menu-knop{display:inline-block}.kop-acties .knop-licht{display:none}.kop-acties .knop-donker{padding:10px 14px;font-size:14px}.kop-acties .knop-donker i{display:none}.hero{padding-top:28px}.hero h1{max-width:none}.hero-beeld{aspect-ratio:4/5;margin-top:36px}.stempel{width:96px;height:96px;bottom:16px;right:16px}.vertrouwen{grid-template-columns:1fr;gap:12px}.merkt-lijst,.reviews-rij{grid-template-columns:1fr}.reviews-kop{flex-direction:column;align-items:start}.case{min-height:0}.vragen-lijst summary{padding-right:44px}.knop.groot{justify-content:center;width:100%}.hero-acties{flex-direction:column}}
