:root{--font-heading:"Cormorant Garamond", serif;--font-body:"Hanken Grotesk", sans-serif;--font-mono:"DM Mono", monospace;--nacht:#0c2219;--nacht-2:#143428;--lijn:#2a4a3d;--geel:#f9e21a;--tekst:#f2f0e8;--tekst-2:#b9c7bd;--dag:#eef3ee;--dag-inkt:#0c2219;--dag-inkt-2:#3e5248;--groen:#008457;--r-s:8px;--r-m:12px;--r-l:16px}::selection{background:var(--geel);color:var(--nacht)}html{scrollbar-color:var(--lijn) var(--nacht)}body{background:var(--nacht);color:var(--tekst);caret-color:var(--geel)}:focus-visible{outline:2px solid var(--geel);outline-offset:3px;border-radius:4px}.contact :focus-visible{outline-color:var(--groen)}.cijfer{font-variant-numeric:tabular-nums lining-nums}.skip{z-index:50;background:var(--geel);color:var(--nacht);border-radius:var(--r-s);padding:12px 16px;position:absolute;top:-64px;left:16px}.skip:focus{top:16px}svg{fill:currentColor}h1,h2{font-family:var(--site-serif);letter-spacing:-.02em;text-wrap:balance;font-weight:500}h2{font-size:clamp(40px,4.4vw,64px);line-height:1.02}h3{font-family:var(--site-serif);font-weight:600}.knop{min-height:44px;transition:background-color .2s, color .2s, border-color .2s, transform .15s var(--ease-uit);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.knop svg{width:16px;height:16px}.knop:active{transform:scale(.97)}.knop-groot{min-height:56px;padding:0 28px;font-size:16px}.knop-geel{background:var(--geel);color:var(--nacht)}.knop-geel:hover{background:#fff27a}.knop-rand{border:1.5px solid var(--tekst-2);color:var(--tekst)}.knop-rand:hover{border-color:var(--tekst);background:#ffffff0f}.knop-donker{background:var(--nacht);color:var(--tekst)}.knop-donker:hover{background:var(--groen)}.knop-rand-donker{border:1.5px solid var(--dag-inkt);color:var(--dag-inkt)}.knop-rand-donker:hover{background:var(--dag-inkt);color:var(--dag)}.kop{z-index:20;transition:background-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed;inset:0 0 auto}.kop.is-gescrold{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c2219e0}.kop-binnen{align-items:center;gap:24px;height:80px;display:flex}.logo{border-radius:var(--r-m);background:#fff;padding:6px 12px;display:block}.logo img{width:auto;height:36px}.nav{gap:4px;margin-left:auto;display:flex}.nav a{color:var(--tekst);border-radius:var(--r-s);padding:12px;font-size:15px;font-weight:500;text-decoration:none}.nav a:hover{background:#ffffff14}.held{align-items:end;min-height:100svh;padding:96px 0 48px;display:grid;position:relative;overflow:hidden}.held-foto{--p:0;clip-path:inset(calc(96px * (1 - var(--p))) calc(var(--rand) * (1 - var(--p))) calc(24px * (1 - var(--p))) round calc(16px * (1 - var(--p))));margin:0;position:absolute;inset:0}.held-foto img{object-fit:cover;width:100%;height:100%;transform:scale(calc(1.08 - .08 * var(--p)));animation:held-in 1.4s var(--ease-uit) both}.held-foto:after{content:"";background:linear-gradient(#0c221959 0%,#0c221900 30%,#0c22198c 60%,#0c2219f0 100%);position:absolute;inset:0}@keyframes held-in{0%{opacity:0}}.held-tekst{position:relative}.held h1{max-width:14ch;font-size:clamp(48px,6.4vw,96px);line-height:.95}.held h1 .regel{padding-bottom:.06em;display:block;overflow:hidden}.held h1 .regel>span{display:inline-block}.held-onder{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:32px;margin-top:32px;display:flex}.held-onder p{max-width:44ch;color:var(--tekst);font-size:18px}.held-links{justify-items:start;gap:24px;display:grid}.beoordeling{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c221999;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:12px;padding:12px 20px;font-size:15px;text-decoration:none;transition:background-color .2s;display:inline-flex}.beoordeling:hover{background:#0c2219d9}.sterren{color:var(--geel);gap:2px;display:flex}.sterren svg{width:16px;height:16px}.vieren{padding:96px 0}.vieren-kop{grid-template-columns:1fr 1fr;align-items:end;gap:64px;margin-bottom:48px;display:grid}.vieren-kop p{color:var(--tekst-2);max-width:44ch;font-size:18px}.keuze{grid-template-columns:.9fr 1.1fr;align-items:start;gap:48px;display:grid}.opties{gap:8px;display:grid}.opties button{border-radius:var(--r-m);border:1px solid var(--lijn);min-height:64px;font-family:var(--site-serif);text-align:left;color:var(--tekst-2);justify-content:space-between;align-items:center;padding:0 24px;font-size:26px;font-weight:500;transition:background-color .2s,color .2s,border-color .2s;display:flex}.opties button:after{content:"";width:10px;height:10px;transition:background-color .2s, transform .3s var(--ease-uit);border:1.5px solid;border-radius:50%}.opties button:hover{color:var(--tekst);border-color:var(--tekst-2)}.opties button[aria-pressed=true]{background:var(--nacht-2);color:var(--tekst);border-color:var(--geel)}.opties button[aria-pressed=true]:after{background:var(--geel);border-color:var(--geel);transform:scale(1.2)}.advies{border-radius:var(--r-l);background:var(--nacht-2);padding:48px;position:sticky;top:112px;box-shadow:0 24px 48px -24px #00000080}.advies h3{font-size:clamp(32px,3vw,44px);font-weight:500;line-height:1.05}.advies p{color:var(--tekst-2);max-width:46ch;margin-top:16px;font-size:18px}.advies.is-nieuw h3,.advies.is-nieuw p{animation:advies-in .45s var(--ease-uit) both}.advies.is-nieuw p{animation-delay:50ms}@keyframes advies-in{0%{opacity:0;transform:translateY(8px)}}.advies-acties{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.ruimtes{padding:64px 0 96px}.ruimtes-kop{grid-template-columns:1fr 1fr;align-items:end;gap:64px;margin-bottom:48px;display:grid}.ruimtes-kop p{color:var(--tekst-2);max-width:46ch;font-size:18px}.strook{padding:0 var(--rand) 16px;scroll-snap-type:x mandatory;scroll-padding-inline:var(--rand);scrollbar-width:thin;grid-auto-columns:clamp(260px,28vw,420px);grid-auto-flow:column;gap:16px;margin:0;list-style:none;display:grid;overflow-x:auto}.strook li{scroll-snap-align:start}.strook figure{gap:12px;display:grid}.strook img{aspect-ratio:4/5;object-fit:cover;border-radius:var(--r-l);width:100%;transition:transform .6s var(--ease-uit)}.strook figure:hover img{transform:scale(.98)}.strook figcaption{gap:2px;display:grid}.strook b{font-family:var(--site-serif);font-size:26px;font-weight:600}.strook span{color:var(--tekst-2);font-size:15px}.citaat{border-top:1px solid var(--lijn);grid-template-columns:1.4fr 1fr;align-items:end;gap:64px;padding:64px 0 96px;display:grid}.citaat>p{font-family:var(--site-serif);text-wrap:balance;font-size:clamp(32px,3.6vw,52px);font-style:italic;line-height:1.1}.feiten{color:var(--tekst-2);gap:12px;margin:0;padding:0;list-style:none;display:grid}.feiten li{align-items:baseline;gap:12px;display:flex}.feiten li:before{content:"";background:var(--geel);border-radius:50%;flex:none;width:6px;height:6px;transform:translateY(-2px)}.contact{background:var(--dag);color:var(--dag-inkt);border-radius:24px 24px 0 0;padding:96px 0}.contact-binnen{grid-template-columns:1.3fr 1fr;gap:64px;display:grid}.contact h2{color:var(--dag-inkt)}.adres{margin-top:16px;font-size:20px}.contact-acties{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.klein{color:var(--dag-inkt-2);margin-top:16px;font-size:15px}.klein a{color:var(--dag-inkt);text-underline-offset:4px}.tijden-blok h3{font-size:28px}.tijden{margin:16px 0 0;display:grid}.tijden div{border-bottom:1px solid #cdd8cf;justify-content:space-between;gap:16px;padding:12px 0;display:flex}.tijden dd{margin:0;font-weight:600}.tijden .is-vandaag dt{font-weight:700}.tijden .is-vandaag dd{color:var(--groen)}.nu{align-items:center;gap:8px;margin-top:16px;font-size:15px;font-weight:600;display:flex}.stip{background:var(--groen);border-radius:50%;width:8px;height:8px;animation:2.4s ease-out infinite puls}@keyframes puls{0%{box-shadow:0 0 #00845780}70%,to{box-shadow:0 0 0 8px #00845700}}.voet{background:var(--dag);color:var(--dag-inkt);padding:32px 0 96px}.voet-binnen{border-top:1px solid #cdd8cf;flex-wrap:wrap;align-items:center;gap:32px;padding-top:32px;display:flex}.voet img{width:auto;height:36px}.voet nav{flex-wrap:wrap;gap:4px 24px;display:flex}.voet nav a{text-underline-offset:4px;padding:8px 0;font-size:15px}.belbalk{display:none}@media (width<=900px){.nav{display:none}.kop .knop{margin-left:auto}.kop-binnen{height:64px}.logo img{height:28px}.held{padding-bottom:32px}.held-foto{clip-path:inset(calc(72px * (1 - var(--p))) calc(12px * (1 - var(--p))) calc(12px * (1 - var(--p))) round calc(16px * (1 - var(--p))))}.held-onder p{font-size:17px}.vieren{padding:64px 0}.vieren-kop,.keuze,.ruimtes-kop,.citaat,.contact-binnen{grid-template-columns:1fr;gap:24px}.opties{grid-template-columns:1fr 1fr}.opties button{min-height:56px;padding:0 16px;font-size:20px}.opties button:after{display:none}.advies{padding:24px;position:static}.contact{padding:64px 0}.contact-binnen{gap:48px}.belbalk{z-index:30;background:var(--geel);min-height:56px;color:var(--nacht);opacity:0;transition:opacity .25s, transform .35s var(--ease-uit);border-radius:999px;justify-content:center;align-items:center;gap:8px;font-size:16px;font-weight:700;text-decoration:none;display:flex;position:fixed;bottom:12px;left:12px;right:12px;transform:translateY(120%);box-shadow:0 12px 24px -8px #00000073}.belbalk.is-zichtbaar{opacity:1;transform:none}.belbalk svg{width:18px;height:18px}}@media (width<=520px){.kop .knop span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.kop .knop{width:44px;padding:0}.opties{grid-template-columns:1fr}.advies-acties .knop,.contact-acties .knop{flex:100%}}@media (prefers-reduced-motion:reduce){.held-foto img,.stip{animation:none}}