/* Atelier in panelen: een lichte werkplaats met drie donkere momenten (hero, markt, slot) en een bento van gekleurde panelen; strakke grotesk-koppen met één cursief Fraunces-woord, mono voor labels en specificaties. Eén licht thema, bewust. */
:root{
  --creme:#faf6f0; --creme-diep:#f2ebe0; --zand:#e6dccb; --inkt:#241b1a; --inkt-zacht:#5c514c; --nacht:#1c1514;
  --bordeaux:#6d1f30; --bordeaux-diep:#4a1420; --goud-label:#7a5e32; --goud:#c9a46a; --goud-licht:#e3c897;
  --lijn:rgba(176,141,87,.4); --lijn-inkt:rgba(36,27,26,.12); --lijn-licht:rgba(250,246,240,.16);
  --f-kop:"Inter Tight","Helvetica Neue",Arial,sans-serif;
  --f-accent:"Fraunces",Georgia,"Times New Roman",serif;
  --f-sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --ease:cubic-bezier(.22,.61,.36,1); --veer:cubic-bezier(.34,1.4,.64,1);
  --pagina:1240px; --sectie:152px; --hoek:20px;
  color-scheme:light;
}
@media (max-width:640px){:root{--sectie:96px;--hoek:16px}}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--creme);color:var(--inkt);font:400 17px/1.6 var(--f-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
:focus-visible{outline:2px solid var(--bordeaux);outline-offset:3px}
.donker :focus-visible{outline-color:var(--goud)}
.w{max-width:var(--pagina);margin:0 auto;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
@media (max-width:640px){.w{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}}
.sectie{padding-block:var(--sectie)}
.label{display:inline-block;font:500 12px/1.4 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--goud-label)}
.donker .label{color:var(--goud)}
.kop{font:600 clamp(34px,4.6vw,60px)/1.02 var(--f-kop);letter-spacing:-.035em;color:var(--inkt);margin:14px 0 0;text-wrap:balance}
.kop em,.accent{font-family:var(--f-accent);font-style:italic;font-weight:400;letter-spacing:-.02em;color:var(--bordeaux)}
.donker .kop{color:var(--creme)}
.donker .kop em,.donker .accent{color:var(--goud)}
.inleiding{font-size:19px;line-height:1.55;max-width:36rem;margin:18px 0 0;color:var(--inkt-zacht)}
.donker .inleiding{color:rgba(250,246,240,.72)}
.bron{font:400 12px/1.5 var(--f-mono);letter-spacing:.04em;color:var(--inkt-zacht)}
.donker .bron{color:rgba(250,246,240,.55)}
.paneel{border-radius:var(--hoek);overflow:hidden;position:relative}
.donker{background:var(--nacht);color:var(--creme)}
.donker-vlak{max-width:calc(var(--pagina) + 32px);margin:0 auto;padding-inline:16px}
@media (max-width:640px){.donker-vlak{padding-inline:8px}}
.donker-vlak>.paneel{padding-block:var(--sectie)}


/* Knoppen */
.knop{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 26px;border-radius:10px;font:600 16px/1.2 var(--f-sans);text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .2s var(--ease),background-color .2s var(--ease),box-shadow .2s var(--ease)}
.knop .pijl{transition:transform .25s var(--ease)}
.knop:hover .pijl{transform:translateX(4px)}
.knop:active{transform:translateY(0)!important}
.knop--primair{background:var(--bordeaux);color:var(--creme);box-shadow:0 8px 22px -8px rgba(109,31,48,.35),inset 0 1px 0 rgba(255,255,255,.18)}
.knop--primair:hover{background:var(--bordeaux-diep);transform:translateY(-2px);box-shadow:0 14px 30px -8px rgba(109,31,48,.5),inset 0 1px 0 rgba(255,255,255,.18)}
.knop--licht{background:var(--goud);color:var(--nacht);box-shadow:0 0 0 0 rgba(201,164,106,.5),inset 0 1px 0 rgba(255,255,255,.35)}
.knop--licht:hover{background:var(--goud-licht);transform:translateY(-2px)}
.knop--gloed{animation:gloed 2.8s ease-in-out infinite}
@keyframes gloed{0%,100%{box-shadow:0 0 0 0 rgba(201,164,106,0),0 10px 30px -10px rgba(201,164,106,.4)}50%{box-shadow:0 0 0 8px rgba(201,164,106,.14),0 10px 40px -6px rgba(201,164,106,.55)}}
.link{color:var(--bordeaux);text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;padding-bottom:2px;transition:background-size .3s var(--ease)}
.link:hover{background-size:0 1px;background-position:100% 100%}
.donker .link,.hero .link{color:var(--creme)}
.hero .label{color:var(--goud)}

/* Navigatie */
.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:22px}
.woordmerk{font:700 24px/1 var(--f-kop);letter-spacing:-.04em;color:inherit;text-decoration:none}
.woordmerk i{font-family:var(--f-accent);font-weight:400;letter-spacing:0;color:var(--goud)}
.licht .woordmerk i{color:var(--bordeaux)}
.nav{display:flex;align-items:center;gap:28px;font:500 14px/1 var(--f-sans)}
.nav a:not(.knop){text-decoration:none;opacity:.8;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding-block:4px;transition:background-size .3s var(--ease),opacity .2s}
.nav a:not(.knop):hover{opacity:1;background-size:100% 1px}
.nav .knop{min-height:40px;padding:0 16px;font-size:14px}
@media (max-width:860px){.nav a.alleen-groot{display:none}}
@media (max-width:640px){.nav .knop{display:none}}
.kopbalk{position:fixed;left:0;right:0;top:0;z-index:30;background:rgba(250,246,240,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--lijn-inkt);transform:translateY(-100%);transition:transform .35s var(--ease);color:var(--inkt)}
.kopbalk[data-zichtbaar="ja"]{transform:none}
.kopbalk .top{padding-block:0;height:64px;padding-top:env(safe-area-inset-top,0px);box-sizing:content-box}
@media (max-width:640px){.kopbalk{display:none}}

