:root{--font-heading:"Chillax", system-ui, sans-serif;--font-body:"Satoshi", system-ui, sans-serif;--font-mono:"DM Mono", ui-monospace, monospace;--boter:#fff8ea;--boter-diep:#ffefc9;--mint:#ddf0e4;--lucht:#dceaf7;--inkt:#1f2430;--inkt-zacht:#5e6472;--koraal:#e8604c;--wit:#fff;--radius:28px}html{background:var(--boter)}body{color:var(--inkt);font-family:var(--site-sans)}h1,h2,h3{font-family:var(--site-serif);letter-spacing:-.02em;font-weight:600;line-height:1.02}p{max-width:56ch}a:focus-visible,button:focus-visible,input:focus-visible+span{outline:2px solid var(--koraal);outline-offset:4px;border-radius:6px}.kop{z-index:20;transition:background .4s;position:sticky;top:0}.kop.is-gescrold{background:color-mix(in srgb, var(--boter) 90%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.kop-in{align-items:center;gap:32px;height:76px;display:flex}.logo{font-family:var(--site-serif);align-items:center;gap:10px;font-size:20px;font-weight:600;text-decoration:none;display:inline-flex}.logo-rond{background:var(--koraal);width:38px;height:38px;color:var(--wit);border-radius:50%;place-items:center;display:grid}.nav{gap:6px;margin-left:auto;display:flex}.nav a{border-radius:30px;padding:9px 14px;font-weight:500;text-decoration:none;transition:background .3s}.nav a:hover{background:var(--boter-diep)}.knop{white-space:nowrap;height:52px;transition:transform .4s var(--ease-uit), background .3s;border-radius:40px;justify-content:center;align-items:center;padding:0 24px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.knop:hover{transform:translateY(-2px)rotate(-1deg)}.knop-koraal{background:var(--koraal);color:var(--wit)}.knop-koraal:hover{background:#d4523f}.knop-wit{background:var(--wit);color:var(--inkt);box-shadow:inset 0 0 0 1.5px #1f24301f}.knop-inkt{background:var(--inkt);color:var(--wit)}.knoppen{flex-wrap:wrap;gap:12px;display:flex}.kop .knop{height:44px;padding:0 20px}.hero{padding-top:clamp(24px,5vw,64px)}.hero-in{grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(32px,5vw,80px);display:grid}.hero h1{font-size:clamp(46px,7vw,100px)}.lead{color:var(--inkt-zacht);max-width:42ch;margin-top:24px;font-size:clamp(17px,1.3vw,20px);line-height:1.5}.hero .knoppen{margin-top:32px}.stapel{aspect-ratio:1;position:relative}.foto{background:var(--wit);border-radius:18px;padding:10px 10px 14px;position:absolute;box-shadow:0 24px 50px -24px #1f24304d}.foto img{object-fit:cover;border-radius:10px;width:100%;height:auto}.foto figcaption{font-family:var(--site-serif);color:var(--inkt-zacht);margin-top:10px;font-size:14px;font-weight:500}.foto-1{width:68%;top:4%;left:0;transform:rotate(-3deg)}.foto-1 img{aspect-ratio:4/3}.foto-2{width:42%;bottom:0;right:0;transform:rotate(4deg)}.foto-2 img{aspect-ratio:4/5}.foto.is-zichtbaar{transform:rotate(-3deg)}.foto-2.is-zichtbaar{transform:rotate(4deg)}.sticker{background:var(--koraal);color:var(--wit);font-family:var(--site-serif);border-radius:40px;padding:10px 16px;font-size:15px;font-weight:600;position:absolute;top:0;left:58%;transform:rotate(8deg)}.sticker.is-zichtbaar{transform:rotate(8deg)}.vertrouwen{color:var(--inkt-zacht);border-top:1.5px solid #1f24301a;border-bottom:1.5px solid #1f24301a;flex-wrap:wrap;gap:12px 40px;margin:clamp(40px,6vw,80px) auto 0;padding:18px 0;font-size:15px;list-style:none;display:flex}.vertrouwen b{font-family:var(--site-serif);color:var(--inkt);margin-right:4px;font-size:18px;font-weight:600}.shoots{padding-top:clamp(72px,10vw,140px)}.shoots-kop h2,.keuzehulp h2,.verhalen h2,.contact h2{font-size:clamp(34px,4.6vw,64px)}.shoots-kop p{color:var(--inkt-zacht);margin-top:16px;font-size:18px}.raster{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px;display:grid}.vlak{border-radius:var(--radius);flex-direction:column;padding:30px 28px 28px;display:flex}.vlak-mint{background:var(--mint)}.vlak-lucht{background:var(--lucht)}.vlak-boter{background:var(--boter-diep)}.label{color:var(--inkt-zacht);font-size:14px;font-weight:600}.vlak h3{margin-top:8px;font-size:clamp(28px,2.4vw,36px)}.vlak>p{color:var(--inkt-zacht);margin-top:12px}.specs{flex-wrap:wrap;gap:6px;margin:18px 0 0;padding:0;list-style:none;display:flex}.specs li{background:#ffffffb3;border-radius:20px;padding:6px 12px;font-size:14px;font-weight:500}.prijs{color:var(--inkt-zacht);margin-top:auto;padding-top:28px;font-size:15px}.prijs b{font-family:var(--site-serif);color:var(--inkt);margin-left:4px;font-size:34px;font-weight:600}.vlak .knop{align-self:flex-start;margin-top:16px}@media (width<=900px){.raster{grid-template-columns:1fr}}.keuzehulp{padding-top:clamp(72px,10vw,140px)}.keuzehulp-in{grid-template-columns:1fr 1.2fr;align-items:center;gap:clamp(32px,5vw,80px);display:grid}.keuzehulp-tekst p{color:var(--inkt-zacht);margin-top:16px;font-size:18px}.quiz{background:var(--wit);border-radius:var(--radius);padding:clamp(24px,3vw,40px);box-shadow:0 30px 60px -36px #1f243040}.stap{border:0;margin:0;padding:0;display:none}.stap.is-actief{gap:10px;display:grid}.stap legend{font-family:var(--site-serif);margin-bottom:18px;font-size:22px;font-weight:600}.stap label{cursor:pointer;border:1.5px solid #1f24301f;border-radius:16px;align-items:center;gap:12px;padding:14px 16px;transition:border-color .2s,background .2s;display:flex}.stap label:hover{background:var(--boter)}.stap input{appearance:none;border:2px solid #1f24304d;border-radius:50%;flex:none;width:20px;height:20px;margin:0;transition:border .2s}.stap input:checked{border:6px solid var(--koraal)}.stap label:has(input:checked){border-color:var(--koraal);background:#fff1ee}.quiz-voet{flex-wrap:wrap;align-items:center;gap:20px;margin-top:22px;display:flex}.uitkomst{max-width:none;font-weight:500}.uitkomst b{font-family:var(--site-serif);font-weight:600}.quiz.is-klaar [data-volgende]{display:none}@media (width<=900px){.keuzehulp-in{grid-template-columns:1fr}}.verhalen{background:var(--wit);margin-top:clamp(72px,10vw,140px);padding:clamp(64px,9vw,120px) 0}.kaarten{grid-template-columns:repeat(3,1fr);gap:18px;margin:40px 0 0;padding:0;list-style:none;display:grid}.kaart{background:var(--boter);border-radius:var(--radius);flex-direction:column;justify-content:space-between;min-height:380px;padding:30px 28px;display:flex}.kaart p{font-size:clamp(18px,1.5vw,22px);line-height:1.4;font-family:var(--site-serif);font-weight:500}.kaart footer{margin-top:24px;font-weight:600}.kaart footer span{color:var(--inkt-zacht);font-size:14px;font-weight:400;display:block}.kaart-foto{background:var(--mint);padding:0;position:relative;overflow:hidden}.kaart-foto img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.kaart-foto footer{background:#ffffffe6;border-radius:14px;margin:auto 14px 14px;padding:10px 14px;font-size:14px;position:relative}.kaarten li:first-child{transform:rotate(-1deg)}.kaarten li:nth-child(3){transform:rotate(1deg)}.kaarten li.is-zichtbaar:first-child{transform:rotate(-1deg)}.kaarten li.is-zichtbaar:nth-child(3){transform:rotate(1deg)}@media (width<=900px){.kaarten{grid-template-columns:1fr}.kaart{min-height:0}.kaart-foto{min-height:320px}}.contact{padding-top:clamp(72px,10vw,140px)}.contact-in{grid-template-columns:1fr 1.2fr;align-items:center;gap:clamp(32px,5vw,80px);display:grid}.contact-beeld{border-radius:var(--radius);aspect-ratio:4/3;overflow:hidden;transform:rotate(-2deg)}.contact-beeld.is-zichtbaar{transform:rotate(-2deg)}.contact-beeld img{object-fit:cover;width:100%;height:100%}.contact-tekst p{color:var(--inkt-zacht);margin-top:16px;font-size:18px}.contact .knoppen{margin-top:28px}@media (width<=900px){.contact-in{grid-template-columns:1fr}}.voet{color:var(--inkt-zacht);gap:10px;padding:clamp(56px,8vw,100px) 0 120px;font-size:15px;display:grid}.voet strong{color:var(--inkt);font-family:var(--site-serif);margin-right:8px;font-weight:600}.voet a{margin-right:16px}.klein{font-size:13px}.zweef{background:var(--inkt);color:var(--wit);z-index:30;transition:transform .6s var(--ease-uit);white-space:nowrap;border-radius:40px;align-items:center;gap:16px;padding:8px 8px 8px 20px;font-size:15px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%,140%);box-shadow:0 20px 40px -20px #1f243080}.zweef.is-aan{transform:translate(-50%)}.zweef .knop{height:44px;padding:0 20px}@media (width<=720px){.nav{display:none}.kop-in{height:64px}.kop .knop{margin-left:auto}.logo{white-space:nowrap;font-size:18px}.hero-in{grid-template-columns:1fr}.hero h1{font-size:clamp(42px,12vw,60px)}.stapel{aspect-ratio:5/4;margin-top:12px}.foto-1{width:68%}.foto-2{width:46%}.sticker{font-size:13px;top:0;left:auto;right:2%}.vertrouwen{gap:10px 24px}.knoppen .knop{flex:auto}.zweef span{display:none}.zweef{padding:8px}}