.o4{padding-top:var(--kop-h)}.o4 p:where(:not(.label)){font-size:var(--tekst);line-height:1.55}.o4 .titel-groot{text-transform:uppercase}.o4-titel,.o4-h2{font-size:var(--titel)}.o4-open{padding:clamp(32px, 6vw, 56px) var(--rand) clamp(32px, 4vw, 48px);text-align:center;flex-direction:column;align-items:center;gap:18px;display:flex}.o4-titel{line-height:.94}.o4-intro{max-width:34em;color:var(--inkt-zacht);text-wrap:pretty}.o4-open .knop{max-width:100%;margin-top:6px}.o4-zo{--stap:62svh;height:calc(var(--plak-h,100svh - var(--kop-h)) + (var(--n) - 1) * var(--stap));margin-top:clamp(56px,8vw,104px);position:relative}.o4-zo-plak{top:var(--kop-h);background:var(--grond);grid-template:"titel titel""uitleg uitleg""podium duimen"/minmax(0,1fr) 58px;display:grid;position:sticky;overflow:hidden}.o4-zo-titel{padding:14px var(--rand) 0;text-align:center;grid-area:titel;line-height:.98}.o4-zo-uitleg{padding:26px var(--rand) 0;grid-area:uitleg;display:grid}.o4-zo-uitleg-in{visibility:hidden;grid-area:1/1;max-width:30em}.o4-zo-uitleg-in.nu{visibility:visible;animation:o4-uitleg-in .9s var(--gemak) both}@keyframes o4-uitleg-in{0%{opacity:0;transform:translateY(10px)}}.o4-zo-bijschrift-wanneer{color:var(--inkt-zacht)}.o4-zo-wanneer{color:var(--inkt-zacht);white-space:nowrap;grid-area:wanneer;display:none}.o4-zo-laag-wanneer{color:var(--inkt-zacht);margin-top:10px}.o4 .o4-zo-tekst{text-wrap:pretty;margin-top:6px;font-size:17px;line-height:1.34;display:block}.o4-zo-podium{height:min((100vw - var(--rand) - 58px) * 1.25 + 30px, 56svh);margin:14px 0 12px var(--rand);grid-area:podium;position:relative;container-type:size}.o4-zo-laag{visibility:hidden;background:var(--grond);margin:0;position:absolute;inset:0}.o4-zo-laag.was{visibility:visible;z-index:1}.o4-zo-laag.nu{visibility:visible;z-index:2}.o4-zo-laag-beeld{position:absolute;inset:0}.o4-zo-kader{aspect-ratio:4/5;background:var(--grond-diep);width:min(100cqw,80cqh - 24px);position:relative;overflow:hidden}.o4-zo-bijschrift{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.o4-zo-duimen{grid-area:duimen;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 22% 78%,#0000);mask-image:linear-gradient(#0000,#000 22% 78%,#0000)}.o4-zo-duimen ol{will-change:transform;flex-direction:column;gap:20px;margin-top:-25px;list-style:none;display:flex;position:absolute;top:min(50%,200px);left:14px}.o4-zo-duimen li{transform-origin:0;will-change:transform, opacity;flex:none}.o4-zo-duimen button{color:var(--inkt-zacht);outline-offset:4px;text-align:left;align-items:center;gap:18px;padding:0;display:flex;position:relative}.o4-zo-duim{aspect-ratio:4/5;background:var(--grond-diep);flex:none;width:40px;display:block;position:relative;overflow:hidden}.o4-zo-duim-foto{transition:scale .9s var(--gemak)}.o4-zo-duimen button:hover .o4-zo-duim-foto{scale:1.08}.o4-zo-duimnaam{display:none}.o4-zo-duimen button:before{content:"";background:var(--gloed);opacity:0;width:5px;height:5px;transition:opacity .5s var(--gemak-zacht);border-radius:50%;margin-top:-2.5px;position:absolute;top:50%;left:-10px}.o4-zo-duimen button[aria-current=step]:before{opacity:1}.o4-zo-duimen button[aria-current=step]{color:var(--inkt)}.o4-kies{padding:clamp(72px, 10vw, 128px) var(--rand) 0}.o4-kies-kop{text-align:center;justify-items:center;gap:14px;display:grid}.o4-kies-kop .o4-h2{max-width:none}.o4-kies-kop p{max-width:32em;color:var(--inkt-zacht);text-wrap:pretty}.o4-kiezer{gap:22px;margin-top:clamp(28px,5vw,48px);display:grid}.o4-kiezer-kamer{margin:0 calc(-1 * var(--rand))}@media (max-width:899px){.o4-kiezer-kamer{display:contents}.o4-kiezer-kamer .sa-kamer{top:var(--kop-h);z-index:3;width:auto;margin:0 calc(-1 * var(--rand));position:sticky;box-shadow:0 10px 18px -16px #14131280}.o4-kiezer .o4-kiezer-onder{padding:0}}.o4-kiezer-onder{padding:14px var(--rand) 0;gap:8px;display:grid}.o4-kiezer-regel{color:var(--inkt);flex-wrap:wrap;justify-content:space-between;gap:2px 16px;display:flex}.o4-kiezer-prijs{white-space:nowrap}.o4 .o4-kiezer-hint{font-size:var(--tekst);color:var(--inkt-zacht);line-height:1.5}.o4-stand{gap:8px;display:flex}.o4-voorbeeld{gap:10px;margin-top:22px;display:grid}.o4-voorbeeld-kop{color:var(--inkt-zacht)}.o4-stand button{min-width:0;min-height:46px;color:var(--inkt-zacht);transition:color .45s var(--gemak-zacht), border-color .45s var(--gemak-zacht), background-color .45s var(--gemak-zacht);border:1px solid #1413123d;flex:1;justify-content:center;align-items:center;gap:10px;padding:0 14px;display:inline-flex}.o4-stand button:hover{color:var(--inkt);border-color:#14131299}.o4-stand button[aria-pressed=true]{color:var(--grond);background:var(--inkt);border-color:var(--inkt)}.o4-stand-icoon{border:1px solid;flex:none;display:block}.o4-stand-icoon.liggend{width:15px;height:10px}.o4-stand-icoon.staand{width:10px;height:15px}.o4-maten{border-top:1px solid var(--lijn);grid-template-columns:1fr 1fr;column-gap:20px;margin-top:12px;list-style:none;display:grid}.o4-maten li{border-bottom:1px solid var(--lijn);min-width:0}.o4-maten button{text-align:left;width:100%;min-height:52px;color:var(--inkt-zacht);transition:color .45s var(--gemak-zacht);flex-direction:column;align-items:flex-start;gap:2px;padding:9px 0;display:flex;position:relative}.o4-maat{transition:transform .8s var(--gemak)}.o4-maten button[aria-pressed=true] .o4-maat{transform:translate(22px)}.o4-maten button:before{content:"";left:0;top:calc(9px + .6 * var(--tekst));background:var(--gloed);transform-origin:0;width:14px;height:1px;transition:transform .8s var(--gemak);position:absolute;transform:scaleX(0)}.o4-maat{font-size:var(--tekst);font-feature-settings:"lnum";line-height:1.2}.o4-maten button:hover,.o4-maten button[aria-pressed=true]{color:var(--inkt)}.o4-maten button[aria-pressed=true]:before{transform:scaleX(1)}.o4-kiezer-knop{white-space:normal;text-align:center;width:100%;max-width:100%;margin-top:22px;padding:0 14px}.o4-vragen-sectie{padding:clamp(72px, 10vw, 128px) var(--rand) 0;gap:28px;display:grid}.o4-vragen{border-top:1px solid var(--lijn)}.o4-vraag{border-bottom:1px solid var(--lijn)}.o4-vraag summary{cursor:pointer;min-height:60px;font-size:var(--tekst);transition:color .45s var(--gemak-zacht);justify-content:space-between;align-items:center;gap:20px;padding:14px 0;font-weight:500;line-height:1.4;list-style:none;display:flex}.o4-vraag summary::-webkit-details-marker{display:none}.o4-vraag summary:hover{color:var(--mos)}.o4-plus{flex:none;width:13px;height:13px;position:relative}.o4-plus:before,.o4-plus:after{content:"";width:100%;height:1px;transition:transform .7s var(--gemak);background:currentColor;position:absolute;top:50%;left:0}.o4-plus:after{transform:rotate(90deg)}.o4-vraag[open]:not([data-sluit]) .o4-plus:after{transform:rotate(0)}.o4-antwoord{overflow:hidden}.o4-antwoord p{max-width:60ch;color:var(--inkt-zacht);padding:0 32px 22px 0}.o4-realistisch{padding:clamp(72px, 10vw, 128px) var(--rand) 0;text-align:left;justify-items:start;gap:18px;display:grid}.o4-realistisch-tekst{gap:14px;max-width:34em;display:grid}.o4-realistisch-tekst p:first-child{color:var(--inkt-zacht);text-wrap:pretty}.o4-link{color:var(--inkt);text-underline-offset:.22em;transition:color .45s var(--gemak-zacht);padding:6px 0;text-decoration:underline;text-decoration-thickness:1px;display:inline-block}.o4-link:hover{color:var(--mos)}.o4-slot{isolation:isolate;min-height:clamp(560px,86vh,780px);padding:72px var(--rand);color:#fff;text-align:center;place-items:center;margin-top:clamp(80px,11vw,144px);display:grid;position:relative;overflow:hidden}.o4-slot-foto{z-index:-2;object-fit:cover;object-position:50% 55%;width:100%;height:100%;position:absolute;inset:0}.o4-slot:after{content:"";z-index:-1;background:linear-gradient(#0e0d0c80,#0e0d0c7a 50%,#0e0d0ca8);position:absolute;inset:0}.o4-slot-tekst{justify-items:center;gap:18px;max-width:60em;display:grid}.o4-slot-tekst .o4-h2{text-shadow:0 2px 24px #0e0d0c59;max-width:none}.o4-slot-tekst p{color:#ffffffeb;text-shadow:0 1px 12px #0e0d0c99;max-width:34em}.o4-slot-tekst .knop{max-width:100%;margin-top:6px}.o4-slot :focus-visible{outline-color:#fff}.o4+.voet{border-top:0;margin-top:0}@media (min-width:900px){.o4-open{gap:22px}.o4-zo{--stap:72vh}.o4-zo-plak{--marge:clamp(28px, 5vh, 56px);--podium-h:calc(100svh - var(--kop-h) - 2 * var(--marge));grid-template-columns:minmax(0, 1fr) min(46vw, var(--podium-h) * .8) minmax(0, 1fr);height:calc(100svh - var(--kop-h));grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"titel podium duimen""uitleg podium duimen""wanneer podium duimen"}.o4-zo-podium{height:auto;margin:var(--marge) 0;grid-row:1/-1}.o4-zo-kader{aspect-ratio:auto;width:min(100cqw,80cqh);height:min(100cqh,125cqw);margin:auto;position:absolute;inset:0}.o4-zo-laag-wanneer{display:none}.o4-zo-wanneer{display:block}.o4-zo-titel{text-align:left}.o4-zo-titel,.o4-zo-uitleg,.o4-zo-wanneer{padding-left:max(64px, var(--rand));padding-right:clamp(24px,3vw,48px)}.o4-zo-titel{padding-top:var(--marge)}.o4-zo-uitleg{align-self:start;padding-top:clamp(28px,4.5vh,48px);padding-bottom:0}.o4 .o4-zo-tekst{max-width:20rem;margin-top:12px;font-size:clamp(20px,1.45vw,24px);line-height:1.32}.o4-zo-wanneer{padding-top:0;padding-bottom:var(--marge);place-self:end start}.o4-zo-duimen ol{gap:30px;margin-top:-37.5px;top:50%;left:clamp(48px,24%,140px)}.o4-zo-duim{width:60px}.o4-zo-duimnaam{white-space:nowrap;display:block}.o4-zo-duimen button:before{left:-20px}.o4-kies{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;column-gap:clamp(40px,4.5vw,72px);display:grid}.o4-kies-kop{text-align:left;grid-area:1/1;justify-items:start;gap:16px;margin-bottom:clamp(24px,3vw,40px)}.o4-kies-kop .o4-h2{max-width:none}.o4-kiezer{display:contents}.o4-kiezer-kamer{width:100%;max-width:min(760px, calc((100vh - var(--kop-h) - 160px) * 1.169));grid-area:1/2/span 2;justify-self:end;margin:0}.o4-kiezer-keuze{grid-area:2/1}.o4-kiezer-onder{padding:14px 0 0}.o4-maten{display:block}.o4-maten button{flex-direction:row;justify-content:space-between;align-items:baseline;gap:16px;min-height:40px;padding:7px 0}.o4-maten button:before{top:50%}.o4-vragen-sectie{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;column-gap:clamp(40px,5vw,80px)}.o4-vragen-sectie .o4-h2{grid-column:1/-1}.o4-vragen{grid-column:2}}@media (min-width:900px) and (max-width:1199px){.o4-zo-duimen ol{left:36px}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.o4-v{transition:opacity 1s var(--gemak-zacht), transform 1.4s var(--gemak), filter 1.2s var(--gemak)}.o4-v:not(.o4-in){opacity:0;filter:blur(6px);transform:translateY(28px)}.o4-v{transition-delay:calc(var(--i,0) * 80ms)}.o4-kamer-v.o4-v{clip-path:inset(0);transition:clip-path 1.6s var(--gemak)}.o4-kamer-v .sa-kamer-foto{transition:transform 2.4s var(--gemak)}.o4-kamer-v.o4-v:not(.o4-in){opacity:1;filter:none;clip-path:inset(0 0 100%);transform:none}.o4-kamer-v:not(.o4-in) .sa-kamer-foto{transform:scale(1.12)}.o4-vraag{border-bottom-color:#0000;position:relative}.o4-vraag:after{content:"";background:var(--lijn);transform-origin:0;height:1px;transition:transform 1.4s var(--gemak) calc(var(--i,0) * 80ms + .2s);position:absolute;bottom:0;left:0;right:0}.o4-vraag:not(.o4-in):after{transform:scaleX(0)}.o4-zo .o4-zo-kader{clip-path:inset(0);transition:clip-path 1.6s var(--gemak)}.o4-zo .o4-zo-kader img{transition:transform 2.2s var(--gemak)}.o4-zo-titel,.o4-zo-uitleg,.o4-zo-wanneer,.o4-zo-duimen{transition:opacity 1.1s var(--gemak-zacht) .25s, transform 1.3s var(--gemak) .25s}.o4-zo:not(.o4-in) .o4-zo-kader{clip-path:inset(18% 0 0)}.o4-zo:not(.o4-in) .o4-zo-kader img{transform:scale(1.14)}.o4-zo:not(.o4-in) :is(.o4-zo-titel,.o4-zo-uitleg,.o4-zo-wanneer,.o4-zo-duimen){opacity:0;transform:translateY(20px)}}@media (prefers-reduced-motion:reduce){.o4-zo{height:auto}.o4-zo-plak{height:auto;display:block;position:static;overflow:visible}.o4-zo-uitleg,.o4-zo-wanneer,.o4-zo-laag-wanneer,.o4-zo-duimen{display:none}.o4-zo-titel{padding:0 var(--rand) 36px}.o4-zo-podium{height:auto;width:min(100% - 2 * var(--rand), 640px);margin:0 var(--rand);gap:56px;display:grid;container-type:normal}.o4-zo-laag{visibility:visible;position:static}.o4-zo-laag-beeld{position:relative}.o4-zo-kader{aspect-ratio:4/5;width:100%;height:auto;position:relative;inset:auto}.o4-zo-bijschrift{clip-path:none;white-space:normal;gap:6px;width:auto;height:auto;padding-top:16px;display:grid;position:static;overflow:visible}}@media (prefers-reduced-motion:reduce) and (min-width:900px){.o4-zo-podium{width:min(100% - 2 * var(--rand), 1000px);gap:64px}.o4-zo-laag{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;column-gap:clamp(40px,5vw,80px);display:grid}.o4-zo-bijschrift{padding-top:0}}