/* Hero (donker paneel) */
.hero-vlak{max-width:calc(var(--pagina) + 32px);margin:0 auto;padding:16px 16px 0}
@media (max-width:640px){.hero-vlak{padding:8px 8px 0}}
.hero{background:var(--nacht);color:var(--creme);border-radius:var(--hoek);position:relative;overflow:hidden;isolation:isolate}
.hero::before{content:"";position:absolute;inset:-20% -10% auto auto;width:70%;height:120%;background:radial-gradient(closest-side,rgba(109,31,48,.55),transparent 70%);z-index:-1}
.hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--lijn-licht) 1px,transparent 1px);background-size:100% 96px;opacity:.25;z-index:-1;mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent)}
.hero .w{padding-left:max(40px,env(safe-area-inset-left,0px));padding-right:max(40px,env(safe-area-inset-right,0px))}
@media (max-width:640px){.hero .w{padding-left:20px;padding-right:20px}}
.hero .top{border-bottom:1px solid var(--lijn-licht)}
.hero__raster{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;padding-block:72px 80px;align-items:center}
.hero__tekst{grid-column:1/8}
.hero__beeld{grid-column:8/13}
.hero h1{font:700 clamp(46px,7.2vw,100px)/.94 var(--f-kop);letter-spacing:-.05em;margin:22px 0 0;text-wrap:balance}
.hero h1 .regel{display:block;overflow:hidden;padding-bottom:.06em}
.hero h1 .regel>span{display:inline-block}
.hero h1 em{font-family:var(--f-accent);font-style:italic;font-weight:400;letter-spacing:-.03em;color:var(--goud)}
.l-js .hero h1 .regel>span{transform:translateY(105%);transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.l-js .hero h1 .regel:nth-child(2)>span{transition-delay:.09s}
.l-js .hero h1 .regel:nth-child(3)>span{transition-delay:.18s}
.l-js.geladen .hero h1 .regel>span{transform:none}
.hero__sub{font:400 clamp(19px,1.8vw,22px)/1.45 var(--f-sans);color:rgba(250,246,240,.85);margin:28px 0 0;max-width:36rem}
.hero__acties{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:36px}
.hero__regel{margin-top:16px;font:400 12px/1.4 var(--f-mono);letter-spacing:.06em;color:rgba(250,246,240,.6)}
.hero__feiten{display:flex;gap:32px;margin-top:32px;padding-top:24px;border-top:1px solid var(--lijn-licht)}
.hero__feiten div{display:flex;flex-direction:column;gap:6px}
.hero__feiten b{font:700 40px/1 var(--f-kop);letter-spacing:-.04em;color:var(--goud);font-variant-numeric:tabular-nums}
.hero__feiten span{font:500 11px/1.3 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:rgba(250,246,240,.6)}
.founding{margin-top:24px;display:inline-flex;gap:14px;align-items:center;padding:10px 16px 10px 10px;border:1px solid var(--lijn-licht);border-radius:999px;background:rgba(250,246,240,.04)}
.founding b{font:700 15px/1 var(--f-kop);color:var(--nacht);background:var(--goud);padding:8px 10px;border-radius:999px;font-variant-numeric:tabular-nums;white-space:nowrap}
.founding p{margin:0;font-size:14px;line-height:1.4;color:rgba(250,246,240,.85)}
@media (max-width:900px){.hero__raster{padding-block:28px 32px;display:flex;flex-direction:column;align-items:stretch;gap:0}.hero__tekst{display:contents}.hero__tekst>.label{order:1}.hero h1{order:2;margin-top:14px}.hero__beeld{order:3;margin-top:20px}.hero__sub{order:4;margin-top:20px}.hero__acties{order:5;margin-top:22px}.hero__regel{order:6}.hero__feiten{order:7}.founding{order:8;border-radius:14px}
.hero .voorna__veld{aspect-ratio:4/3}.hero__sub .lang{display:none}.hero__feiten{gap:20px}.hero__feiten b{font-size:30px}}

/* Voor/na */
.voorna{position:relative}
.voorna__veld{position:relative;aspect-ratio:4/5;max-width:100%;overflow:hidden;background:var(--creme-diep);border-radius:12px;touch-action:pan-y;user-select:none;box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}
.voorna__laag{position:absolute;inset:0;display:flex;flex-direction:column;padding:14px}
.voorna__voor{background:repeating-linear-gradient(135deg,#e2d8ca 0 2px,#e8dfd2 2px 14px)}
.voorna__na{background:radial-gradient(120% 80% at 60% 40%,#f6efe4 0%,#e7d8c3 55%,#d4bc9a 100%);clip-path:inset(0 0 0 var(--knip,50%))}
.voorna__product{position:absolute;left:50%;top:50%;width:34%;aspect-ratio:1/2.1;transform:translate(-50%,-46%);border-radius:40% 40% 8px 8px/18% 18% 8px 8px}
.voorna__voor .voorna__product{background:#cfc2b0;filter:blur(1.5px)}
.voorna__voor .voorna__product::after{content:"KRVA";position:absolute;left:14%;right:20%;top:50%;padding:7px 0;background:#e8dfd2;color:#9d9081;font:600 10px/1 var(--f-mono);letter-spacing:.3em;text-align:center;transform:rotate(-3deg)}
.voorna__na .voorna__product{background:linear-gradient(90deg,#5a1a28,#6d1f30 40%,#8a3346 55%,#4a1420);box-shadow:24px 30px 40px rgba(74,20,32,.25)}
.voorna__na .voorna__product::after{content:"KORVA";position:absolute;left:12%;right:12%;top:52%;padding:8px 0;background:var(--creme);color:var(--bordeaux-diep);font:600 11px/1 var(--f-kop);letter-spacing:.24em;text-align:center}
.voorna__tag{font:500 11px/1.3 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--inkt);background:rgba(250,246,240,.9);padding:6px 8px;border-radius:4px;align-self:flex-start;position:relative;z-index:1}
.voorna__na .voorna__tag{align-self:flex-end;margin-top:auto}
.voorna__deler{position:absolute;top:0;bottom:0;left:var(--knip,50%);width:2px;margin-left:-1px;background:var(--creme)}
.voorna__greep{position:absolute;top:50%;left:var(--knip,50%);width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:var(--creme);border:2px solid var(--bordeaux);display:grid;place-items:center;color:var(--bordeaux);font:600 16px var(--f-sans);pointer-events:none;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.l-js .voorna__greep{animation:wenk 2.4s var(--ease) 1.4s 2}
@keyframes wenk{0%,100%{transform:translateX(0)}30%{transform:translateX(-14px)}60%{transform:translateX(10px)}}
.voorna input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.voorna__notitie{position:absolute;left:-150px;top:18%;width:150px;color:var(--goud);pointer-events:none}
.voorna__notitie span{display:block;font:italic 400 20px/1.15 var(--f-accent);transform:rotate(-5deg)}
.voorna__onder{display:flex;justify-content:space-between;gap:12px;margin-top:12px;font:500 11px/1.4 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:rgba(250,246,240,.6)}
@media (max-width:1180px){.voorna__notitie{display:none}}
@media (max-width:640px){.voorna__onder{flex-direction:column;gap:4px}}

/* Lichtkrant */
.krant{overflow:hidden;padding-block:22px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.krant__band{display:flex;gap:56px;width:max-content;animation:loop 50s linear infinite}
.krant:hover .krant__band,.krant:focus-within .krant__band{animation-play-state:paused}
.krant__item{font-size:15px;white-space:nowrap;display:flex;align-items:baseline;gap:10px;color:var(--inkt-zacht)}
.krant__item b{font:700 22px/1 var(--f-kop);letter-spacing:-.03em;color:var(--bordeaux);font-variant-numeric:tabular-nums}
.krant__item small{font:400 11px var(--f-mono);letter-spacing:.06em;color:var(--goud-label)}
.krant__item::after{content:"✦";color:var(--goud);margin-left:46px;font-size:12px}
@keyframes loop{to{transform:translateX(-50%)}}

/* Statement */
.statement{text-align:center;position:relative}
.statement p{font:600 clamp(32px,4.4vw,58px)/1.06 var(--f-kop);letter-spacing:-.04em;margin:0 auto;max-width:900px;text-wrap:balance}
.statement p span{color:rgba(36,27,26,.32)}
.statement .accent{font-size:1.04em}
.statement__notitie{position:absolute;right:2%;top:-28px;width:170px;color:var(--bordeaux);text-align:left;pointer-events:none}
.statement__notitie span{display:block;font:italic 400 19px/1.15 var(--f-accent);transform:rotate(4deg)}
@media (max-width:1000px){.statement__notitie{display:none}}

/* Contactsheet */
.sectiekop{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:56px}
.sectiekop>div{max-width:720px}
.sheet{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;row-gap:56px;align-items:start}
.tegel{margin:0;text-decoration:none;display:block}
.tegel__beeld{aspect-ratio:4/5;max-width:100%;overflow:hidden;position:relative;border-radius:4px;transition:box-shadow .6s var(--ease)}
.tegel:hover .tegel__beeld{box-shadow:0 28px 60px -20px rgba(36,27,26,.35)}
.tegel__laag{position:absolute;inset:0;transition:opacity .6s var(--ease),transform .8s var(--ease)}
.tegel__laag--na{opacity:0;transform:scale(1.04);z-index:1}
.tegel:hover .tegel__laag--na,.tegel:focus-visible .tegel__laag--na{opacity:1;transform:none}
.tegel__chip{position:absolute;left:12px;top:12px;z-index:2;font:500 10px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;padding:6px 8px;border-radius:4px;background:rgba(250,246,240,.9);color:var(--inkt)}
.tegel__chip--na{left:auto;right:12px;background:var(--bordeaux);color:var(--creme);opacity:0;transition:opacity .4s var(--ease)}
.tegel:hover .tegel__chip--na{opacity:1}
@media (hover:none){.tegel__chip--na{opacity:1}}
.tegel__onder{display:flex;justify-content:space-between;gap:12px;margin-top:12px;font:500 11px/1.4 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--goud-label);transition:color .3s}
.tegel:hover .tegel__onder{color:var(--inkt)}
.t1{grid-column:1/5}.t2{grid-column:5/10;margin-top:72px}.t2 .tegel__beeld{aspect-ratio:1/1}.t3{grid-column:10/13;margin-top:24px}
.t4{grid-column:1/4}.t4 .tegel__beeld{aspect-ratio:3/4}.t5{grid-column:4/9;margin-top:40px}.t5 .tegel__beeld{aspect-ratio:16/11}.t6{grid-column:9/13}.t6 .tegel__beeld{aspect-ratio:1/1}
@media (max-width:640px){.sheet{row-gap:28px;gap:12px}.sheet>.tegel{grid-column:span 6;margin-top:0}.sheet>.t2,.sheet>.t5{grid-column:1/-1}.tegel__onder{flex-direction:column;gap:4px}}
/* objecten in code (tot het echte werk er is) */
.ruw{background:repeating-linear-gradient(135deg,#e6ddd0 0 2px,#ece4d8 2px 14px)}
.ruw .obj{filter:blur(2px) saturate(.4);opacity:.75}
.decor-zand{background:radial-gradient(110% 80% at 55% 35%,#f7f0e5,#e3d3bb 65%,#cdb390)}
.decor-bordeaux{background:radial-gradient(100% 90% at 40% 30%,#8a3346,#4a1420 80%)}
.decor-groen{background:radial-gradient(100% 90% at 60% 30%,#c8cdb8,#7f8a6c 85%)}
.decor-nacht{background:radial-gradient(100% 90% at 50% 20%,#3a2b28,#140f0e 80%)}
.decor-goud{background:radial-gradient(100% 90% at 50% 30%,#f1dfbd,#b98f52 90%)}
.obj{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%)}
.obj--fles{width:28%;aspect-ratio:1/2.2;border-radius:40% 40% 8px 8px/16% 16% 8px 8px;background:linear-gradient(90deg,#2b1e1b,#4a3a33 45%,#6d5a4e 55%,#241b1a);box-shadow:20px 26px 40px rgba(0,0,0,.25)}
.obj--fles::after{content:"OSSEL";position:absolute;left:10%;right:10%;top:55%;padding:6px 0;background:var(--creme);font:600 9px/1 var(--f-kop);letter-spacing:.25em;text-align:center;color:var(--inkt)}
.obj--pot{width:36%;aspect-ratio:1/1.1;border-radius:14px 14px 20px 20px;background:linear-gradient(90deg,#efe6d8,#fbf7f0 40%,#e2d6c4);box-shadow:16px 22px 36px rgba(74,20,32,.35)}
.obj--pot::before{content:"";position:absolute;left:-4%;right:-4%;top:-14%;height:22%;border-radius:8px;background:linear-gradient(90deg,#b98f52,#e3c897 45%,#a57b40)}
.obj--pot::after{content:"MAISON VER";position:absolute;inset:auto 0 30% 0;text-align:center;font:600 8px/1 var(--f-kop);letter-spacing:.22em;color:var(--bordeaux-diep)}
.obj--ring{width:34%;aspect-ratio:1;border-radius:50%;border:clamp(8px,1.6vw,16px) solid transparent;background:linear-gradient(var(--x,#d4c7b0),var(--x,#d4c7b0)) padding-box,linear-gradient(135deg,#fff3d6,#b98f52 40%,#7a5e32 60%,#f1dfbd) border-box;box-shadow:12px 18px 30px rgba(0,0,0,.25)}
.obj--doos{width:44%;aspect-ratio:1.4/1;background:linear-gradient(160deg,#f7f1e7,#ded0bb);border-radius:3px;box-shadow:22px 26px 44px rgba(0,0,0,.35)}
.obj--doos::after{content:"STUDIO WENDE";position:absolute;inset:44% 0 auto;text-align:center;font:600 9px/1 var(--f-kop);letter-spacing:.3em;color:var(--inkt)}
.obj--video{width:70%;aspect-ratio:16/9;border-radius:6px;background:linear-gradient(135deg,#3a2b28,#1c1514);border:1px solid rgba(250,246,240,.18)}
.obj--video::before{content:"";position:absolute;left:50%;top:44%;transform:translate(-40%,-50%);border-style:solid;border-width:12px 0 12px 20px;border-color:transparent transparent transparent var(--goud)}
.obj--video::after{content:"";position:absolute;left:8%;right:8%;bottom:12%;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--goud) 38%,rgba(250,246,240,.25) 38%)}
.sheet__voet{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:56px;padding-top:20px;border-top:1px solid var(--lijn);font-size:15px}

/* Markt (donker) */
.markt__raster{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;margin-top:56px}
.groot-cijfer{grid-column:1/8;padding:32px;border-radius:14px;background:linear-gradient(160deg,rgba(109,31,48,.55),rgba(74,20,32,.15));border:1px solid rgba(201,164,106,.25);position:relative;overflow:hidden}
.groot-cijfer__getal{font:700 clamp(96px,15vw,210px)/.85 var(--f-kop);letter-spacing:-.06em;color:var(--goud);font-variant-numeric:tabular-nums;display:flex;align-items:flex-start}
.groot-cijfer__getal small{font-size:.38em;margin-top:.12em;letter-spacing:-.02em}
.groot-cijfer p{font:500 clamp(20px,2vw,26px)/1.3 var(--f-kop);letter-spacing:-.02em;margin:20px 0 10px;max-width:460px}
.lijn-grafiek{position:absolute;right:-10px;bottom:0;width:62%;height:55%;opacity:.9;pointer-events:none}
.lijn-grafiek path{fill:none;stroke:var(--goud);stroke-width:2.5;stroke-dasharray:900;stroke-dashoffset:900;transition:stroke-dashoffset 2s var(--ease) .2s}
.lijn-grafiek .vul{fill:url(#verloop);stroke:none;opacity:0;transition:opacity 1.2s var(--ease) 1.2s}
.groot-cijfer[data-in="ja"] .lijn-grafiek path{stroke-dashoffset:0}
.groot-cijfer[data-in="ja"] .lijn-grafiek .vul{opacity:1}
.markt__rechts{grid-column:8/13;display:grid;gap:24px}
.klein-cijfer{padding:28px;border-radius:14px;background:rgba(250,246,240,.05);border:1px solid var(--lijn-licht)}
.klein-cijfer__getal{font:700 clamp(64px,7vw,96px)/.9 var(--f-kop);letter-spacing:-.05em;color:var(--creme);font-variant-numeric:tabular-nums}
.klein-cijfer__getal span{color:var(--goud)}
.klein-cijfer p{margin:12px 0 8px;font-size:16px;color:rgba(250,246,240,.8)}
.staaf{display:grid;grid-template-columns:44px 1fr 56px;align-items:center;gap:12px;margin-top:10px;font:500 12px/1 var(--f-mono);letter-spacing:.1em}
.staaf__baan{height:14px;border-radius:3px;background:rgba(250,246,240,.08);overflow:hidden}
.staaf__vol{height:100%;width:var(--w);background:var(--goud);border-radius:3px;transform-origin:left;transition:transform 1.4s var(--ease)}
.staaf--nl .staaf__vol{background:var(--creme);opacity:.8}
.l-js .klein-cijfer:not([data-in="ja"]) .staaf__vol{transform:scaleX(0)}
.staaf b{font:700 20px/1 var(--f-kop);letter-spacing:-.02em;text-align:right;color:var(--creme)}
.markt__slot{margin-top:56px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding-top:28px;border-top:1px solid var(--lijn-licht)}
.markt__slot p{margin:0;font:600 clamp(22px,2.6vw,32px)/1.2 var(--f-kop);letter-spacing:-.03em;max-width:720px}
.markt__slot p span{color:rgba(250,246,240,.45)}
.markt__slot p.knop-regel{font:400 12px/1.4 var(--f-mono);letter-spacing:.05em;margin-top:10px;color:rgba(250,246,240,.55)}
@media (max-width:900px){.groot-cijfer,.markt__rechts{grid-column:1/-1}.lijn-grafiek{width:80%;height:45%;opacity:.5}}

/* Wat je tegenhoudt */
.pijn{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start}
.pijn>div:first-child{grid-column:1/6;position:sticky;top:96px}
.pijn__lijst{grid-column:7/13;list-style:none;margin:0;padding:0;border-top:1px solid var(--lijn-inkt)}
.pijn__lijst li{display:grid;grid-template-columns:36px 1fr;gap:10px;padding:20px 0;border-bottom:1px solid var(--lijn-inkt);font:500 20px/1.35 var(--f-kop);letter-spacing:-.015em}
.pijn__lijst li::before{content:"✕";display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(109,31,48,.1);color:var(--bordeaux);font:700 12px/1 var(--f-sans);margin-top:1px}
.pijn__slot{grid-column:7/13;margin:28px 0 0;font:600 clamp(22px,2.4vw,28px)/1.25 var(--f-kop);letter-spacing:-.025em}
.pijn__slot span{color:var(--bordeaux)}
@media (max-width:900px){.pijn>div:first-child,.pijn__lijst,.pijn__slot{grid-column:1/-1;position:static}.pijn__lijst li{font-size:18px}}

/* Bento leerpaden */
.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}
.blok{border-radius:var(--hoek);padding:36px;display:grid;gap:24px;position:relative;overflow:hidden;transition:transform .35s var(--ease)}
.blok:hover{transform:translateY(-4px)}
.blok h3{font:600 clamp(28px,3vw,40px)/1.02 var(--f-kop);letter-spacing:-.035em;margin:10px 0 0}
.blok h3 em{font-family:var(--f-accent);font-style:italic;font-weight:400}
.blok p{margin:12px 0 0;font-size:16px;max-width:420px}
.vinkjes{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:15px}
.vinkjes li{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start}
.vinkjes li::before{content:"✓";display:grid;place-items:center;width:20px;height:20px;border-radius:4px;font-size:12px;font-weight:700;margin-top:1px;background:var(--vink-bg,var(--inkt));color:var(--vink-fg,var(--creme))}
.blok__start{position:absolute;top:28px;right:28px;font:500 11px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;padding:7px 9px;border-radius:4px;background:var(--bordeaux);color:var(--creme)}
.blok--zand{grid-column:1/-1;background:var(--zand);grid-template-columns:1fr 1.1fr;align-items:center}
.blok--bordeaux{grid-column:span 6;background:var(--bordeaux);color:var(--creme);--vink-bg:var(--goud);--vink-fg:var(--nacht)}
.blok--bordeaux h3 em{color:var(--goud)}
.blok--nacht{grid-column:span 6;background:var(--nacht);color:var(--creme);--vink-bg:var(--goud);--vink-fg:var(--nacht)}
.blok--nacht h3 em{color:var(--goud)}
.blok--diep{grid-column:span 7;background:var(--bordeaux-diep);color:var(--creme);--vink-bg:var(--goud);--vink-fg:var(--nacht)}
.blok--diep h3 em{color:var(--goud)}
.b-persona{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.b-persona div{aspect-ratio:3/4;border-radius:8px;background:radial-gradient(circle at 50% 38%,#e8d6c2 0 22%,transparent 23%),radial-gradient(ellipse at 50% 100%,#c9a46a 0 45%,transparent 46%),linear-gradient(160deg,#6d1f30,#2a0f15);display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px;font:500 9px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:rgba(250,246,240,.8)}
.blok--breed{grid-column:1/-1;grid-template-columns:1fr 1fr;align-items:center}
.blok--goud{grid-column:span 5;background:var(--goud);color:var(--nacht);--vink-bg:var(--nacht);--vink-fg:var(--goud)}
.blok--goud h3 em{color:var(--bordeaux-diep)}
.blok--creme{grid-column:span 12;background:var(--creme-diep);--vink-bg:var(--bordeaux)}
.blok--creme h3 em{color:var(--bordeaux)}
.blok .label{color:inherit;opacity:.7}
.blok--zand h3 em{color:var(--bordeaux)}
@media (max-width:900px){.blok--breed{grid-template-columns:1fr}.b-persona{grid-template-columns:repeat(3,1fr)}.b-map{grid-template-columns:1fr}.b-venster{white-space:normal;font-size:11px}.bento>.blok{grid-column:1/-1}.blok--zand{grid-template-columns:1fr}.blok{padding:28px 22px}}
/* bento-objecten */
.b-obj{position:relative;min-height:220px}
.b-map{display:grid;grid-template-columns:1.1fr 1fr;gap:14px;align-items:center}
.b-venster{white-space:nowrap;overflow:hidden;background:var(--nacht);color:#e8dccb;border-radius:10px;padding:14px 16px;font:400 12px/1.7 var(--f-mono);box-shadow:0 24px 40px -16px rgba(0,0,0,.45)}
.b-venster b{color:var(--goud);font-weight:500}
.b-venster i{font-style:normal;color:rgba(232,220,203,.5)}
.b-raster{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px;background:var(--creme);border-radius:12px;border:1px solid var(--lijn)}
.b-raster>div{aspect-ratio:1;border-radius:6px;position:relative;overflow:hidden}
.b-raster .obj--fles{width:26%}
.b-reeks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.b-reeks>div{aspect-ratio:3/4;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 18px 30px -14px rgba(0,0,0,.5)}
.b-reeks>div:nth-child(2){transform:translateY(-14px)}
.b-tijdlijn{border-radius:10px;background:rgba(250,246,240,.06);border:1px solid var(--lijn-licht);padding:14px}
.b-tijdlijn .scherm{aspect-ratio:16/8;border-radius:6px;position:relative;overflow:hidden}
.b-sporen{margin-top:12px;display:grid;gap:6px}
.b-sporen div{height:14px;border-radius:3px;background:rgba(250,246,240,.1);position:relative}
.b-sporen div::after{content:"";position:absolute;inset:0 auto 0 var(--l);width:var(--w);border-radius:3px;background:var(--c,var(--goud))}
.b-kop{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--creme);left:12%;animation:afspelen 5s linear infinite}
@keyframes afspelen{to{left:88%}}
.b-brief{background:var(--creme);color:var(--inkt);border-radius:10px;padding:18px;box-shadow:0 24px 40px -18px rgba(36,27,26,.5);font-size:13px;transform:rotate(-1.5deg)}
.b-brief header{display:flex;justify-content:space-between;font:500 10px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--goud-label);padding-bottom:10px;border-bottom:1px solid var(--lijn-inkt)}
.b-brief dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:12px 0 0}
.b-brief dt{font:500 10px/1.7 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--inkt-zacht)}
.b-brief dd{margin:0}
.b-brief .stempel{display:inline-block;margin-top:12px;font:600 11px/1 var(--f-mono);letter-spacing:.14em;color:var(--bordeaux);border:1.5px solid var(--bordeaux);padding:6px 8px;border-radius:4px;transform:rotate(-4deg)}

/* Week-tijdlijn */
.weken{display:grid;gap:10px}
.wk{border-radius:16px;background:var(--creme-diep);transition:background-color .3s var(--ease)}
.wk[open]{background:var(--zand)}
.wk--mijl{background:var(--bordeaux);color:var(--creme)}
.wk--mijl[open]{background:var(--bordeaux-diep)}
.wk summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:96px minmax(0,1fr) auto 32px;align-items:center;gap:20px;padding:18px 24px}
.wk summary::-webkit-details-marker{display:none}
.wk__nr{font:700 72px/.8 var(--f-kop);letter-spacing:-.06em;color:var(--bordeaux);font-variant-numeric:tabular-nums}
.wk--mijl .wk__nr{color:var(--goud)}
.wk__kop{display:flex;flex-direction:column;gap:6px;min-width:0}
.wk__label{font:500 11px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--goud-label)}
.wk--mijl .wk__label{color:var(--goud)}
.wk__titel{font:600 clamp(22px,2.4vw,30px)/1.1 var(--f-kop);letter-spacing:-.03em}
.wk__mod{font:500 12px/1.4 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--inkt-zacht);text-align:right}
.wk--mijl .wk__mod{color:rgba(250,246,240,.7)}
.wk__plus{width:32px;height:32px;border-radius:50%;background:var(--creme);position:relative;transition:transform .3s var(--ease)}
.wk__plus::before,.wk__plus::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;background:var(--bordeaux)}
.wk__plus::after{transform:rotate(90deg)}
.wk[open] .wk__plus{transform:rotate(45deg)}
.wk__inhoud{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:4px 24px 26px 140px}
.wk__inhoud p{margin:8px 0 0;font:500 19px/1.4 var(--f-kop);letter-spacing:-.01em}
.wk__inhoud ul{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:8px;font-size:15px}
.wk__inhoud li{display:grid;grid-template-columns:18px 1fr;gap:6px}
.wk__inhoud li::before{content:"→";color:var(--bordeaux)}
.wk--mijl .wk__inhoud li::before,.wk--mijl .label{color:var(--goud)}
.weken__na{margin:20px 0 0;font-size:15px;color:var(--inkt-zacht)}
.weken__na b{color:var(--inkt);font-weight:600}
@media (max-width:760px){.wk summary{grid-template-columns:56px minmax(0,1fr) 28px;gap:12px;padding:16px}.wk__nr{font-size:48px}.wk__mod{grid-column:2/3;grid-row:2;text-align:left;font-size:11px}.wk__plus{grid-row:1/3;grid-column:3}.wk__inhoud{grid-template-columns:1fr;padding:0 16px 20px 16px;gap:16px}}
.voortgang{height:3px;background:var(--lijn-inkt);border-radius:2px;margin:0 0 28px;overflow:hidden}
.voortgang i{display:block;height:100%;width:100%;background:var(--bordeaux);transform:scaleX(var(--p,0));transform-origin:left}
.ritme{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;margin-top:20px}
.breakdown{grid-column:1/9;border-radius:var(--hoek);background:var(--nacht);color:var(--creme);padding:36px;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;overflow:hidden}
.breakdown h3{font:600 clamp(28px,3vw,40px)/1.02 var(--f-kop);letter-spacing:-.035em;margin:12px 0 0}
.breakdown h3 em{font-family:var(--f-accent);font-style:italic;font-weight:400;color:var(--goud)}
.breakdown p{color:rgba(250,246,240,.75);margin:14px 0 0;font-size:16px}
.ontleed{position:relative;aspect-ratio:4/5;border-radius:10px;overflow:hidden}
.ontleed .obj--pot{--x:#d4c7b0}
.markering{position:absolute;border:1.5px solid var(--goud);border-radius:50%;opacity:0;transform:scale(.6);transition:opacity .5s var(--ease),transform .6s var(--veer)}
.markering span{position:absolute;white-space:nowrap;font:italic 500 15px/1 var(--f-accent);color:var(--bordeaux-diep);background:rgba(250,246,240,.92);padding:5px 8px;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.15)}
.markering{border-color:var(--bordeaux)}
.m1{left:22%;top:20%;width:56%;height:16%}.m1 span{right:0;top:-30px}
.m2{left:30%;top:58%;width:40%;height:14%}.m2 span{left:-30%;top:-34px}
.m3{left:55%;top:66%;width:36%;height:16%}.m3 span{right:0;top:112%}
.breakdown[data-in="ja"] .markering{opacity:1;transform:none}
.breakdown[data-in="ja"] .m2{transition-delay:.35s}.breakdown[data-in="ja"] .m3{transition-delay:.7s}
.chips{grid-column:9/13;display:grid;gap:20px}
.chip{border-radius:var(--hoek);background:var(--zand);padding:26px;display:flex;flex-direction:column;gap:8px}
.chip b{font:600 22px/1.15 var(--f-kop);letter-spacing:-.02em}
.chip p{margin:0;font-size:15px;color:var(--inkt-zacht)}
.chip--goud{background:var(--goud)}
.chip--goud p{color:rgba(28,21,20,.75)}
@media (max-width:900px){.breakdown,.chips{grid-column:1/-1}.breakdown{grid-template-columns:1fr;padding:28px 22px}}

.weken-cta{margin-top:40px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:26px 0 0;border-top:1px solid var(--lijn-inkt)}
.weken-cta p:first-child{margin:0;font:600 clamp(20px,2.2vw,26px)/1.25 var(--f-kop);letter-spacing:-.02em}
.weken-cta p:first-child span{color:rgba(36,27,26,.45)}

/* Voor wie */
.wie{border-radius:var(--hoek);background:var(--creme-diep);padding:12px;overflow:hidden}
.wie__tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;background:var(--creme);border-radius:14px;padding:6px}
.wie__tabs button{font:600 15px/1.25 var(--f-sans);color:var(--inkt-zacht);background:transparent;border:0;border-radius:10px;padding:14px 12px;cursor:pointer;transition:background-color .25s var(--ease),color .25s var(--ease)}
.wie__tabs button:hover{color:var(--inkt);background:var(--creme-diep)}
.wie__tabs button[aria-selected="true"]{background:var(--bordeaux);color:var(--creme)}
.wie__paneel{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:32px;padding:32px 24px 24px}
.wie__paneel[hidden]{display:none}
.wie__citaat{margin:0;font:400 clamp(22px,2.2vw,28px)/1.25 var(--f-accent);font-style:italic;color:var(--bordeaux-diep)}
.wie__kolom ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:10px;font-size:16px}
.wie__kolom li{display:grid;grid-template-columns:20px 1fr;gap:6px}
.wie__kolom li::before{content:"+";font:700 17px/1.3 var(--f-kop);color:var(--bordeaux)}
.wie__team{margin:18px 0 0;font-size:15px}
.wie__niet{margin:0 24px 16px;padding-top:18px;border-top:1px solid var(--lijn-inkt)}
.wie__niet p{margin:6px 0 0;color:var(--inkt-zacht);font-size:15px}
@media (max-width:900px){.wie__tabs{grid-template-columns:1fr 1fr}.wie__paneel{grid-template-columns:1fr;gap:20px;padding:24px 12px 16px}.wie__niet{margin:0 12px 12px}}

/* Waarom Luse + doel */
.waarom{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start}
.waarom__tekst{grid-column:1/7}
.waarom__tekst .stelling{font:600 clamp(30px,3.6vw,46px)/1.05 var(--f-kop);letter-spacing:-.04em;margin:14px 0 28px;text-wrap:balance}
.waarom__tekst .stelling span{color:rgba(36,27,26,.35)}
.waarom__tekst p{margin:0 0 16px;max-width:560px}
.stellingen{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid var(--lijn-inkt)}
.stellingen li{display:grid;grid-template-columns:44px 1fr;gap:8px;padding:16px 0;border-bottom:1px solid var(--lijn-inkt);font:600 19px/1.3 var(--f-kop);letter-spacing:-.02em;transition:padding .3s var(--ease),color .3s}
.stellingen li:hover{padding-left:10px;color:var(--bordeaux)}
.stellingen li span{font:500 12px/1.9 var(--f-mono);color:var(--goud-label)}
.doel{grid-column:8/13;position:sticky;top:96px;border-radius:var(--hoek);background:var(--bordeaux);color:var(--creme);padding:32px;overflow:hidden}
.doel__getal{font:700 clamp(96px,11vw,150px)/.85 var(--f-kop);letter-spacing:-.06em;color:var(--creme);font-variant-numeric:tabular-nums;margin:18px 0 6px;transition:color .4s}
.doel[data-klaar="ja"] .doel__getal{color:var(--goud);animation:tik .5s var(--veer)}
@keyframes tik{40%{transform:scale(1.05)}}
.doel__woord{font:italic 400 26px/1.1 var(--f-accent);color:var(--goud)}
.doel p{margin:16px 0 0;color:rgba(250,246,240,.82);font-size:16px}
.liniaal{margin-top:28px;position:relative;height:44px}
.liniaal__baan{position:absolute;left:0;right:0;top:14px;height:2px;background:rgba(250,246,240,.2)}
.liniaal__vol{position:absolute;left:0;top:14px;height:2px;background:var(--goud);width:calc(var(--p,0)*100%)}
.liniaal__stip{position:absolute;top:8px;left:calc(var(--p,0)*100%);width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--goud);box-shadow:0 0 0 6px rgba(201,164,106,.2)}
.liniaal__streep{position:absolute;top:22px;font:400 10px/1 var(--f-mono);color:rgba(250,246,240,.5);transform:translateX(-50%);padding-top:10px}
.liniaal__streep::before{content:"";position:absolute;left:50%;top:0;width:1px;height:6px;background:rgba(250,246,240,.3)}
.liniaal__doel{position:absolute;right:0;top:-8px;font:500 10px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--goud)}
.bedrijf{grid-column:1/-1;margin-top:40px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:22px 26px;border-radius:14px;background:var(--zand)}
.bedrijf strong{font:600 19px/1.3 var(--f-kop);letter-spacing:-.02em}
@media (max-width:900px){.waarom__tekst,.doel{grid-column:1/-1}.doel{position:relative;top:0}}

/* Prijs */
.prijzen{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;align-items:start;margin-top:56px}
.prijs{border-radius:var(--hoek);padding:32px;display:flex;flex-direction:column;gap:14px;background:var(--creme)}
.prijs--jaar{grid-column:1/8;border:2px solid var(--bordeaux);position:relative;padding-top:44px;box-shadow:0 30px 60px -30px rgba(109,31,48,.35)}
.prijs--maand{grid-column:8/13;border:1px solid var(--lijn)}
.badge{position:absolute;top:-16px;left:30px;font:600 13px/1 var(--f-sans);color:var(--nacht);background:var(--goud);padding:10px 14px;border-radius:999px;white-space:nowrap;box-shadow:0 8px 20px -8px rgba(122,94,50,.6)}
.prijs h3{margin:0;font:500 12px/1.4 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--goud-label)}
.bedrag{font:700 76px/1 var(--f-kop);letter-spacing:-.05em;color:var(--inkt);font-variant-numeric:tabular-nums}
.bedrag small{font:400 16px var(--f-sans);color:var(--inkt-zacht);margin-left:8px;letter-spacing:0}
.prijs--maand .bedrag{font-size:44px}
.prijs__reken{font-size:15px;color:var(--inkt-zacht);margin:0}
.prijs__founding{margin:0;padding:14px 16px;border-radius:10px;background:var(--creme-diep);font-size:15px}
.prijs__founding b{color:var(--bordeaux)}
.spec{margin:4px 0 8px;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:14px;font-size:15px}
.spec dt,.spec dd{margin:0;padding:11px 0;border-top:1px solid var(--lijn-inkt)}
.spec dd{font:500 12px/1.8 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--inkt-zacht);text-align:right}
.prijs .link{align-self:flex-start}
.zeker{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 24px;font:400 12px/1.5 var(--f-mono);letter-spacing:.04em;color:var(--inkt-zacht)}
.teller{grid-column:1/8;display:flex;align-items:center;gap:16px}
.teller b{font:700 36px/1 var(--f-kop);letter-spacing:-.03em;color:var(--bordeaux);font-variant-numeric:tabular-nums;white-space:nowrap}
.teller__balk{flex:1;height:8px;background:var(--creme);border-radius:4px;overflow:hidden}
.teller__vol{height:100%;background:var(--bordeaux);width:17%}
.wachtlijst-noot{grid-column:1/8;margin:0;font-size:15px}
@media (max-width:900px){.prijs--jaar,.prijs--maand,.teller,.wachtlijst-noot{grid-column:1/-1}.bedrag{font-size:60px}.prijs{padding:28px 22px}.prijs--jaar{padding-top:40px}}

/* FAQ */
.faq-raster{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
.faq-raster>div:first-child{grid-column:1/5}
.faq{grid-column:6/13;display:grid;gap:10px}
.faq details{border-radius:12px;background:var(--creme-diep);transition:background-color .2s}
.faq details[open]{background:var(--zand)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;font:600 18px/1.3 var(--f-kop);letter-spacing:-.01em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--creme);font:400 20px/1 var(--f-sans);color:var(--bordeaux);transition:transform .3s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin:0;padding:0 22px 20px;max-width:560px;color:var(--inkt-zacht)}
@media (max-width:900px){.faq-raster>div:first-child,.faq{grid-column:1/-1}}

/* Twee toekomstbeelden */
.toekomst{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.toekomst>div{padding:32px;border-radius:var(--hoek)}
.toekomst .zonder{background:var(--creme-diep)}
.toekomst .met{background:var(--bordeaux);color:var(--creme)}
.toekomst h3{font:600 28px/1.1 var(--f-kop);letter-spacing:-.03em;margin:10px 0 18px}
.toekomst .met h3 em{font-family:var(--f-accent);font-style:italic;font-weight:400;color:var(--goud)}
.toekomst .met .label{color:var(--goud)}
.toekomst ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.toekomst li{display:grid;grid-template-columns:24px 1fr;gap:8px}
.toekomst .zonder li{color:rgba(36,27,26,.5);text-decoration:line-through;text-decoration-thickness:1px;text-decoration-color:rgba(36,27,26,.3)}
.toekomst .zonder li::before{content:"–";text-decoration:none}
.toekomst .met li::before{content:"✓";color:var(--goud);font-weight:700}
@media (max-width:760px){.toekomst{grid-template-columns:1fr}.toekomst>div{padding:24px}}

/* Slot (donker) */
.slot__vraag{font:600 clamp(28px,3.6vw,46px)/1.08 var(--f-kop);letter-spacing:-.035em;margin:14px 0 0;max-width:900px;text-wrap:balance}
.slot__vraag span{color:var(--goud)}
.slot .toekomst{margin-top:24px}
.slot .toekomst .zonder{background:rgba(250,246,240,.05);border:1px solid var(--lijn-licht)}
.slot .toekomst .zonder h3{color:rgba(250,246,240,.6)}
.slot .toekomst .zonder li{color:rgba(250,246,240,.45);text-decoration-color:rgba(250,246,240,.3)}
.slot .toekomst .zonder .label{color:rgba(250,246,240,.5)}
.slot__scheid{height:1px;background:var(--lijn-licht);margin:var(--sectie) 0 calc(var(--sectie)*.5)}
.slot h2{font:700 clamp(56px,10vw,140px)/.9 var(--f-kop);letter-spacing:-.06em;margin:18px 0 0}
.slot h2 em{font-family:var(--f-accent);font-style:italic;font-weight:400;letter-spacing:-.03em;color:var(--goud)}
.form{max-width:620px;margin-top:44px}
.form label.veldlabel{display:block;font:500 11px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:rgba(250,246,240,.6);margin-bottom:10px}
.form__rij{display:flex;gap:12px;align-items:stretch}
.form input[type=email]{flex:1;min-width:0;border:0;border-bottom:1px solid rgba(250,246,240,.4);background:transparent;padding:12px 0;font:400 22px var(--f-sans);color:var(--creme);border-radius:0;transition:border-color .2s}
.form input[type=email]:focus{outline:none;border-bottom:2px solid var(--goud)}
.form input::placeholder{color:rgba(250,246,240,.35);font-family:var(--f-accent);font-style:italic}
.form__regel{margin-top:16px;font:400 12px/1.5 var(--f-mono);letter-spacing:.04em;color:rgba(250,246,240,.55)}
.form__regel a{color:inherit}
.form__fout{min-height:1.5em;margin-top:8px;font-size:14px;color:var(--goud-licht)}
.form__klaar{margin-top:24px;padding:20px 24px;border-radius:12px;background:rgba(250,246,240,.06);border:1px solid rgba(201,164,106,.4)}
.form__klaar b{font:600 22px/1.2 var(--f-kop);color:var(--goud)}
.knop-regel{margin:10px 0 0;font:400 12px/1.4 var(--f-mono);letter-spacing:.05em;color:var(--inkt-zacht)}
.donker .knop-regel{color:rgba(250,246,240,.55)}
.zijpad{margin-top:28px;font-size:15px;color:rgba(250,246,240,.7)}
@media (max-width:520px){.form__rij{flex-direction:column}.form .knop{width:100%}}

/* Footer */
.voet{padding-block:56px calc(56px + env(safe-area-inset-bottom,0px))}
.voet__raster{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
.voet__merk{grid-column:1/5}
.voet__kol{grid-column:span 2;display:flex;flex-direction:column;gap:10px;font-size:15px}
.voet__kol a{text-decoration:none}
.voet__kol a:hover{color:var(--bordeaux)}
.voet__onder{margin-top:48px;padding-top:20px;border-top:1px solid var(--lijn);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}
@media (max-width:760px){.voet__merk{grid-column:1/-1}.voet__kol{grid-column:span 6}}

/* Sticky op mobiel */
.sticky{position:fixed;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:40;background:var(--nacht);color:var(--creme);border-radius:14px;box-shadow:0 12px 30px rgba(28,21,20,.35);padding:10px 10px 10px 16px;display:flex;align-items:center;gap:12px;transform:translateY(140%);transition:transform .35s var(--ease)}
.sticky[data-zichtbaar="ja"]{transform:none}
.sticky__tekst{flex:1;min-width:0;font-size:12px;line-height:1.35;color:rgba(250,246,240,.75)}
.sticky__tekst b{display:block;font:600 15px/1.2 var(--f-kop);color:var(--creme)}
.sticky .knop{min-height:44px;padding:0 16px;font-size:15px;flex:none}
@media (min-width:641px){.sticky{display:none}}

/* Invagen, gestaffeld; de beginstand blijft leesbaar */
.l-js .in{opacity:.001;transform:translateY(16px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:calc(var(--i,0)*80ms)}
.l-js .in[data-in="ja"]{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .l-js .in{opacity:1;transform:none;transition:none}
  .l-js .hero h1 .regel>span{transform:none;transition:none}
  .knop--gloed,.krant__band,.b-kop,.voorna__greep{animation:none!important}
  .kopbalk,.sticky,.blok,.week,.tegel__laag,.knop,.staaf__vol,.lijn-grafiek path,.markering{transition:none!important}
}

/* Standen */
[data-alleen]{display:none}
body[data-stand="wachtlijst"] [data-alleen~="wachtlijst"],
body[data-stand="reserveren"] [data-alleen~="reserveren"],
body[data-stand="open"] [data-alleen~="open"]{display:revert}

/* Bedrijvenpagina */
.hero h1{font-size:clamp(42px,6.2vw,86px)}
@media (max-width:900px){.b-hero__prijs{order:9}}
.b-hero__prijs{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.b-hero__prijs span{font:500 13px/1 var(--f-mono);letter-spacing:.06em;padding:10px 14px;border-radius:999px;border:1px solid var(--lijn-licht);color:rgba(250,246,240,.85)}
.b-hero__prijs span b{color:var(--goud);font-weight:500}
.agenda{background:var(--creme);color:var(--inkt);border-radius:14px;padding:22px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6);transform:rotate(1.2deg)}
.agenda header{display:flex;justify-content:space-between;font:500 11px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--goud-label);padding-bottom:12px;border-bottom:1px solid var(--lijn-inkt)}
.agenda ol{list-style:none;margin:0;padding:0}
.agenda li{display:block;padding:14px 0;border-bottom:1px solid var(--lijn-inkt);font-size:15px}
.agenda li:last-child{border-bottom:0}
.agenda li b{display:block;font:600 16px/1.3 var(--f-kop);letter-spacing:-.01em}
.agenda .stempel{display:inline-block;margin-top:10px;font:600 11px/1 var(--f-mono);letter-spacing:.14em;color:var(--bordeaux);border:1.5px solid var(--bordeaux);padding:6px 8px;border-radius:4px;transform:rotate(-3deg)}
.drie{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.drie>div{border-radius:var(--hoek);padding:28px;background:var(--creme-diep)}
.drie h3{font:600 22px/1.15 var(--f-kop);letter-spacing:-.02em;margin:10px 0 8px}
.drie p{margin:0;color:var(--inkt-zacht);font-size:16px}
.io{display:grid;grid-template-columns:1fr auto 1.4fr;gap:32px;align-items:center}
.io__in,.io__uit{border-radius:var(--hoek);padding:24px;background:var(--creme-diep)}
.io__uit{background:var(--zand)}
.io__pijl{font:700 48px/1 var(--f-kop);color:var(--bordeaux)}
.io__raster{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}
.io__raster>div{aspect-ratio:1;border-radius:6px;position:relative;overflow:hidden}
.io__raster .obj--fles{width:24%}
.io__een{aspect-ratio:1;border-radius:8px;position:relative;overflow:hidden;margin-top:14px;max-width:220px}
.formaten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;align-items:start}
.formaat{border-radius:var(--hoek);padding:28px;background:var(--creme);border:1px solid var(--lijn);display:flex;flex-direction:column;gap:12px;position:relative}
.formaat--eerst{border:2px solid var(--bordeaux);padding-top:40px;box-shadow:0 30px 60px -30px rgba(109,31,48,.35)}
.formaat h3{margin:0;font:600 26px/1.1 var(--f-kop);letter-spacing:-.03em}
.formaat .bedrag{font-size:44px}
.formaat .bedrag small{font-size:14px}
.formaat ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:15px}
.formaat li{display:grid;grid-template-columns:18px 1fr;gap:6px}
.formaat li::before{content:"✓";color:var(--bordeaux);font-weight:700}
.stappen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;counter-reset:st}
.stap{border-radius:var(--hoek);padding:24px;background:rgba(250,246,240,.05);border:1px solid var(--lijn-licht)}
.stap b{display:block;font:700 56px/.9 var(--f-kop);letter-spacing:-.05em;color:var(--goud)}
.stap h3{font:600 20px/1.2 var(--f-kop);margin:14px 0 6px}
.stap p{margin:0;font-size:15px;color:rgba(250,246,240,.75)}
.veilig{max-width:36rem}
.veilig li{display:grid;grid-template-columns:24px 1fr;gap:8px;padding:12px 0;border-bottom:1px solid var(--lijn-inkt)}
.veilig li::before{content:"✓";color:var(--bordeaux);font-weight:700}
.veilig ul{list-style:none;margin:0;padding:0}
.aanvraag{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:start}
.bform{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}
.bform .vol{grid-column:1/-1}
.bform label{display:block;font:500 11px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:rgba(250,246,240,.6);margin-bottom:8px}
.bform input,.bform select,.bform textarea{width:100%;border:0;border-bottom:1px solid rgba(250,246,240,.4);background:transparent;padding:10px 0;font:400 17px var(--f-sans);color:var(--creme);border-radius:0}
.bform select option{color:var(--inkt)}
.bform textarea{min-height:80px;resize:vertical}
.bform input:not([type=checkbox]),.bform select{min-height:44px}
.bform input:focus,.bform select:focus,.bform textarea:focus{outline:none;border-bottom:2px solid var(--goud)}
.bform .kies{display:flex;flex-wrap:wrap;gap:8px}
.bform .kies label{display:inline-flex;align-items:center;gap:8px;margin:0;padding:10px 12px;border:1px solid var(--lijn-licht);border-radius:999px;font:500 14px/1 var(--f-sans);letter-spacing:0;text-transform:none;color:var(--creme);cursor:pointer}
.bform .kies input{width:auto;accent-color:var(--goud)}
.bform .kies input:focus-visible{outline:2px solid var(--goud);outline-offset:2px}
@media (max-width:900px){.drie,.formaten,.stappen,.veilig,.aanvraag,.bform{grid-template-columns:1fr}.io{grid-template-columns:1fr}.io__pijl{transform:rotate(90deg);justify-self:center}.formaat--eerst{order:-1}}

/* QA 28-10: vaste correcties */
html{scroll-padding-top:88px}
@media (max-width:640px){html{scroll-padding-top:16px}}
h1,h2,h3,.wk__titel,.drie h3,.kies__citaat{text-wrap:balance}
@media (max-width:900px){.bento .b-map{grid-template-columns:1fr}.bento .b-venster{white-space:normal;font-size:11px}}
.blok__voorjou{z-index:3}
@media (min-width:901px){.blok--zand{padding-top:64px}}
.doel{position:relative!important;top:auto!important}
.doel .label{color:var(--goud)}
.statement p span{color:rgba(36,27,26,.5)}
.waarom__tekst .stelling span{color:rgba(36,27,26,.5)}
.weken-cta p:first-child span{color:rgba(36,27,26,.55)}
.liniaal__streep{font-size:12px;color:rgba(250,246,240,.8)}
.slot .toekomst .zonder li{color:rgba(250,246,240,.62)}
.b-persona div{font-size:11px}
.tegel__chip,.b-brief dt,.b-brief header{font-size:11px}
@media (max-width:640px){.kies__nr,.wk__label,.tegel__onder,.voorna__onder,.blok__voorjou,.bform label{font-size:12px}}
@media (max-width:900px){.nav a,.woordmerk{display:inline-flex;align-items:center;min-height:44px}a.link{display:inline-flex;align-items:center;min-height:44px}.voet a{display:inline-block;padding:10px 0}.bform input,.bform select{min-height:48px}.bform .kies label{min-height:44px}}
@media (hover:none){.tegel__chip--na{opacity:0}.tegel.is-aan .tegel__chip--na{opacity:1}.tegel.is-aan .tegel__chip:not(.tegel__chip--na){opacity:0}.tegel.is-aan .tegel__laag--na{opacity:1;transform:none}.kies__tabs button:hover{transform:none;border-color:transparent}}
@media (max-width:1100px){.tegel__onder{flex-direction:column;gap:4px}}
@media (max-width:1000px){.sheet>.tegel{grid-column:span 6!important;margin-top:0!important}}
@media (max-width:900px){.wk summary{grid-template-columns:56px minmax(0,1fr) 28px;gap:12px;padding:16px}.wk__nr{font-size:48px}.wk__mod{grid-column:2/3;grid-row:2;text-align:left;font-size:11px}.wk__plus{grid-row:1/3;grid-column:3}.wk__inhoud{grid-template-columns:1fr;padding:0 16px 20px 16px;gap:16px}}
.wk__label{line-height:1.4}
.kies__paneel{grid-template-columns:1fr 1fr 1fr minmax(250px,auto)}
.kies__cta .knop{white-space:nowrap}
@media (max-width:1000px){.kies__paneel{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.kies__paneel{grid-template-columns:1fr}.kies__cta .knop{width:100%;white-space:normal;text-align:center}}
.formaat .bedrag small{display:block;margin:6px 0 0;white-space:nowrap}
.formaat .knop{white-space:nowrap;padding-inline:18px}
input[aria-invalid="true"]{border-bottom-color:#e8846b!important;box-shadow:0 1px 0 #e8846b}
.form__fout:not(:empty){color:#f0a08c}
.ontleed{max-width:440px;margin-inline:auto;width:100%}
.sticky__tekst{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.groot-cijfer .label,.klein-cijfer .label{display:block;line-height:1.5;margin-bottom:8px}
.spec{column-gap:0}.spec dd{padding-left:14px}
#prijs p,.weken__na,.zijpad,p.bron,.nietvoor p{max-width:68ch}
.voorna__greep{left:clamp(26px,var(--knip,50%),calc(100% - 26px))}
@media (min-width:901px) and (max-width:1180px){.b-persona{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){.b-persona{max-width:480px}}
.bform input[type=checkbox]{accent-color:var(--goud);width:18px;height:18px;min-height:0}
/* 03-11 rust: bredere tekst, meer lucht tussen kaarten */
@media (min-width:901px){.drie{grid-template-columns:1fr;gap:24px}.drie>div{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px;align-items:baseline;padding:32px 36px}.drie h3{margin:0}.drie p{max-width:36rem}}
@media (max-width:900px){.drie,.formaten,.stappen{gap:24px}}
.io__uit .label{color:#6e5329}
@media (max-width:900px){.veilig{row-gap:0}.io__in{display:grid;grid-template-columns:200px 1fr;gap:16px;align-items:end}}
@media (min-width:641px) and (max-width:1000px){.voet__merk{grid-column:1/-1}.voet__kol{grid-column:span 4}}

.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.veldgroep{border:0;margin:0;padding:0;min-width:0}.veldgroep legend{padding:0;margin-bottom:8px;font:500 12px/1.4 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--goud)}
.bform__privacy{margin:0;font-size:14px;color:rgba(250,246,240,.7)}.bform__privacy a{color:var(--goud-licht)}

/* Voormalige style-attributen (CSP zonder unsafe-inline); !important houdt de oude voorrang van inline stijl vast */
.st-i-1{--i:1!important}
.st-i-2{--i:2!important}
.st-padding-top-calc-var-sectie-5{padding-top:calc(var(--sectie)*.5)!important}
.st-margin-top-10px{margin-top:10px!important}
.st-font-size-32px{font-size:32px!important}
.st-margin-top-48px{margin-top:48px!important}
.st-font-size-clamp-48px-7vw-96px{font-size:clamp(48px,7vw,96px)!important}
.st-margin-8px-0-0{margin:8px 0 0!important}
.st-color-var-goud-licht{color:var(--goud-licht)!important}
.st-margin-14px-0-0-max-width-320px-font-siz{margin:14px 0 0!important;max-width:320px!important;font-size:13px!important}