:root{--font-heading:"Cabinet Grotesk", system-ui, sans-serif;--font-body:"Lora", Georgia, serif;--font-mono:"DM Mono", ui-monospace, monospace;--nacht:#1a0e0c;--kool:#2a1612;--room:#f5e8e3;--room-zacht:#f5e8e3bd;--oudroze:#cca49c;--bordeaux:#8a0a2a;--rood:#e0516c;--inkt:#2a0d10;--inkt-zacht:#6b4b4e;--r-m:12px;--r-l:16px}body{background:var(--nacht);color:var(--room);transition:background-color .5s var(--ease-uit), color .5s var(--ease-uit)}body[data-thema=licht]{background:var(--room);color:var(--inkt)}::selection{background:var(--bordeaux);color:var(--room)}:focus-visible{outline:2px solid var(--rood);outline-offset:3px;border-radius:4px}body[data-thema=licht] .groepen :focus-visible{outline-color:var(--bordeaux)}.skip{z-index:50;background:var(--room);color:var(--inkt);border-radius:8px;padding:12px 16px;position:absolute;top:-64px;left:16px}.skip:focus{top:16px}.knop{min-height:48px;font-family:var(--site-serif);letter-spacing:.005em;transition:transform .2s var(--ease-uit), background-color .2s, border-color .2s, color .2s;border-radius:999px;justify-content:center;align-items:center;padding:0 24px;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex}.knop:active{transform:scale(.97)}.knop-room{background:var(--room);color:var(--inkt)}.knop-room:hover{background:#fff}.knop-rand{color:var(--room);border:1px solid #f5e8e366}.knop-rand:hover{border-color:var(--room);background:#f5e8e314}.knop-donker{background:var(--bordeaux);color:var(--room)}.knop-donker:hover{background:#a3123a}.knop-rand-donker{color:inherit;border:1px solid}.knop-rand-donker:hover{background:#8a0a2a1f}.tekstlink{font-family:var(--site-serif);color:var(--oudroze);align-items:center;gap:8px;min-height:44px;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex}.tekstlink:after{content:"";width:24px;height:1px;transition:width .3s var(--ease-uit);background:currentColor}.tekstlink:hover:after{width:40px}.kop{inset:16px var(--rand) auto;z-index:20;border-radius:999px;align-items:center;gap:32px;padding:8px 8px 8px 16px;transition:background-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:flex;position:fixed}.kop.is-gescrold{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1a0e0cb8}.kop-logo img{width:72px}.kop-nav{font-family:var(--site-serif);gap:24px;margin-left:auto;font-size:17px;font-weight:500;display:flex}.kop-nav a{color:var(--room);opacity:.85;text-decoration:none}.kop-nav a:hover{opacity:1}.kop .knop{color:var(--inkt)}.hero{align-items:end;min-height:100svh;display:grid;position:relative;overflow:hidden}.hero-beeld{--p:0;clip-path:inset(calc(var(--p) * 6%) calc(var(--p) * 5%) round calc(var(--p) * 24px));position:absolute;inset:0}.hero-beeld img{object-fit:cover;width:100%;height:100%;transform:scale(calc(1.06 - var(--p) * .06));animation:gloei 2s var(--ease-uit) both}.hero-beeld:after{content:"";background:linear-gradient(#1a0e0c80 0%,#1a0e0c1a 30%,#1a0e0c59 55%,#1a0e0cf0 100%);position:absolute;inset:0}@keyframes gloei{0%{filter:brightness(.4)saturate(.6)}to{filter:none}}.hero-inhoud{width:var(--kolom);margin:0 auto;padding:0 0 64px;position:relative}.hero-titel{font-family:var(--site-serif);letter-spacing:-.035em;font-size:clamp(56px,9.6vw,152px);font-weight:800;line-height:.92}.regel{padding-bottom:.06em;display:block;overflow:hidden}.regel>span{display:inline-block}.hero-onder{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 48px;margin-top:32px;display:flex}.hero-lead{max-width:44ch;color:var(--room-zacht);font-size:19px;line-height:1.55}.hero-knoppen{flex-wrap:wrap;gap:12px;display:flex}.hero-score{top:120px;right:var(--rand);border-radius:var(--r-l);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1a0e0c8c;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;transition:background-color .2s;display:flex;position:absolute}.hero-score:hover{background:#1a0e0ccc}.hero-score b{font-family:var(--site-serif);font-variant-numeric:tabular-nums;font-size:40px;font-weight:800;line-height:1}.hero-score>span{color:var(--room-zacht);font-size:14px;display:grid}.sterren{color:var(--oudroze);letter-spacing:2px;font-size:16px;line-height:1.2}.sterren i{background:linear-gradient(90deg, var(--oudroze) 30%, #cca49c4d 30%);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.verhaal{width:var(--kolom);margin:0 auto;padding:160px 0 128px}.verhaal-tekst{font-family:var(--site-serif);letter-spacing:-.02em;max-width:22ch;font-size:clamp(30px,4.2vw,60px);font-weight:500;line-height:1.12}.verhaal-tekst span{color:#f5e8e34d;transition:color .4s var(--ease-uit)}.verhaal-tekst span.aan{color:var(--room)}.kaart{width:var(--kolom);gap:96px;margin:0 auto;padding-bottom:160px;display:grid}.rij{grid-template-columns:1.3fr 1fr;align-items:center;gap:clamp(32px,6vw,96px);display:grid}.rij-om .rij-foto{order:2}.rij-foto{border-radius:var(--r-l);aspect-ratio:4/3;overflow:hidden}.rij-foto img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--ease-uit)}.rij:hover .rij-foto img{transform:scale(1.04)}.rij-tekst{justify-items:start;gap:16px;display:grid}.rij-tekst h3{font-family:var(--site-serif);letter-spacing:-.03em;font-size:clamp(36px,4vw,56px);font-weight:800;line-height:1}.rij-tekst p{max-width:40ch;color:var(--room-zacht);font-size:18px}.groepen{width:var(--kolom);margin:0 auto;padding:128px 0}.groepen-kop{grid-template-columns:1fr 1fr;align-items:end;gap:32px;margin-bottom:64px;display:grid}.groepen-kop h2{font-family:var(--site-serif);letter-spacing:-.035em;font-size:clamp(48px,7vw,112px);font-weight:800;line-height:.95}.groepen-kop p{max-width:42ch;font-size:18px}body[data-thema=licht] .groepen-kop p,body[data-thema=licht] .groep p{color:var(--inkt-zacht)}.groepen-raster{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.groep{border-top:2px solid;flex-direction:column;align-items:flex-start;gap:16px;padding-top:24px;display:flex}.groep h3{font-family:var(--site-serif);letter-spacing:-.02em;font-size:28px;font-weight:800;line-height:1.1}.groep ul{margin:0;padding:0;list-style:none;display:grid}.groep li a{border-bottom:1px solid color-mix(in srgb, currentColor 14%, transparent);min-height:44px;transition:padding .25s var(--ease-uit), color .2s;align-items:center;text-decoration:none;display:flex}.groep li a:hover{color:var(--bordeaux);padding-left:8px}.groep p{flex:1}.groep-foto{border-radius:var(--r-l);aspect-ratio:16/9;grid-area:1/3/auto/5;overflow:hidden}.groep-foto img{object-fit:cover;width:100%;height:100%}.groep-actie{grid-column:3}.groep-bon{grid-column:4}.contact{align-items:end;min-height:90svh;display:grid;position:relative;overflow:hidden}.contact-foto{position:absolute;inset:-8% 0}.contact-foto img{object-fit:cover;width:100%;height:100%}.contact-foto:after{content:"";background:linear-gradient(180deg, var(--nacht) 0%, #1a0e0c40 35%, #1a0e0ceb 100%);position:absolute;inset:0}.contact-inhoud{width:var(--kolom);margin:0 auto;padding-bottom:96px;position:relative}.contact h2{font-family:var(--site-serif);letter-spacing:-.035em;font-size:clamp(48px,8vw,128px);font-weight:800;line-height:.95}.contact-lead{color:var(--room-zacht);margin-top:16px;font-size:19px}.contact-knoppen{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.voet{width:var(--kolom);border-top:1px solid #f5e8e324;grid-template-columns:auto 1fr auto;align-items:start;gap:32px 64px;margin:0 auto;padding:64px 0 48px;display:grid}.voet-logo{width:120px}.voet-adres{font-style:normal;font-family:var(--site-mono);color:var(--room-zacht);font-size:15px;line-height:1.7}.voet-adres a,.voet-links a{text-decoration:none}.voet-adres a:hover,.voet-links a:hover{color:var(--room);text-underline-offset:4px;text-decoration:underline}.voet-links{font-family:var(--site-serif);gap:4px;font-weight:500;display:grid}.voet-klein{color:#f5e8e399;grid-column:1/-1;font-size:14px}@media (width<=900px){.kop{gap:16px;inset:12px 12px auto}.kop-nav{display:none}.kop .knop{margin-left:auto}.hero-inhoud{padding-bottom:32px}.hero-titel{font-size:clamp(52px,15vw,88px)}.hero-onder{margin-top:24px}.hero-lead{font-size:17px}.hero-knoppen{width:100%}.hero-knoppen .knop{flex:100%}.hero-score{padding:8px 12px;top:96px;right:12px}.hero-score b{font-size:28px}.verhaal{padding:96px 0 64px}.kaart{gap:64px;padding-bottom:96px}.rij{grid-template-columns:1fr;gap:24px}.rij-om .rij-foto{order:0}.groepen{padding:96px 0}.groepen-kop{grid-template-columns:1fr;gap:16px;margin-bottom:48px}.groepen-raster{grid-template-columns:1fr;gap:48px}.groep-foto,.groep-actie,.groep-bon{grid-area:auto}.contact-inhoud{padding-bottom:64px}.voet{grid-template-columns:1fr;gap:24px}}@media (prefers-reduced-motion:reduce){.hero-beeld img{animation:none}.verhaal-tekst span{color:var(--room)}}