:root{--nacht:#0d0b1a;--creme:#f3efe6;--inkt:#121016;--roze:#ec4899;--paars:#8b5cf6;--paars-diep:#7c3aed;--roze-donker:#be185d;--blauw:var(--hemel);--blauw-donker:#0369a1;--zee:#0369a1;--hemel:#0284c7;--wit:#fff;--letter:var(--font-inter), Inter, system-ui, sans-serif;--kop:var(--letter);--rand:clamp(16px, 4vw, 56px);--uit:cubic-bezier(.2, .8, .2, 1);--klap:cubic-bezier(.2, 1.4, .3, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:88px}body{background:var(--nacht);color:var(--wit);font-family:var(--letter);-webkit-font-smoothing:antialiased;margin:0;font-size:18px;line-height:1.5;overflow-x:clip}img{max-width:100%;display:block}a{color:inherit;text-underline-offset:.18em}h1,h2,h3,p{margin:0}::selection{background:var(--blauw);color:var(--nacht)}.naar-inhoud{z-index:100;background:var(--blauw);color:var(--nacht);border-radius:10px;padding:10px 16px;font-weight:700;position:fixed;top:-60px;left:12px}.naar-inhoud:focus{top:12px}:focus-visible{outline:3px solid var(--fg,var(--blauw));outline-offset:3px}.vlak-nacht{--bg:var(--nacht);--fg:var(--wit);--accent:var(--blauw);--a:var(--roze);--b:var(--paars)}.vlak-nachtzee{--bg:var(--nacht);--fg:var(--wit);--accent:var(--blauw);--a:var(--wit);--b:var(--hemel)}.vlak-creme{--bg:var(--creme);--fg:var(--inkt);--accent:var(--paars-diep);--a:var(--inkt);--b:var(--paars)}.vlak-cremeroze{--bg:var(--creme);--fg:var(--inkt);--accent:var(--blauw-donker);--a:var(--blauw);--b:var(--inkt)}.vlak-roze{--bg:var(--roze);--fg:#14091a;--accent:var(--wit);--a:#14091a;--b:#fdf2f8}.vlak-zee{--bg:var(--zee);--fg:var(--wit);--accent:var(--wit);--a:var(--wit);--b:var(--nacht)}.vlak-licht{--bg:var(--creme);--fg:var(--inkt);--accent:var(--blauw);--a:var(--blauw);--b:var(--inkt)}.vlak-hemel{--bg:var(--hemel);--fg:var(--nacht);--accent:var(--wit);--a:var(--wit);--b:var(--nacht)}.vlak-paars{--bg:var(--paars);--fg:var(--nacht);--accent:var(--wit);--a:var(--wit);--b:var(--nacht)}[class*=vlak-]{--zacht:color-mix(in srgb, var(--fg) 76%, var(--bg));--lijn:color-mix(in srgb, var(--fg) 18%, transparent);--veld:color-mix(in srgb, var(--fg) 8%, transparent);background:var(--bg);color:var(--fg)}.keycap{--kap:var(--fg,var(--wit));--kap-tekst:var(--bg,var(--nacht));background:var(--kap);min-width:2.7em;height:2.7em;color:var(--kap-tekst);font:900 clamp(16px, 2vw, 22px) / 1 var(--letter);letter-spacing:-.04em;box-shadow:0 .14em 0 color-mix(in srgb, var(--kap) 62%, #000);border-radius:.4em;place-items:start end;padding:.34em .42em;display:inline-grid;position:relative;transform:translateY(-.1em)}.keycap[data-breed]{min-width:4em;padding-left:1.4em}.keycap[data-kleur=accent]{--kap:var(--accent)}.keycap[data-kleur=omgekeerd]{--kap:var(--bg);--kap-tekst:var(--fg);box-shadow:inset 0 0 0 2px var(--fg), 0 .14em 0 var(--fg)}.keycap[data-maat=klein]{font-size:13px}.keycap[data-maat=groot]{font-size:clamp(30px,6vw,76px)}.keycap[data-maat=reus]{font-size:clamp(44px,10vw,128px)}.sneltoets{flex-wrap:nowrap;align-items:center;gap:.28em;display:inline-flex}.sneltoets-deel{align-items:center;gap:.28em;display:inline-flex}.sneltoets-plus{opacity:.55;font-weight:900}.js .dia[data-gezien] .druk .keycap{animation:indruk 4.2s calc(.7s + var(--t,0) * .24s) infinite}@keyframes indruk{0%,12%,to{box-shadow:0 .14em 0 color-mix(in srgb, var(--kap) 62%, #000);transform:translateY(-.1em)}5%{box-shadow:0 0 0 color-mix(in srgb, var(--kap) 62%, #000);transform:translateY(.06em)}}.balk{z-index:60;padding:14px var(--rand);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.balk>*{pointer-events:auto}.balk-merk{background:var(--nacht);width:56px;height:52px;color:var(--wit);border-radius:14px;place-items:center;transition:background .16s;display:grid;box-shadow:inset 0 0 0 1px #ffffff24}.balk-merk:hover{background:#1c1930}.balk-rechts{align-items:center;gap:10px;display:flex}.balk-cta,.balk-menu{background:var(--nacht);height:48px;color:var(--wit);font:700 15px/1 var(--letter);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:10px;padding:0 6px 0 18px;text-decoration:none;transition:background .16s;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff24}.balk-menu .keycap{--kap:var(--blauw);--kap-tekst:var(--nacht);box-shadow:none;min-width:36px;height:36px;transform:none}.balk-cta{background:var(--wit);color:var(--nacht);padding:0 20px}.balk-menu:hover{background:#1c1930}@media (max-width:560px){.balk-cta{display:none}}.menu{z-index:55;padding:110px var(--rand) 28px;color:var(--wit);visibility:hidden;grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:24px 40px;transition:visibility 0s .6s;display:grid;position:fixed;inset:0}.menu[data-open]{visibility:visible;transition:none}.menu-vlak{z-index:-1;background:var(--nacht);clip-path:circle(0% at calc(100% - 60px) 40px);transition:clip-path .6s cubic-bezier(.65,0,.25,1);position:absolute;inset:0}.menu[data-open] .menu-vlak{clip-path:circle(150% at calc(100% - 60px) 40px)}.menu-toetsen{align-content:center;gap:clamp(10px,2vh,20px);display:grid}.menu-toets{--kleur:var(--roze);opacity:0;align-items:center;gap:clamp(14px,2.5vw,32px);text-decoration:none;transition:opacity .3s,transform .3s;display:flex;transform:translateY(30px)}.menu-toets:nth-child(2){--kleur:var(--paars)}.menu-toets:nth-child(3){--kleur:var(--hemel)}.menu-toets:nth-child(4){--kleur:var(--wit)}.menu[data-open] .menu-toets{opacity:1;transition:opacity .5s calc(.2s + var(--i) * 70ms), transform .7s calc(.2s + var(--i) * 70ms) var(--uit);transform:none}.menu-toets .keycap{--kap:#241f3a;--kap-tekst:var(--wit);aspect-ratio:1;width:clamp(64px,9vw,112px);height:auto;font-size:clamp(16px,2vw,26px);transition:background .16s,color .16s}.menu-toets-label{font:900 clamp(44px, 9vw, 128px) / .95 var(--letter);letter-spacing:-.04em;transition:color .16s}.menu-toets:hover .keycap,.menu-toets:focus-visible .keycap{--kap:var(--kleur);--kap-tekst:var(--nacht)}.menu-toets[aria-current=page] .menu-toets-label{text-underline-offset:10px;text-decoration:underline;text-decoration-thickness:6px}.menu-vitrine{aspect-ratio:16/10;opacity:0;background:#000;border-radius:18px;align-self:center;transition:opacity .3s;position:relative;overflow:hidden}.menu-vitrine[data-zichtbaar]{opacity:1}.menu-voet{opacity:0;border-top:1px solid #ffffff24;flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:end;gap:12px 32px;padding-top:18px;transition:opacity .3s;display:flex}.menu[data-open] .menu-voet{opacity:1;transition-delay:.45s}.menu-catch{font:900 clamp(22px, 3vw, 36px) / 1 var(--letter);letter-spacing:-.03em}.menu-voet ul{gap:18px;margin:0;padding:0;list-style:none;display:flex}@media (max-width:860px){.menu{grid-template-columns:1fr}.menu-vitrine{display:none}}html[data-menu=open] body{overflow:hidden}.verhaal{position:relative}.dia{isolation:isolate;min-height:100svh;display:grid;position:relative;overflow:hidden}.dia-binnen{z-index:1;width:100%;max-width:1400px;padding:120px var(--rand) clamp(120px, 17vh, 170px);align-content:center;gap:clamp(16px,3vh,30px);margin:0 auto;display:grid;position:relative}.dia-midden .dia-binnen{text-align:center;justify-items:center}.js .dia :is(.aanloop,.klap,.na){opacity:0}.js .dia[data-gezien] .aanloop{animation:in .7s var(--uit) .15s both}.js .dia[data-gezien] .klap{animation:klap .9s var(--klap) .48s both}.js .dia[data-gezien] .na{animation:in .7s var(--uit) calc(1s + var(--i,0) * .11s) both}@keyframes in{0%{opacity:0;filter:blur(6px);transform:translateY(22px)}to{opacity:1;filter:none;transform:none}}@keyframes klap{0%{opacity:0;filter:blur(12px);transform:scale(.55)translateY(18px)}55%{opacity:1;filter:none;transform:scale(1.05)}to{opacity:1;transform:none}}.aanloopzin{font:700 clamp(20px, 2.6vw, 30px) / 1.25 var(--letter);letter-spacing:-.015em;text-wrap:balance;max-width:28ch}.reus{font:900 clamp(60px, 13vw, 200px) / .88 var(--letter);letter-spacing:-.04em;text-wrap:balance}.groot{font:900 clamp(46px, 8vw, 124px) / .9 var(--letter);letter-spacing:-.04em;text-wrap:balance}.kop{font:900 clamp(34px, 5vw, 68px) / .98 var(--letter);letter-spacing:-.035em;text-wrap:balance}.lead{color:var(--zacht);text-wrap:pretty;max-width:34em;font-size:clamp(18px,1.7vw,21px);line-height:1.5}.dia-midden .lead,.dia-midden .aanloopzin{margin-inline:auto}.accent{color:var(--accent)}.knop{background:var(--fg);height:56px;color:var(--bg);font:700 17px/1 var(--letter);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:12px;padding:0 22px;text-decoration:none;transition:background .16s,color .16s;display:inline-flex}.knop--rand{color:var(--fg);background:0 0;box-shadow:inset 0 0 0 2px}.knop--rand:hover{background:var(--veld);color:var(--fg)}.knoppen{flex-wrap:wrap;gap:12px;display:flex}.dia-midden .knoppen{justify-content:center}@keyframes m-groei{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.f5-toets{width:clamp(150px,24vw,280px);color:var(--accent);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.f5-toets svg{width:100%;height:auto;filter:drop-shadow(0 16px 0 color-mix(in srgb, var(--accent) 45%, #000));transition:transform .12s var(--uit), filter .12s var(--uit)}.f5-toets[data-in] svg{filter:drop-shadow(0 0 0 color-mix(in srgb, var(--accent) 45%, #000));transform:translateY(16px)}.ververs-flits{z-index:70;background:var(--roze);pointer-events:none;animation:.7s ease-out forwards flits;position:fixed;inset:0}@keyframes flits{0%{opacity:0}20%{opacity:1}to{opacity:0}}.teller{font:900 clamp(120px, 21vw, 280px) / .8 var(--letter);letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--accent)}.uitgelicht{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,24px);margin:0;padding:0;list-style:none;display:grid}@media (max-width:720px){.uitgelicht{grid-template-columns:1fr}}.projectkaart{gap:12px;text-decoration:none;display:grid}.projectkaart-beeld{aspect-ratio:16/10;background:var(--veld);border-radius:16px;position:relative;overflow:hidden}.projectkaart-beeld img{object-fit:cover;object-position:top;width:100%;height:100%}.js .dia .projectkaart-beeld img{opacity:0;transform:translateY(26%)scale(1.15)}.js .dia[data-gezien] .projectkaart-beeld img{animation:schuifin 1.1s var(--uit) calc(.5s + var(--i,0) * .16s) both}@keyframes schuifin{to{opacity:1;transform:none}}.projectkaart-toets{position:absolute;top:12px;right:12px}.projectkaart-naam{font:900 clamp(22px, 2.4vw, 30px) / 1.05 var(--letter);letter-spacing:-.03em;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.projectkaart-naam span:last-child{font:400 15px/1.4 var(--letter);letter-spacing:0;color:var(--zacht);text-align:right}.projectkaart:hover .projectkaart-naam span:first-child{text-decoration:underline;text-decoration-thickness:3px}.laptop{gap:18px;width:100%;display:grid}.laptop-doek{height:min(64svh,720px);min-height:360px;position:relative}.laptop-doek[data-wijst] canvas{cursor:pointer}.laptop-laden{width:100%;height:100%}@keyframes inschuif{to{opacity:1;transform:none}}.diensten{border-top:2px solid var(--fg);grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,40px);padding-top:8px;display:grid}.dienst{align-content:start;gap:14px;padding-top:20px;display:grid}.dienst h3{font:900 clamp(30px, 3.4vw, 46px) / 1 var(--letter);letter-spacing:-.035em}.dienst p{color:var(--zacht);max-width:30ch;font-size:17px}@media (max-width:860px){.diensten{grid-template-columns:1fr}}.ranglijst{counter-reset:rang;gap:clamp(8px,1.6vh,16px);width:100%;max-width:820px;margin:0;padding:0;list-style:none;display:grid}.ranglijst li{counter-increment:rang;font:900 clamp(28px, 4.4vw, 58px) / 1 var(--letter);letter-spacing:-.04em;grid-template-columns:1.6ch 1fr;align-items:baseline;gap:18px;display:grid}.ranglijst li:before{content:counter(rang);color:var(--accent)}.ranglijst small{font:500 clamp(15px, 1.4vw, 18px) / 1.3 var(--letter);letter-spacing:0;color:var(--zacht);margin-top:4px;display:block}.js .dia .ranglijst li{opacity:0;transform:translate(-30px)}.js .dia[data-gezien] .ranglijst li{animation:inschuif .65s var(--uit) calc(.5s + var(--i,0) * .14s) both}.kaart{background:var(--creme);width:min(100%,540px);color:var(--inkt);text-align:left;border-radius:24px;gap:22px;padding:clamp(22px,4vw,34px);display:grid;position:relative;transform:rotate(-1.5deg)}.kaart-kop{border-bottom:2px solid var(--inkt);justify-content:space-between;align-items:start;gap:12px;padding-bottom:18px;display:flex}.kaart-kop strong{font:900 clamp(30px, 4vw, 46px) / .92 var(--letter);letter-spacing:-.04em}.kaart-kolommen{grid-template-columns:1fr 1fr;gap:20px;display:grid}.kaart h3{color:#5b5563;margin-bottom:8px;font-size:14px;font-weight:700}.kaart ol{font:700 16px/1.55 var(--letter);margin:0;padding:0 0 0 1.3em}.kaart-voet{justify-content:space-between;align-items:center;gap:12px;font-size:14px;font-weight:700;display:flex}.kaart-voet span:first-child{color:#5b5563}.js .dia .kaart{opacity:0}.js .dia[data-gezien] .kaart{animation:kaartval 1s var(--klap) .45s both}@keyframes kaartval{0%{opacity:0;transform:translateY(-60px)rotate(-6deg)scale(.9)}to{opacity:1;transform:rotate(-1.5deg)}}.werkrooster{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:22px;margin:0;padding:0;list-style:none;display:grid}.scherm{background:#0b0a12;border-radius:22px 22px 0 0;width:min(100%,1100px);margin:0 auto;padding:1.6% 1.6% 0;position:relative}.scherm img{border-radius:6px 6px 0 0;width:100%;height:auto}.scherm:after{content:"";background:#2a2733;border-radius:0 0 20px 20px;height:18px;position:absolute;bottom:-18px;left:-7%;right:-7%}.js .dia .scherm{opacity:0}.js .dia[data-gezien] .scherm{animation:opstaan 1.1s var(--uit) .3s both}@keyframes opstaan{0%{opacity:0;transform:perspective(1400px)rotateX(38deg)translateY(80px)}to{opacity:1;transform:none}}.telefoon{background:#0b0a12;border-radius:44px;width:min(70vw,290px);padding:10px}.telefoon img{border-radius:34px;width:100%;height:auto}.js .dia .telefoon{opacity:0}.js .dia[data-gezien] .telefoon{animation:telefoonin 1s var(--klap) .5s both}@keyframes telefoonin{0%{opacity:0;transform:translateY(120px)rotate(8deg)}to{opacity:1;transform:rotate(-3deg)}}.project-duo{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(24px,5vw,80px);display:grid}@media (max-width:860px){.project-duo{text-align:center;grid-template-columns:1fr;justify-items:center}}.project-logo{background:var(--wit);border-radius:18px;place-items:center;width:150px;height:110px;padding:18px;display:grid}.project-logo img{object-fit:contain;width:auto;max-height:74px}.slider{isolation:isolate;min-height:100svh;display:grid;position:relative;overflow:hidden}.slider-golf{z-index:-1;background:var(--bg);animation:.7s cubic-bezier(.65,0,.25,1) both golf;position:absolute;inset:0}@keyframes golf{0%{clip-path:circle(0% at var(--x,50%) var(--y,80%))}to{clip-path:circle(150% at var(--x,50%) var(--y,80%))}}.slider-stap{width:100%;max-width:1200px;padding:130px var(--rand) 130px;align-content:center;gap:clamp(18px,3vh,30px);margin:0 auto;display:grid}.slider-stap>:is(.aanloopzin,.groot,.lead){animation:in .6s var(--uit) both}.slider-stap>.groot{animation-delay:.12s}.blokken{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:14px;display:grid}.blok{background:var(--veld);min-height:190px;box-shadow:inset 0 0 0 2px var(--lijn);color:inherit;font:inherit;text-align:left;cursor:pointer;animation:in .6s var(--uit) calc(.2s + var(--i,0) * 80ms) both;border:0;border-radius:20px;align-content:space-between;gap:26px;padding:20px;transition:background .16s,color .16s,box-shadow .16s;display:grid;position:relative}.blok:hover{box-shadow:inset 0 0 0 2px var(--fg)}.blok[aria-pressed=true]{background:var(--fg);color:var(--bg);box-shadow:none}.blok[aria-pressed=true] .keycap{--kap:var(--bg);--kap-tekst:var(--fg)}.blok .keycap{transform:none}.blok-naam{font:900 clamp(24px, 2.6vw, 34px) / 1 var(--letter);letter-spacing:-.035em}.blok-zin{opacity:.82;font-size:15px}.veld{gap:8px;display:grid}.veld label{color:var(--zacht);font-size:15px;font-weight:700}.veld input,.veld textarea{border:0;border-bottom:3px solid var(--lijn);width:100%;color:var(--fg);font:700 clamp(22px, 3vw, 36px) / 1.2 var(--letter);letter-spacing:-.02em;background:0 0;border-radius:0;padding:14px 4px}.veld textarea{resize:vertical;min-height:160px;font:400 20px/1.5 var(--letter)}.veld input:focus,.veld textarea:focus{border-bottom-color:var(--fg);outline:none}.veld input::placeholder,.veld textarea::placeholder{color:color-mix(in srgb, var(--fg) 45%, transparent)}.veld-fout{font-size:15px;font-weight:700}.velden{grid-template-columns:1fr 1fr;gap:26px 36px;display:grid}@media (max-width:720px){.velden{grid-template-columns:1fr}}.slider-onder{z-index:40;padding:28px var(--rand) 20px;background:linear-gradient(transparent, var(--bg) 45%);pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0}.slider-onder>*{pointer-events:auto}.slider-onder .keycap{--kap:var(--bg);--kap-tekst:var(--fg);min-width:32px;height:32px;box-shadow:none;transform:none}.slider-stappen{gap:4px;display:flex}.slider-stappen span{background:color-mix(in srgb, var(--fg) 28%, transparent);border-radius:3px;width:28px;height:3px}.slider-stappen span[data-klaar],.slider-stappen span[data-aan]{background:var(--fg)}.slider-onder .knop[disabled]{opacity:.4;cursor:not-allowed}.voet{padding:80px var(--rand) 36px;background:var(--nacht);color:var(--wit);gap:40px;display:grid}.voet-catch{font:900 clamp(48px, 10vw, 160px) / .9 var(--letter);letter-spacing:-.04em}.voet-onder{color:#ffffffb3;border-top:1px solid #ffffff24;flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:20px;font-size:15px;display:flex}.voet-onder ul{gap:18px;margin:0;padding:0;list-style:none;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}:is(.reus,.groot,.kop,.aanloopzin,.keycap,.menu-toets-label,.menu-catch,.teller,.blok-naam,.dienst h3,.ranglijst li,.kaart-kop strong,.projectkaart-naam,.voet-catch,.knop,.balk-cta,.balk-menu){font-family:var(--kop)}.reus{letter-spacing:-.045em;font-size:clamp(46px,8vw,128px);font-weight:900;line-height:.92}.groot{letter-spacing:-.04em;font-size:clamp(36px,5.4vw,84px);font-weight:900;line-height:.95}.kop{letter-spacing:-.025em;font-size:clamp(28px,3.6vw,52px);font-weight:900;line-height:1}.aanloopzin{letter-spacing:0;color:var(--zacht);max-width:40ch;font-size:clamp(16px,1.5vw,19px);font-weight:600}.lead{max-width:46ch;font-size:clamp(17px,1.4vw,19px)}.dia-binnen{gap:clamp(20px,3.4vh,40px);padding:clamp(110px,14vh,150px) clamp(24px,7vw,120px) clamp(110px,15vh,160px)}.keycap{letter-spacing:-.03em;font-weight:900}.balk-merk{width:auto;height:auto;box-shadow:none;color:var(--balk-fg,var(--wit));background:0 0;border-radius:0;transition:color .3s}.balk-merk:hover{opacity:.85;background:0 0}.balk-merk svg{width:clamp(60px,7vw,104px);height:auto}html[data-vlak=creme],html[data-vlak=cremeroze],html[data-vlak=licht]{--balk-fg:var(--inkt)}html[data-vlak=roze],html[data-vlak=paars],html[data-vlak=hemel]{--balk-fg:var(--nacht)}.diashow{background:var(--nacht);position:fixed;inset:0;overflow:hidden}.diashow>.dia{overscroll-behavior:contain;scrollbar-width:none;visibility:hidden;z-index:1;position:absolute;inset:0;overflow:hidden auto}.diashow>.dia::-webkit-scrollbar{display:none}.diashow>.dia[data-actief]{visibility:visible;z-index:2}.diashow>.dia>.dia-binnen{min-height:100%}.diastand{z-index:50;gap:6px;display:grid;position:fixed;top:50%;left:clamp(14px,2vw,28px);transform:translateY(-50%)}.diastand button{cursor:pointer;background:0 0;border:0;place-items:center start;width:22px;height:22px;padding:0;display:grid;position:relative}.diastand button:before{content:"";background:color-mix(in srgb, var(--balk-fg,var(--wit)) 35%, transparent);width:3px;height:18px;transition:height .3s var(--uit), background .3s;border-radius:3px}.diastand button[aria-current=step]:before{background:var(--balk-fg,var(--wit));height:22px}.diastand-label{white-space:nowrap;background:var(--nacht);color:var(--wit);font:600 13px/1.2 var(--letter);opacity:0;pointer-events:none;border-radius:8px;padding:4px 10px;transition:opacity .16s,transform .16s;position:absolute;left:18px;transform:translate(-4px)}.diastand button:hover .diastand-label,.diastand button:focus-visible .diastand-label{opacity:1;transform:none}@media (max-width:560px){.diastand{left:6px}.diastand button:before{height:12px}}@keyframes tik{0%,80%,to{transform:none}88%{transform:translateY(4px)}}.hero{min-height:100%;display:grid;position:relative}.hero-inhoud{z-index:1;text-align:center;pointer-events:none;align-content:center;justify-items:center;gap:clamp(18px,3vh,32px);display:grid;position:relative}.hero-inhoud a,.hero-inhoud button{pointer-events:auto}.hero-label{font:600 14px/1 var(--letter);color:var(--zacht);align-items:center;gap:10px;display:inline-flex}.hero-label .keycap{box-shadow:none;font-size:12px;transform:none}.hero .reus span{color:var(--accent)}.toetstekst{font:900 clamp(40px, 6.6vw, 108px) / 1 var(--kop);letter-spacing:-.045em;text-wrap:balance}.tt-regel{display:block}.tt-woord,.tt-letter-plek{white-space:nowrap;display:inline-block}.tt-letter{transform-origin:50%;display:inline-block}.toetstekst{position:relative}.js .toetstekst:not([data-klaar]) .tt-letter{opacity:0}.tt-zin{z-index:1;position:relative}.tt-toetsen{z-index:0;pointer-events:none;flex-direction:column;justify-content:center;gap:.18em;width:min(100vw - 32px,1400px);display:flex;position:absolute;top:0;bottom:0;left:50%;translate:-50%}.tt-toetsrij{flex-wrap:wrap;justify-content:center;gap:.06em;display:flex}.tt-toets-spatie{width:.2em}.tt-toets{background:var(--fg);opacity:0;border-radius:.1em;width:.5em;height:.5em;position:relative}.tt-toets.accent{background:var(--accent)}.tt-toets-klein{font-size:.2em;line-height:inherit;letter-spacing:inherit;color:var(--bg);position:absolute;top:.35em;right:.5em}.tt-toets[data-getypt]{opacity:1;animation:tt-toets-in .18s var(--uit) both}.tt-toets>.tt-cursor{height:100%;margin:0;position:absolute;top:0;right:-.08em}.toetstekst[data-klaar] .tt-toets{opacity:0;animation:none}.tt-cursor{vertical-align:-.04em;background:var(--accent);width:.07em;height:.8em;margin-left:.06em;animation:1s step-end infinite knipper;display:inline-block}@keyframes knipper{50%{opacity:0}}.persoonlijk{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,96px);display:grid}@media (max-width:860px){.persoonlijk{text-align:center;grid-template-columns:1fr;justify-items:center}}.portret{justify-items:center;gap:14px;margin:0;display:grid}.portret-toets{width:min(var(--maat), 70vw);aspect-ratio:1;background:var(--nacht);position:relative;overflow:hidden;-webkit-mask:url(/f5-masker.svg) 50%/contain no-repeat;mask:url(/f5-masker.svg) 50%/contain no-repeat}.js .dia .portret-toets{opacity:0}.js .dia[data-gezien] .portret-toets{animation:klap 1s var(--klap) .3s both}.portret-leeg{background:repeating-linear-gradient(135deg, var(--paars) 0 18px, #7c4ef0 18px 36px);width:100%;height:100%;color:var(--nacht);font:700 15px/1 var(--letter);place-items:center;display:grid}.portret-leeg span{background:var(--wit);border-radius:8px;padding:8px 12px;transform:translate(-6%,18%)}.portret figcaption{justify-items:center;gap:2px;display:grid}.portret figcaption strong{font:800 22px/1.1 var(--kop)}.portret figcaption span{color:var(--zacht);font-size:15px}.kransen{flex-wrap:wrap;gap:10px clamp(12px,2vw,28px);display:flex}@media (max-width:860px){.kransen{justify-content:center}}.krans{color:var(--fg);grid-template-columns:30px auto 30px;align-items:center;gap:4px;display:grid}.krans-tekst{text-align:center;justify-items:center;line-height:1.1;display:grid}.krans-boven,.krans-onder{color:var(--zacht);font-size:12px;font-weight:600}.krans-tekst strong{font:800 clamp(22px, 2.2vw, 30px) / 1.05 var(--kop);letter-spacing:-.02em}.js .dia .krans-blad{opacity:0}.js .dia[data-gezien] .krans-blad{animation:blad .4s var(--uit) calc(.7s + var(--b) * 70ms) both}@keyframes blad{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}.krans-blad{transform-box:fill-box;transform-origin:50%}.dia-wand .dia-binnen{z-index:2;pointer-events:none;align-content:end;position:relative}.dia-wand .dia-binnen a{pointer-events:auto}.wand{z-index:1;perspective:1600px;position:absolute;inset:0;overflow:hidden}.wand:after{content:"";pointer-events:none;background:linear-gradient(to top, var(--bg) 8%, color-mix(in srgb, var(--bg) 70%, transparent) 30%, transparent 60%);position:absolute;inset:0}.wand-draai{justify-content:center;gap:clamp(14px,2vw,28px);display:flex;position:absolute;inset:-30% -10%;transform:rotateX(28deg)rotate(-12deg)}.wand-kolom{flex:none;width:clamp(130px,14vw,320px)}.js .dia .wand-kolom{opacity:0}.js .dia[data-gezien] .wand-kolom{animation:kolom-in 1.2s var(--uit) calc(.2s + var(--k) * .12s) both}@keyframes kolom-in{0%{opacity:0;transform:translateY(40%)}to{opacity:1;transform:none}}.wand-rij{animation:wand var(--duur) linear infinite;gap:clamp(14px,2vw,28px);margin:0;padding:0;list-style:none;display:grid}.wand-rij[data-richting=op]{animation-direction:reverse}.wand-kolom:hover .wand-rij{animation-play-state:paused}@keyframes wand{0%{transform:translateY(0)}to{transform:translateY(calc(-50% - clamp(7px,1vw,14px)))}}.wand-telefoon{pointer-events:auto;background:#0b0a12;border-radius:28px;padding:6px;display:block;position:relative;box-shadow:0 30px 60px #00000059}.wand-telefoon img{border-radius:22px;width:100%;height:auto}.wand-naam{background:var(--wit);color:var(--nacht);font:700 13px/1 var(--letter);white-space:nowrap;opacity:0;border-radius:999px;padding:6px 12px;transition:opacity .16s;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.wand-telefoon:hover .wand-naam,.wand-telefoon:focus-visible .wand-naam{opacity:1}.laptop-doek{width:min(100%,1500px);height:min(78svh,900px);margin-inline:auto}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.slot{text-align:center;justify-items:center;gap:clamp(28px,5vh,56px);display:grid}.slot-voet{border-top:1px solid var(--lijn);width:100%;color:var(--zacht);flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:20px;font-size:15px;display:flex}.slot-voet ul{gap:18px;margin:0;padding:0;list-style:none;display:flex}@media (prefers-reduced-motion:reduce){.wand-rij{animation:none!important}}.dia-hero .dia-binnen{max-width:none;padding:0}.dia-hero .hero-inhoud{padding:120px clamp(24px,7vw,120px) clamp(150px,22vh,230px)}.f5-toets{width:clamp(90px,9vw,130px)}.f5-toets svg{filter:drop-shadow(0 10px 0 color-mix(in srgb, var(--accent) 45%, #000))}.dia-laptop .dia-binnen{padding-inline:clamp(12px,3vw,40px);max-width:none;padding-bottom:60px}.dia-wand .dia-binnen{padding-bottom:clamp(70px,12vh,130px)}@media (max-width:560px){.kransen{flex-wrap:nowrap;gap:2px}.krans{grid-template-columns:18px auto 18px;gap:2px}.krans-tak{width:18px;height:50px}.krans-tekst strong{font-size:17px}.krans-boven,.krans-onder{font-size:10px}.portret-toets{width:min(var(--maat), 66vw)}}.wenkbrauw{font:800 clamp(13px, 1.1vw, 15px) / 1.2 var(--letter);letter-spacing:.01em;color:var(--zacht)}.dia-hero .wenkbrauw{color:var(--wit)}.hero-kop{font-size:clamp(40px,6.6vw,108px);line-height:.95}.krans{color:var(--accent);grid-template-columns:40px auto 40px}.krans-tak{width:40px;height:104px}.krans-tekst{padding:0 4px;position:relative;overflow:hidden}.krans-tekst strong{font:900 clamp(26px, 2.6vw, 38px) / 1 var(--kop);letter-spacing:-.035em;color:var(--fg)}.krans-boven,.krans-onder{letter-spacing:.02em;color:var(--zacht);font-size:12px;font-weight:700}.krans-boven{text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}.krans-tekst :is(strong,.krans-boven,.krans-onder){--basis:var(--fg);--licht:var(--accent);background:linear-gradient(100deg, var(--basis) 0 36%, var(--licht) 46% 54%, var(--basis) 64% 100%) 100% 0 / 300% 100% no-repeat;color:#0000;-webkit-background-clip:text;background-clip:text;animation:3.2s ease-in-out 1.2s infinite glans}.krans-tekst strong{filter:drop-shadow(0 0 14px color-mix(in srgb, var(--accent) 35%, transparent))}.krans-tekst .krans-boven{--basis:var(--accent);--licht:var(--fg)}.krans-tekst .krans-onder{--basis:var(--zacht)}@keyframes glans{0%,45%{background-position:100% 0}to{background-position:0 0}}@media (max-width:560px){.krans{grid-template-columns:20px auto 20px}.krans-tak{width:20px;height:58px}.krans-tekst strong{font-size:18px}.krans-boven,.krans-onder{font-size:9px}}.wand-kolom--scherm{width:clamp(240px,24vw,540px)}.wand-scherm{pointer-events:auto;background:#0b0a12;border-radius:14px 14px 4px 4px;padding:6px 6px 0;display:block;position:relative;box-shadow:0 30px 60px #00000059}.wand-scherm img{border-radius:8px 8px 0 0;width:100%;height:auto}.wand-scherm:hover .wand-naam,.wand-scherm:focus-visible .wand-naam{opacity:1}.wand-kolom--scherm .wand-rij{padding-top:120px}.dia-wand .dia-binnen{align-content:center;justify-items:start}.wand-paneel{z-index:3;background:var(--nacht);pointer-events:auto;border-radius:24px;gap:18px;max-width:560px;padding:clamp(24px,3vw,40px);display:grid;position:relative;box-shadow:0 30px 80px #0000008c,inset 0 0 0 1px #ffffff1a}.wand:after{background:radial-gradient(60% 70% at 18% 55%, color-mix(in srgb, var(--bg) 70%, transparent), transparent 70%)}.sterren{color:var(--blauw-donker);letter-spacing:2px;font-size:18px}@media (max-width:860px){.wand[data-kant=rechts]{opacity:.45;left:0}}.toetstekst:not([data-klaar]) .tt-cursor{animation:none}.wand[data-kant=rechts]{left:46%}.wand[data-kant=rechts]:after{background:linear-gradient(to right, var(--bg) 0%, color-mix(in srgb, var(--bg) 60%, transparent) 18%, transparent 40%)}.portret-foto{opacity:0;transition:opacity .9s,transform 3.2s ease-out;position:absolute;transform:scale(1.06)}.portret-foto[data-aan]{opacity:1;transform:scale(1)}.fotoband{gap:12px;width:100vw;margin-inline:calc(50% - 50vw);display:grid;overflow:hidden}.fotoband-rij{gap:12px;width:max-content;animation:80s linear infinite band;display:flex}.fotoband-rij[data-richting=rechts]{animation-direction:reverse}.fotoband img{object-fit:cover;border-radius:16px;width:clamp(200px,22vw,320px);height:clamp(140px,15vw,220px)}.dia-laptop .dia-binnen,.laptop{grid-template-columns:minmax(0,1fr)}@media (max-width:480px){.slider-stappen span{width:14px}}.hblokken{--max:min(15vh, 150px);z-index:2;grid-template-columns:repeat(var(--kolommen,12), minmax(0, 1fr));pointer-events:none;align-items:end;margin:0;padding:0;list-style:none;display:grid;position:absolute;bottom:0;left:0;right:0}.hblok{align-items:end;display:grid;position:relative}.hblok-link{z-index:1;height:calc(100% + clamp(70px,7vw,100px));color:inherit;pointer-events:auto;justify-items:center;text-decoration:none;display:grid;position:absolute;inset:auto 0 0}.hblok-zuil{z-index:2;pointer-events:none;width:100%;height:calc(var(--max) * var(--f));background:linear-gradient(to bottom, color-mix(in srgb, var(--fg) 16%, transparent) 0 22%, transparent 22%), var(--blok);transition:height .42s var(--uit);display:block;position:relative}.hblok-logo{bottom:calc(var(--max) * var(--f) + 14px);filter:drop-shadow(0 6px 14px #00000059);width:min(5.6vw,84px);height:min(2.8vw,40px);transition:bottom .42s var(--uit);place-items:center;display:grid;position:absolute}.hblok-logo img{object-fit:contain;width:auto;min-width:0;max-width:100%;height:auto;min-height:0;max-height:100%}.js .dia .hblok-logo{opacity:0}.js .dia[data-gezien] .hblok-logo{animation:hblok-pop .72s cubic-bezier(.3, .9, .3, 1) calc(.9s + var(--p) * .17s) both}@keyframes hblok-pop{0%{opacity:0;transform:translateY(calc(var(--max) * var(--f) + 14px))}15%{opacity:1}70%{transform:translateY(-14px)}85%{transform:translateY(4px)}to{opacity:1;transform:none}}.js .dia .hblok-zuil{transform-origin:bottom}.js .dia[data-gezien] .hblok-zuil{animation:m-groei .9s cubic-bezier(.2, .9, .25, 1.15) calc(var(--c) * 45ms) both}.hblok:has(.hblok-link:is(:hover,:focus-visible)) .hblok-zuil{height:calc(var(--max) * var(--f) + 14px)}.hblok-link:is(:hover,:focus-visible) .hblok-logo{bottom:calc(var(--max) * var(--f) + 26px)}.hblok-label{bottom:calc(var(--max) * var(--f) + 72px);background:var(--wit);color:var(--inkt);white-space:nowrap;opacity:0;transition:opacity .26s var(--uit), transform .36s var(--uit), bottom .42s var(--uit);pointer-events:none;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;line-height:1;display:inline-flex;position:absolute;transform:translateY(6px);box-shadow:0 6px 18px #0000001f}.hblok-pijl{color:var(--paars);transition:transform .36s var(--uit);display:inline-block}.hblok-link:is(:hover,:focus-visible) .hblok-label{bottom:calc(var(--max) * var(--f) + 84px);opacity:1;transform:none}.hblok-link:is(:hover,:focus-visible) .hblok-pijl{transform:translate(2px,-2px)}.hblok:first-child .hblok-label{left:0}.hblok:last-child .hblok-label{right:0}.hblok:has(.hblok-link:is(:hover,:focus-visible)){z-index:3}.hblok-link:focus-visible{outline:none}.hblok-link:focus-visible .hblok-logo{outline:3px solid var(--accent);outline-offset:6px;border-radius:4px}@media (max-width:720px),(hover:none){.hblok-label{display:none}}@media (max-width:720px){.hblokken{--max:min(12vh, 110px)}.hblok:not([data-mobiel]) .hblok-link{display:none}.hblok-logo{width:12vw;height:6vw}}:root{--titel:var(--font-mona), "Mona Sans", var(--letter)}:is(h1,h2,h3),.kop,.menu-catch,.projectkaart-naam,.dienst h3,.ranglijst li,.kaart-kop strong,.blok-naam,.portret figcaption strong{font-family:var(--titel);letter-spacing:-.02em;font-weight:600}.krans-tekst strong{font-family:var(--titel);letter-spacing:-.02em;font-weight:700}.reus,.groot,.teller,.toetstekst,.voet-catch,.menu-toets-label{font-family:var(--titel);letter-spacing:-.035em;font-weight:800}.teller{font-variant-numeric:normal}.project-logo--wit{background:#1d1b26}.tt-letter-plek{position:relative}.tt-letter-plek>.tt-cursor{margin:0;position:absolute;top:.12em;right:-.1em}.hero-label{background:color-mix(in srgb, var(--accent) 14%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 38%, transparent);color:var(--fg);font:700 clamp(12px, 1vw, 14px) / 1 var(--letter);letter-spacing:.01em;border-radius:999px;align-items:center;gap:12px;margin:0;padding:9px 12px 9px 16px;display:inline-flex}.hero-label-punt{background:var(--accent);border-radius:50%;width:8px;height:8px;position:relative}.hero-label-punt:after{content:"";background:var(--accent);border-radius:50%;animation:2s ease-out infinite punt-klop;position:absolute;inset:0}@keyframes punt-klop{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(3)}}.balk-cta{padding-left:6px}.balk-cta-foto{border-radius:46% 54% 58% 42%/52% 44% 56% 48%;width:36px;height:36px;animation:6s ease-in-out infinite druppel;display:block;overflow:hidden}.balk-cta-foto img{object-fit:cover;width:100%;height:100%;transition:transform .4s var(--uit)}.balk-cta:hover .balk-cta-foto img{transform:scale(1.12)}@keyframes druppel{0%,to{border-radius:46% 54% 58% 42%/52% 44% 56% 48%}33%{border-radius:58% 42% 44% 56%/44% 58% 42% 56%}66%{border-radius:42% 58% 52% 48%/58% 46% 54% 42%}}@media (prefers-reduced-motion:reduce){.js .toetstekst:not([data-klaar]) .tt-letter{opacity:1}.tt-toetsen{display:none}}.balk .balk-menu{padding:0 7px 0 18px}.balk .balk-menu .keycap{min-width:34px;height:34px;padding:0 8px}.menu-vitrine{aspect-ratio:4/3.4;background:0 0}.menu-social{width:44px;height:44px;color:var(--wit);border-radius:50%;place-items:center;transition:background .2s,color .2s;display:grid;box-shadow:inset 0 0 0 1px #ffffff38}.menu-social:hover,.menu-social:focus-visible{background:var(--wit);color:var(--nacht)}.hero-label-punt,.hero-label-punt:after{background:#3ddc84}.hero-label{background:#3ddc841f;box-shadow:inset 0 0 0 1px #3ddc8466}.tt-wissel{white-space:nowrap}.tt-wissel>.tt-cursor{margin-left:.04em}@media (max-width:720px){.hblok:first-child .hblok-link{justify-items:start}.hblok:last-child .hblok-link{justify-items:end}}.tt-toetsrij--gemeten{flex-wrap:nowrap;gap:.1em;position:absolute;left:0;right:0;translate:0 -50%}@keyframes tt-toets-in{0%{opacity:0;transform:translateY(-.7em)}70%{opacity:1;transform:translateY(.05em)}to{transform:none}}.merken-kop{justify-items:center;gap:10px;margin:0;display:grid}html[data-vlak=licht] .balk-cta{background:var(--inkt);color:var(--wit)}html[data-vlak=licht] .balk-menu{background:var(--wit);color:var(--inkt);box-shadow:inset 0 0 0 1px #0000001a}.dia-hero .hero-kop{font-size:clamp(34px,5.2vw,84px)}.dia-hero .hero-label{color:var(--fg);padding:7px 10px 7px 13px;font-size:clamp(11px,.85vw,12.5px)}.dia-hero .lead{color:color-mix(in srgb, var(--fg) 62%, var(--bg));font-size:clamp(15px,1.15vw,17px)}.vlak-licht .hblok-logo img{filter:brightness(0)}.vlak-licht .hblok-logo{filter:none}.dia-hero .hero,.dia-hero .hero-inhoud{z-index:1;position:relative}.dia-merken .dia-binnen{align-content:start;max-width:1840px;padding-top:clamp(120px,20vh,220px)}.dia-merken .merken-kop{z-index:1;pointer-events:none;position:relative}.val{position:absolute;inset:0;overflow:hidden}.val ul{z-index:auto}.val-schijf[data-laag=voor]{z-index:2}.val ul{flex-wrap:wrap;justify-content:center;gap:10px;margin:0;padding:16px;list-style:none;display:flex;position:absolute;inset:auto 0 0}.js .val ul{padding:0;display:block;inset:0}.val-schijf{cursor:grab;touch-action:pan-y;will-change:transform;-webkit-user-select:none;user-select:none;background:#26242e;border-radius:50%;place-items:center;width:120px;height:120px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff0f,0 18px 40px #00000059}@media (max-width:720px){.val-schijf{width:72px;height:72px}}.js .val-schijf{opacity:0;position:absolute;top:0;left:0}.val-schijf:active{cursor:grabbing}.val-schijf img{object-fit:contain;pointer-events:none;width:64%;height:34%}.tt-toetsrij--gemeten{gap:0}.tt-toetsrij--gemeten .tt-toets-spatie{width:.34em}.tt-toets{width:.78em;height:.78em;box-shadow:0 .06em 0 color-mix(in srgb, var(--fg) 60%, #000), 0 .14em .3em #00000038;transform:rotate(var(--draai,0deg)) translateY(var(--hoog,0em));border-radius:.14em}.tt-toets+.tt-toets{margin-left:-.16em}.tt-toets{z-index:calc(40 - var(--na,0))}.tt-toets-klein{font-size:.4em;top:.16em;right:.26em}.tt-toets[data-getypt]{animation:tt-woord-in .42s cubic-bezier(.25, 1.4, .45, 1) calc(var(--na,0) * 28ms) both}@keyframes tt-woord-in{0%{opacity:0;transform:translateY(-.9em) rotate(calc(var(--draai,0deg) * -2)) scale(.6)}60%{opacity:1}to{opacity:1;transform:rotate(var(--draai,0deg)) translateY(var(--hoog,0em))}}.stapel{width:min(var(--maat), 78vw);margin:8% 0 4%}@media (max-width:860px){.stapel{width:min(var(--maat), 46vw, 26vh);margin:24% auto 4%}}.stapel-vlak{aspect-ratio:360/480;position:relative}.stapel-foto{border:6px solid var(--wit);background:var(--wit);transform:rotate(var(--draai));border-radius:10px;position:absolute;overflow:hidden;box-shadow:0 18px 40px #0000002e}.stapel-foto img{object-fit:cover}.js .dia .stapel-foto{opacity:0}.js .dia[data-gezien] .stapel-foto{animation:stapel-val .52s cubic-bezier(.2, .9, .3, 1) calc(.25s + var(--i) * .19s) both}@keyframes stapel-val{0%{opacity:0;transform:rotate(calc(var(--draai) + 14deg)) scale(1.25)}to{opacity:1;transform:rotate(var(--draai))}}.stapel-label{font:900 clamp(18px, 2vw, 26px) / 1 var(--letter);letter-spacing:-.04em;color:var(--wit);text-shadow:0 2px 10px #00000059;position:absolute;top:10px;right:12px}@media (prefers-reduced-motion:reduce){.stapel-foto:not(.stapel-foto--laatste){display:none}}.kransen--klein{justify-content:start;gap:4px 22px}.kransen--klein .krans{grid-template-columns:26px auto 26px}.kransen--klein .krans-tak{width:26px;height:70px}.kransen--klein .krans-tekst strong{font-size:clamp(20px,1.8vw,26px)}.kransen--klein .krans-boven,.kransen--klein .krans-onder{font-size:11px}@media (max-width:860px){.kransen--klein{justify-content:center}}.diastand button[data-flits] .diastand-label{opacity:1;transition-delay:.2s;transform:none}html[data-menu=open]{--balk-fg:var(--wit)}html[data-menu=open] .balk-cta{background:var(--wit);color:var(--nacht)}html[data-menu=open] .balk-cta:hover{background:var(--wit)}html[data-menu=open] .balk-menu{background:var(--nacht);color:var(--wit);box-shadow:inset 0 0 0 1px #ffffff2e}.menu-vitrine{z-index:0;aspect-ratio:auto;border-radius:0;align-self:stretch;width:100%;height:100%;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(270deg,#000 30%,#00000059 62%,#0000 88%);mask-image:linear-gradient(270deg,#000 30%,#00000059 62%,#0000 88%)}.menu:not([data-open]) .menu-vitrine{opacity:0}.menu-vitrine .wand:after{background:0 0}.menu-vitrine .wand-kolom{width:clamp(130px,13vw,210px)}.menu-toetsen,.menu-voet{z-index:1;position:relative}@media (max-width:860px){.menu-vitrine{display:none}}.toetstekst[data-klaar] .tt-cursor{animation:1ms linear 2.2s both verschijn,1s step-end 2.2s infinite knipper}@keyframes verschijn{0%{opacity:0}to{opacity:1}}.dia-pakketten .dia-binnen{align-content:stretch;max-width:none;padding:0}.pk{min-height:100%;color:var(--fg);grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,80px);padding:clamp(110px,14vh,150px) clamp(24px,7vw,120px) clamp(90px,12vh,130px);transition:color .4s;display:grid;position:relative;overflow:hidden}.pk-links,.pk-stapel{z-index:1;position:relative}.pk-links{gap:clamp(16px,3vh,28px);display:grid}.pk-toetsen{gap:12px;margin-top:8px;display:grid}.pk-toets{background:color-mix(in srgb, var(--fg) 7%, transparent);color:inherit;text-align:left;cursor:pointer;transition:background .25s, transform .25s var(--uit);border:0;border-radius:18px;grid-template-columns:26px auto minmax(0,1fr);align-items:center;gap:16px;padding:14px 18px;display:grid}.pk-toets:hover{background:color-mix(in srgb, var(--fg) 12%, transparent)}.pk-toets[aria-selected=true]{background:var(--fg);color:var(--bg);transform:translate(10px)}.pk-toets[aria-selected=true] .keycap{--kap:var(--bg);--kap-tekst:var(--fg);animation:1.4s .12s both indruk}.pk-naam{font:700 clamp(17px, 1.5vw, 21px) / 1.1 var(--titel);letter-spacing:-.01em}.pk-stapel{min-height:0;display:grid}.pk-kaart{border-radius:28px;grid-area:1/1;align-content:start;gap:14px;padding:clamp(24px,3vw,40px);transition:transform .6s cubic-bezier(.2,.9,.25,1.05),opacity .4s,filter .4s;display:grid;box-shadow:0 30px 70px #00000047}.pk-kaart[data-plek="0"]{z-index:3;transform:none}.pk-kaart[data-plek="1"]{z-index:2;filter:brightness(.9);transform:translate(26px,-18px)rotate(4deg)scale(.95)}.pk-kaart[data-plek="2"]{z-index:1;filter:brightness(.8);transform:translate(48px,-34px)rotate(8deg)scale(.9)}.pk-kaart-naam{font:800 clamp(34px, 4vw, 60px) / .95 var(--titel);letter-spacing:-.035em;margin:0}.pk-kaart-zin{max-width:38ch;color:var(--zacht);font-size:clamp(15px,1.2vw,18px);line-height:1.45}.pk-basis{font:800 13px/1 var(--letter);color:var(--accent)}.pk-lijst{gap:2px;margin:4px 0 8px;padding:0;list-style:none;display:grid}.pk-lijst li{border-bottom:1px solid var(--lijn);font:600 clamp(14px, 1.15vw, 17px) / 1.35 var(--letter);grid-template-columns:22px 1fr;align-items:center;gap:12px;padding:7px 0;display:grid}.js .dia[data-gezien] .pk-kaart[data-plek="0"] .pk-lijst li{animation:inschuif .5s var(--uit) calc(.25s + var(--k) * 90ms) both}.js .pk-kaart .pk-lijst li{opacity:0;transform:translate(-14px)}@media (max-width:860px){.pk{grid-template-columns:minmax(0,1fr);align-items:start;padding-top:100px}.pk-toetsen{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pk-toets{text-align:center;grid-template-columns:1fr;justify-items:center;gap:8px;padding:12px 6px}.pk-toets .sneltoets{display:none}.pk-naam{font-size:14px}.pk-toets[aria-selected=true]{transform:translateY(-4px)}.pk-kaart[data-plek="1"]{transform:translate(10px,-10px)rotate(3deg)scale(.96)}.pk-kaart[data-plek="2"]{transform:translate(18px,-18px)rotate(6deg)scale(.92)}}@media (prefers-reduced-motion:reduce){.js .pk-kaart .pk-lijst li,.js .dia[data-gezien] .pk-kaart[data-plek="0"] .pk-lijst li{opacity:1;animation:none;transform:none}}@media (max-width:860px){.diashow>.dia:not(.dia-hero,.dia-merken,.dia-pakketten)>.dia-binnen{gap:clamp(12px,2vh,20px);padding:88px 24px}.diashow .dia .groot,.diashow .dia .reus,.diashow .slot .toetstekst,.dia-hero .hero-kop{font-size:clamp(27px,min(8.4vw,4.6vh),40px);line-height:1.02}.diashow .dia .lead{font-size:15px;line-height:1.45}.diashow .persoonlijk{gap:clamp(10px,2vh,18px)}.diashow .persoonlijk>div{gap:clamp(10px,1.8vh,16px)!important}.diashow .stapel{width:min(var(--maat), 34vw, 17vh);margin:6% auto 0}.diashow .kransen--klein .krans-tak{height:56px}.pk{align-content:start;gap:18px;padding:88px 24px}.pk-links{gap:12px}.pk-kaart{border-radius:22px;gap:10px;padding:20px}.pk-kaart-naam{font-size:28px}.pk-kaart-zin{font-size:14px}.pk-lijst{margin:0}.pk-lijst li{grid-template-columns:16px 1fr;gap:10px;padding:5px 0;font-size:13px}.pk-kaart .knoppen{flex-wrap:nowrap;gap:8px}.pk-kaart .knop{white-space:nowrap;padding-inline:14px;font-size:13px}.diashow .dienst{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:4px 14px;padding-top:12px}.diashow .dienst .druk{grid-row:span 2;font-size:14px!important}.diashow .dienst h3{font-size:22px}.diashow .dienst p{font-size:14px;line-height:1.4}}@media (max-width:860px) and (max-height:760px){.diashow .persoonlijk .kransen,.pk-kaart-zin,.pk-links>.wenkbrauw{display:none}.diashow .dia:has(.diensten) .wenkbrauw{display:none}}@media (min-width:861px) and (max-height:820px){.diashow .dia .groot,.dia-hero .hero-kop{font-size:clamp(34px,min(5.2vw,8.4vh),84px)}.diashow>.dia:not(.dia-hero,.dia-merken,.dia-pakketten)>.dia-binnen{padding-top:clamp(96px,13vh,130px);padding-bottom:clamp(88px,12vh,130px)}}.val-schijf{background:#26242e;transition:background-color .25s;box-shadow:inset 0 0 0 1px #ffffff0f,0 18px 40px #00000059}.val-schijf img{height:46%;transition:opacity .25s}.val-schijf .val-kleur{opacity:0;margin:auto;position:absolute;inset:0}.val-schijf:hover,.val-schijf[data-gepakt]{background:var(--munt,#fff)}.val-schijf:hover .val-wit,.val-schijf[data-gepakt] .val-wit{opacity:0}.val-schijf:hover .val-kleur,.val-schijf[data-gepakt] .val-kleur{opacity:1}.pk-kaart{--bg:var(--wit);--fg:var(--inkt);--zacht:color-mix(in srgb, var(--inkt) 62%, var(--wit));--lijn:color-mix(in srgb, var(--inkt) 10%, var(--wit));--accent:#db2777;background:var(--bg);color:var(--fg)}.pk-foto{aspect-ratio:4/5;object-fit:cover;border:4px solid var(--wit);border-radius:14px;width:clamp(76px,8vw,116px);height:auto;transform:rotate(4deg);box-shadow:0 12px 28px #0000002e}.pk-lijst li{grid-template-columns:22px 1fr}.pk-vink{width:22px;height:22px}.pk-vink rect{fill:#fce7f3;stroke:#f5b3d3;stroke-width:1.5px}.pk-vink path{fill:none;stroke:var(--accent);stroke-width:2.8px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:18;stroke-dashoffset:18px}.js .dia[data-gezien] .pk-kaart[data-plek="0"] .pk-vink rect{animation:pk-vakje .3s ease-out calc(.5s + var(--k) * .28s) both}.js .dia[data-gezien] .pk-kaart[data-plek="0"] .pk-vink path{animation:pk-teken .32s ease-out calc(.62s + var(--k) * .28s) both}.pk-kaart:not([data-plek="0"]) .pk-vink path,html:not(.js) .pk-vink path{stroke-dashoffset:0}@keyframes pk-teken{0%{stroke-dashoffset:18px;stroke:var(--wit)}to{stroke-dashoffset:0;stroke:var(--wit)}}.pk-vink rect{transform-origin:50%;transform-box:fill-box}@media (max-width:860px){.pk-foto{width:64px}}@media (min-width:861px) and (max-height:820px){.pk-foto{width:72px}}@media (max-width:860px) and (max-height:760px){.pk-foto{display:none}}@media (prefers-reduced-motion:reduce){.pk-vink path{stroke-dashoffset:0;stroke:var(--wit);animation:none!important}.pk-vink rect{fill:#db2777;stroke:#db2777;animation:none!important}}.dia-hero .hero-label{background:var(--wit);box-shadow:0 1px 0 color-mix(in srgb, var(--inkt) 8%, transparent), 0 8px 24px color-mix(in srgb, var(--blauw) 16%, transparent);gap:10px;padding:8px 14px 8px 12px;font-weight:600}.dia-hero .hero-label strong{color:var(--blauw-donker);font-weight:800}.dia-hero .hero-label-punt,.dia-hero .hero-label-punt:after{background:var(--blauw)}.dia-balken{--a:var(--blauw);--b:var(--inkt);--fg:var(--inkt);--max:min(15vh, 150px);z-index:40;grid-template-columns:repeat(var(--kolommen,12), minmax(0, 1fr));pointer-events:none;visibility:hidden;display:grid;position:fixed;inset:0}@media (max-width:720px){.dia-balken{--max:min(12vh, 110px)}}.dia-balken[data-loopt]{visibility:visible}.dia-balken>span{--start:0px;background:linear-gradient(to bottom, color-mix(in srgb, var(--fg) 16%, transparent) 0 calc(var(--max) * var(--f) * .22), transparent 0), var(--balk);align-self:end;height:0;margin-inline:-.5px}.dia-balken[data-trap]>span{--start:calc(var(--max) * var(--f))}.dia-balken[data-richting=neer]>span{align-self:start}.dia-balken[data-loopt]>span{animation: balk-vul calc(var(--balkduur) * .3) cubic-bezier(.7, 0, .3, 1) calc(var(--o) * var(--balkduur) * .12) both, balk-weg calc(var(--balkduur) * .34) cubic-bezier(.7, 0, .3, 1) calc(var(--balkduur) * .52 + var(--o) * var(--balkduur) * .12) both}.dia-balken[data-richting=neer][data-loopt]>span{animation-name:balk-vul,balk-weg-neer}@keyframes balk-vul{0%{height:var(--start)}to{height:100%}}@keyframes balk-weg{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes balk-weg-neer{0%{transform:translateY(0)}to{transform:translateY(100%)}}html[data-palet=poster]{--creme:#ecebdd;--nacht:#264f90;--inkt:#1c3566;--roze:#cd4a7f;--paars:#264f90;--paars-diep:#264f90;--zee:#264f90;--hemel:#3d68b0;--roze-donker:#b03668;--blauw:#264f90;--blauw-donker:#1c3566;background:#ecebdd}html[data-palet=poster] .vlak-roze{--fg:#fff;--accent:#264f90;--a:#264f90;--b:#ecebdd}html[data-palet=poster] .vlak-cremeroze,html[data-palet=poster] .pk-kaart{--accent:#cd4a7f}html[data-palet=poster] .pk-kaart[data-plek="1"]{background:#f1d6e0}html[data-palet=poster] .pk-kaart[data-plek="2"]{background:#e3b3c6}html[data-palet=poster] .pk-vink rect{fill:#f6e3ea;stroke:#e6aac1}html[data-palet=poster] .val-schijf{background:#1c3566}html[data-palet=poster] .dia-hero .hero-label{box-shadow:0 1px #1c356614,0 8px 24px #cd4a7f29}@keyframes pk-vakje-poster{50%{transform:scale(1.18)}to{fill:#cd4a7f;stroke:#cd4a7f}}html[data-palet=poster].js .dia[data-gezien] .pk-kaart[data-plek="0"] .pk-vink rect{animation-name:pk-vakje-poster}html[data-palet=poster] .balk .balk-menu .keycap{--kap:#cd4a7f;--kap-tekst:#ecebdd}@media (prefers-reduced-motion:reduce){html[data-palet=poster] .pk-vink rect{fill:#cd4a7f;stroke:#cd4a7f}}.vlak-licht .krans-tekst .krans-boven{--basis:var(--blauw-donker)}.pk[class]{background:0 0}.pk-onder,.pk-golf{z-index:0;pointer-events:none;position:absolute;inset:0}.pk-golf{animation:.7s cubic-bezier(.65,0,.25,1) both pk-golf}@keyframes pk-golf{0%{clip-path:circle(0% at var(--x) var(--y))}to{clip-path:circle(150% at var(--x) var(--y))}}.pk-kaart[data-plek="1"]{background:#ffffffc7}.pk-kaart[data-plek="2"]{background:#ffffff94}.pk.vlak-paars .pk-kaart{--pk-kleur:#7c3aed}.pk.vlak-roze .pk-kaart{--pk-kleur:#db2777}.pk.vlak-hemel .pk-kaart{--pk-kleur:#0369a1}.pk-kaart{--accent:var(--pk-kleur,#db2777)}.pk-vink rect{fill:#fff;stroke:#d4d4d8}@keyframes pk-vakje{50%{transform:scale(1.18)}to{fill:var(--pk-kleur,#db2777);stroke:var(--pk-kleur,#db2777)}}@media (prefers-reduced-motion:reduce){.pk-vink rect{fill:var(--pk-kleur,#db2777);stroke:var(--pk-kleur,#db2777)}}.dia-wand .wand{left:calc(50% - 50vw);right:calc(50% - 50vw)}html[data-palet=poster] .vlak-paars,html[data-palet=poster] .vlak-hemel{--fg:#fff;--accent:#ecebdd}html[data-palet=poster][data-vlak=hemel],html[data-palet=poster][data-vlak=paars]{--balk-fg:var(--wit)}.dia-pakketten .wenkbrauw{color:var(--fg)}.dia-hero.vlak-licht{--bg:var(--wit)}.knop--hoofd{background:var(--roze-donker);color:var(--wit);pointer-events:auto}.vlak-nacht .knop--hoofd:hover,.vlak-nacht .knop--hoofd:focus-visible{background:var(--wit);color:var(--nacht)}.hblok[data-kleur="0"],.dia-balken>span[data-kleur="0"]{--blok:var(--roze);--balk:var(--roze)}.hblok[data-kleur="1"],.dia-balken>span[data-kleur="1"]{--blok:var(--paars);--balk:var(--paars)}.hblok[data-kleur="2"],.dia-balken>span[data-kleur="2"]{--blok:var(--blauw);--balk:var(--blauw)}.hblok[data-kleur="3"],.dia-balken>span[data-kleur="3"]{--blok:var(--inkt);--balk:var(--inkt)}.balk .balk-menu,html[data-vlak] .balk .balk-menu,html[data-menu=open] .balk .balk-menu{box-shadow:none;color:var(--balk-fg,var(--wit));background:0 0;padding:0 0 0 6px}.balk .balk-menu:hover{background:0 0}html[data-menu=open] .balk .balk-menu{color:var(--wit)}.vloei-filter{width:0;height:0;position:absolute}.knop{isolation:isolate;filter:url(#vloei);position:relative}.knop:after{content:"→";z-index:-1;background:inherit;width:44px;height:44px;color:inherit;font:800 18px/1 var(--letter);border-radius:50%;place-items:center;transition:transform .52s cubic-bezier(.5,0,.2,1.4);display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)scale(.4)}.knop--rand:after{color:var(--bg);background:currentColor}.knop:hover:after,.knop:focus-visible:after{transform:translate(calc(100% + 10px),-50%)scale(1)}.knop:hover{background:var(--fg);color:var(--bg)}.knop--hoofd:hover,.knop--hoofd:focus-visible{background:var(--roze-donker);color:var(--wit)}.knop--rand:hover{color:var(--fg);background:0 0}.balk-cta{filter:url(#vloei);position:relative}.balk-cta-foto{transition:transform .52s cubic-bezier(.5,0,.2,1.4)}.balk-cta:hover .balk-cta-foto,.balk-cta:focus-visible .balk-cta-foto{transform:translate(-46px)scale(1.12)}.balk-cta:hover{background:var(--wit)}html[data-vlak=licht] .balk-cta:hover{background:var(--inkt)}@media (prefers-reduced-motion:reduce){.knop:after,.balk-cta-foto{transition:none}}.pk.vlak-paars{--fg:var(--wit);--pk-sel:var(--roze);--pk-sel-tekst:var(--nacht)}.pk.vlak-roze{--pk-sel:var(--nacht);--pk-sel-tekst:var(--roze)}.pk.vlak-hemel{--pk-sel:var(--wit);--pk-sel-tekst:var(--blauw-donker)}.pk .pk-toets{transition:background .25s, color .25s, transform .25s var(--uit)}.pk .pk-toets[aria-selected=true]{background:var(--pk-sel);color:var(--pk-sel-tekst)}.knop--rand,.knop--rand:hover{background:var(--bg)}.knop:after{color:#0000;transition:transform .52s cubic-bezier(.5,0,.2,1.4),color .2s .12s}.knop:hover:after,.knop:focus-visible:after{color:var(--bg)}.knop--hoofd:hover:after,.knop--hoofd:focus-visible:after{color:var(--wit)}.vlak-licht.dia-wit{--bg:var(--wit)}.voet{padding:clamp(80px, 14vh, 140px) var(--rand) 36px;text-align:center;justify-items:center;gap:clamp(18px,3vh,28px)}.voet .voet-catch{font:800 clamp(34px, 5.4vw, 84px) / 1 var(--titel);letter-spacing:-.035em;max-width:14ch}.voet .knoppen{justify-content:center}.voet .voet-onder{text-align:left;border-top:1px solid #ffffff24;width:100%;margin-top:clamp(24px,6vh,60px);padding-top:24px}.knop:focus-visible,.balk-cta:focus-visible{filter:none}.knoppen{column-gap:64px}@media (max-width:860px){.verhaal .persoonlijk{gap:clamp(10px,2vh,18px)}.verhaal .persoonlijk>div{gap:clamp(10px,1.8vh,16px)!important}.verhaal .stapel{width:min(var(--maat), 40vw, 20vh);margin:6% auto 0}.verhaal .kransen--klein .krans-tak{height:56px}.verhaal .blokken{gap:8px}.verhaal .blokken .blok{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;min-height:0;padding:12px 14px}.verhaal .blokken .blok-naam{font-size:22px}.verhaal .blokken .blok-zin{font-size:14px;line-height:1.3}.verhaal .blokken .keycap{font-size:17px}.verhaal .project-duo{gap:clamp(16px,3vh,28px)}.verhaal .project-logo{width:116px;height:84px;padding:12px}.verhaal .telefoon{border-radius:32px;width:min(46vw,27vh);padding:7px}.verhaal .telefoon img{border-radius:26px}}@media (max-width:860px) and (max-height:760px){.verhaal .persoonlijk .kransen,.verhaal .project-logo{display:none}.verhaal .blokken{grid-template-columns:1fr 1fr}.verhaal .blokken .blok{gap:10px;padding:8px 10px}.verhaal .blokken .blok-zin{font-size:13px}.verhaal .telefoon{width:min(46vw,24vh)}.verhaal .blokken .blok-naam{font-size:19px}.verhaal .blokken .keycap{font-size:14px}}.vlak-hemel{--zacht:var(--nacht)}.pk.vlak-paars,.pk.vlak-roze,.pk.vlak-hemel{--pk-sel:var(--wit);--pk-sel-tekst:var(--inkt)}html[data-palet=poster] .pk.vlak-paars{--pk-sel-tekst:var(--inkt)}.pk .pk-toets{grid-template-columns:auto minmax(0,1fr)}.pk .pk-toets:hover{background:color-mix(in srgb, var(--wit) 30%, transparent)}.pk .pk-toets[aria-selected=true],.pk .pk-toets[aria-selected=true]:hover{background:var(--wit);color:var(--inkt)}.pk .pk-toets[aria-selected=true] .keycap{--kap:var(--inkt);--kap-tekst:var(--wit)}.pk-kaart{--pk-foto:clamp(160px, 17vw, 250px);--pk-pad:clamp(24px, 3vw, 40px);padding-right:calc(var(--pk-foto) + var(--pk-pad) * 2);position:relative}.pk-foto{top:var(--pk-pad);right:var(--pk-pad);bottom:var(--pk-pad);width:var(--pk-foto);height:calc(100% - var(--pk-pad) * 2);aspect-ratio:auto;object-fit:cover;object-position:50% 30%;transition:transform .6s var(--uit);border:0;border-radius:20px;position:absolute;transform:rotate(2deg);box-shadow:0 18px 40px #00000038}.pk-kaart[data-plek="0"]:hover .pk-foto{transform:rotate(0)scale(1.02)}@media (min-width:861px) and (max-height:820px){.pk-kaart{--pk-foto:clamp(140px, 14vw, 200px)}.pk-foto{width:var(--pk-foto)}}@media (max-width:860px){.pk-kaart{--pk-foto:84px;padding-right:var(--pk-pad)}.pk-foto{width:var(--pk-foto);height:calc(var(--pk-foto) * 1.25);border:3px solid var(--wit);border-radius:14px;bottom:auto;transform:rotate(4deg)}.pk-kaart-naam,.pk-kaart-zin{padding-right:calc(var(--pk-foto) + 8px)}}@media (max-width:860px) and (max-height:760px){.pk-kaart-naam,.pk-kaart-zin{padding-right:0}}.balk .balk-menu{gap:12px}.balk .balk-menu .keycap{min-width:36px;height:36px;padding:6px 7px;font-size:13px;line-height:1}.balk .balk-menu-tekst{line-height:36px}.balk:before{content:"";z-index:-1;background:color-mix(in srgb, var(--balk-mist,var(--nacht)) 30%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;border-bottom-left-radius:100%;width:clamp(300px,36vw,520px);height:clamp(130px,17vw,210px);transition:background .3s;position:fixed;top:0;right:0;-webkit-mask-image:radial-gradient(farthest-side at 100% 0,#000 55%,#0000 100%);mask-image:radial-gradient(farthest-side at 100% 0,#000 55%,#0000 100%)}html[data-vlak=licht],html[data-vlak=creme],html[data-vlak=cremeroze]{--balk-mist:var(--wit)}html[data-vlak=roze]{--balk-mist:var(--roze)}html[data-vlak=paars]{--balk-mist:var(--paars)}html[data-vlak=hemel]{--balk-mist:var(--hemel)}html[data-menu=open] .balk:before{opacity:0}@media (max-width:560px){.balk:before{width:200px;height:110px}}.balk .balk-cta{padding:0 20px 0 52px;transition:padding .52s cubic-bezier(.5,0,.2,1.4),background .16s}.balk .balk-cta-foto{position:absolute;top:6px;left:6px}.balk .balk-cta:hover,.balk .balk-cta:focus-visible{padding-left:20px}.balk .balk-cta:hover .balk-cta-foto,.balk .balk-cta:focus-visible .balk-cta-foto{transform:translate(-48px)scale(1.12)}@media (prefers-reduced-motion:reduce){.balk .balk-cta{transition:none}}.knop:hover:after,.knop:focus-visible:after,.knop--hoofd:hover:after,.knop--hoofd:focus-visible:after{color:inherit}.knop--rand:after{background:var(--fg)}.knop--rand:hover:after,.knop--rand:focus-visible:after{color:var(--bg)}.contact{--bg:var(--wit);background:var(--bg);min-height:100svh;color:var(--fg);align-items:center;display:grid}.contact-binnen{width:100%;max-width:1200px;padding:clamp(120px, 16vh, 160px) var(--rand) clamp(60px, 10vh, 100px);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(32px,6vw,96px);margin:0 auto;display:grid}.contact-kop{gap:clamp(14px,2.4vh,24px);display:grid}.contact-form{gap:26px;display:grid;position:relative}.contact-form .veld input{font-size:clamp(20px,2.2vw,28px)}.contact-form .veld textarea{min-height:140px;font-size:18px}.contact-klaar{grid-template-columns:1fr;justify-items:start}@media (max-width:860px){.contact-binnen{grid-template-columns:1fr;padding-top:110px}}@keyframes band{0%{transform:translate(0)}to{transform:translate(-50%)}}.fotoband-rij{animation-duration:60s}@media (prefers-reduced-motion:reduce){.fotoband-rij{animation:none}}.persoonlijk .kransen--klein{grid-template-columns:repeat(2,max-content);justify-content:start;display:grid}@media (max-width:860px){.persoonlijk .kransen--klein{justify-content:center}}.pk .pk-toets .keycap{--kap:var(--inkt);--kap-tekst:var(--wit)}@media (max-width:560px){.persoonlijk .kransen--klein{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 8px;width:100%}.persoonlijk .kransen--klein .krans-tak{height:52px}}@media (min-width:861px) and (max-height:820px){.pk-kaart{--pk-foto:clamp(120px, 12vw, 170px)}}@media (max-width:860px){.verhaal .blokken{grid-template-columns:1fr 1fr}.verhaal .blokken .blok{gap:10px;padding:10px 12px}.verhaal .blokken .blok-zin{font-size:13px}}@media (max-width:860px) and (max-height:760px){.verhaal .dia .lead{font-size:15px;line-height:1.45}}.dia-laptop.dia-wit .dia-binnen{padding-top:clamp(80px,11vh,120px);padding-bottom:clamp(24px,5vh,60px)}.dia-laptop .laptop{position:relative}.dia-laptop .laptop-doek{width:min(100%,1600px);height:min(84svh,980px)}.laptop-briefje{z-index:2;width:min(260px,70vw);color:var(--nacht);animation:plak .52s var(--klap) both;background:#fbcfe5;justify-items:start;gap:8px;padding:26px 22px 22px;display:grid;position:absolute;top:14%;right:clamp(8px,6vw,120px);transform:rotate(3deg);box-shadow:0 1px #0000000f,0 18px 30px -12px #0000004d}.laptop-briefje:before{content:"";background:#fff9;width:92px;height:26px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(-4deg);box-shadow:0 1px 2px #00000014}.laptop-briefje-naam{font:800 clamp(24px, 2.2vw, 32px) / 1 var(--titel);letter-spacing:-.03em}.laptop-briefje-wat{font-size:15px;line-height:1.4}.laptop-briefje .knop{--bg:#fbcfe5;--fg:var(--nacht);background:var(--nacht);color:var(--wit);margin-top:8px}.laptop-briefje small{opacity:.8;font-size:13px}@keyframes plak{0%{opacity:0;transform:translateY(-24px)rotate(-6deg)scale(1.06)}to{opacity:1;transform:rotate(3deg)}}@media (max-width:860px){.dia-laptop .laptop-doek{height:52svh;min-height:300px}.laptop-briefje{justify-self:center;margin-top:-10px;position:relative;top:auto;right:auto}}@media (prefers-reduced-motion:reduce){.laptop-briefje{animation:none}}.dia-index .dia-binnen{max-width:1400px}.index{gap:clamp(18px,3vh,32px);width:100%;display:grid}.index-kop{font:600 17px/1 var(--letter);letter-spacing:0;margin:0}.index-kop sup{color:var(--zacht);margin-left:4px;font-size:11px}.index-lijst{border-top:1px solid var(--lijn);margin:0;padding:0;list-style:none}.index-lijst li{border-bottom:1px solid var(--lijn);transition:opacity .3s}.index-lijst a{color:inherit;grid-template-columns:clamp(32px,4vw,64px) minmax(0,1fr) minmax(0,300px);align-items:baseline;gap:clamp(12px,2vw,32px);padding:clamp(8px,1.4vh,16px) 0;text-decoration:none;display:grid}.index-nr{font:600 13px/1 var(--letter);font-variant-numeric:tabular-nums;color:var(--zacht)}.index-naam{font:800 clamp(38px, 6.4vw, 104px) / 1 var(--titel);letter-spacing:-.045em;transition:transform .4s var(--uit)}.index-wat{color:var(--zacht);text-align:right;font-size:15px;line-height:1.35}.index-lijst li[data-aan] .index-naam{transform:translate(14px)}.index-lijst a:focus-visible{outline:3px solid var(--fg);outline-offset:4px}.index-zweef{z-index:40;pointer-events:none;width:0;height:0;transform:translate(var(--mx,-999px), var(--my,-999px));position:fixed;top:0;left:0}.index-beeld{opacity:0;width:clamp(260px,26vw,400px);transition:opacity .2s, transform .42s var(--uit);position:absolute;top:0;left:0;transform:translateY(-50%)rotate(-3deg)scale(.85)}.index-beeld[data-aan]{opacity:1;transform:translateY(-50%)rotate(-3deg)scale(1)}.index-desktop{border-radius:12px;width:100%;height:auto;display:block;box-shadow:0 26px 50px #00000040}.index-mobiel{border:5px solid var(--nacht);border-radius:18px;width:26%;height:auto;position:absolute;bottom:-36px;right:-28px;transform:rotate(6deg);box-shadow:0 18px 30px #00000047}@media (max-width:860px),(hover:none){.index-zweef{display:none}}@media (max-width:720px){.index-lijst a{grid-template-columns:28px minmax(0,1fr);row-gap:4px}.index-wat{text-align:left;grid-column:2;font-size:14px}.index-naam{font-size:clamp(30px,9vw,44px)}}@media (prefers-reduced-motion:reduce){.index-beeld,.index-naam{transition:none}}.pk-kaart .knoppen{column-gap:16px}@media (min-width:861px) and (max-height:900px){.pk-kaart{--pk-foto:clamp(110px, 10vw, 150px);--pk-pad:clamp(20px, 2.2vw, 30px);gap:10px}.pk-kaart-naam{font-size:clamp(30px,3.4vw,48px)}.pk-lijst li{padding-block:5px}}@media (min-width:861px) and (max-height:760px){.pk{padding-top:100px;padding-bottom:72px}.pk-kaart-zin{display:none}}.index[data-wijst] .index-lijst li:not([data-aan]){opacity:.55}.contact-klaar h1:focus{outline:none}.knop--rand:after{background:var(--bg);transition:transform .52s cubic-bezier(.5,0,.2,1.4),color .2s .12s,background-color .2s}.knop--rand:hover:after,.knop--rand:focus-visible:after{background:var(--fg)}.kransen--duo{flex-wrap:nowrap;gap:4px clamp(16px,2.6vw,36px);display:flex}.kransen--hero{justify-content:center;margin-top:clamp(4px,1vh,12px)}.persoonlijk .kransen--duo{justify-content:start;display:flex}@media (max-width:860px){.persoonlijk .kransen--duo{justify-content:center}}@media (max-width:560px){.kransen--duo{gap:4px 10px}.kransen--duo .krans{grid-template-columns:20px auto 20px}.kransen--duo .krans-tak{width:20px;height:50px}.kransen--duo .krans-tekst strong{font-size:18px}.kransen--duo .krans-boven,.kransen--duo .krans-onder{font-size:9.5px}}.dia-laptop.dia-wit .dia-binnen{padding:0}.dia-laptop .laptop-doek{width:100vw;height:100svh;max-height:none;margin-inline:calc(50% - 50vw)}.balk{transition:opacity .5s}html:has(.laptop[data-intro]) .balk{opacity:0;pointer-events:none}html:has(.laptop[data-intro]) .balk>*{pointer-events:none}.laptop-bellen{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.laptop-doek{z-index:1}.laptop-bel{--bel-h:clamp(46px, 4.4vw, 62px);height:var(--bel-h);padding-inline:calc(var(--bel-h) * .42);background:var(--wit);animation:bel-in .76s cubic-bezier(.2, 1.5, .3, 1) var(--wacht) both, bel-slurp .56s cubic-bezier(.55, 0, .9, .35) var(--slurp) forwards;border-radius:999px;place-items:center;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 14px 30px #0d0b1a24}.laptop-bel--donker{background:var(--nacht)}@keyframes bel-in{0%{opacity:0;transform:translate(var(--sx), var(--sy)) scale(0)}to{opacity:1;transform:translate(var(--sx), var(--sy)) scale(1)}}@keyframes bel-slurp{0%{opacity:1;transform:translate(var(--sx), var(--sy)) scale(1)}22%{transform:translate(calc(var(--sx) * 1.05), calc(var(--sy) * 1.05)) scale(1.08)}85%{opacity:1}to{opacity:0;transform:translateY(-6vh)scale(.12)}}@media (max-width:560px){.laptop-bel{--bel-h:36px}.laptop-bel img{max-width:64px}}@media (prefers-reduced-motion:reduce){.laptop-bellen{display:none}:is(html:has(.laptop[data-intro]) .balk,html:has(.laptop[data-intro]) .balk>*){opacity:1;pointer-events:auto}}:is(html:has(.laptop[data-intro]) .balk:focus-within,html:has(.laptop[data-intro]) .balk:focus-within>*){opacity:1;pointer-events:auto}.tt-laadbalk{z-index:2;background:var(--accent);transform-origin:0;pointer-events:none;border-radius:999px;height:.06em;min-height:3px;position:absolute;bottom:-.14em;left:0;right:0;transform:scaleX(0)}.tt-toets,.tt-letter{backface-visibility:hidden}.portret-met-naam{justify-items:center;display:grid;position:relative}.naamkaart{z-index:5;background:var(--wit);color:var(--inkt);border-radius:16px;gap:2px;margin:0;padding:12px 18px 13px;display:grid;position:absolute;bottom:4%;left:-6%;rotate:-3deg;box-shadow:0 16px 34px #0d0b1a29}.naamkaart strong{font:800 clamp(20px, 1.8vw, 26px) / 1.05 var(--titel);letter-spacing:-.03em}.naamkaart span{font:600 13px/1.3 var(--letter);color:color-mix(in srgb, var(--inkt) 70%, var(--wit))}@media (max-width:860px){.naamkaart{white-space:nowrap;width:max-content;margin-inline:auto;padding:8px 12px 9px;bottom:-6px;left:0;right:0}.naamkaart strong{font-size:17px}.naamkaart span{font-size:11px}}.intro{right:var(--rand);z-index:6;filter:url(#vloei);position:absolute;bottom:clamp(70px,11vh,110px)}.intro-kaart{aspect-ratio:3/4;background:var(--nacht);cursor:pointer;width:clamp(150px,13vw,200px);transition:transform .4s var(--uit);border:0;border-radius:22px;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 18px 40px #0d0b1a33}.intro:hover .intro-kaart{transform:rotate(-2deg)scale(1.03)}.intro-kaart video{object-fit:cover;width:100%;height:100%;display:block}.intro-kaart .intro-poster{object-fit:cover}.intro-kaart video{position:relative}.intro-voorbeeld{color:var(--inkt);font:700 10px/1.3 var(--letter);background:#ffffffd9;border-radius:999px;padding:3px 8px;position:absolute;top:8px;left:8px}.intro-label{background:var(--wit);color:var(--inkt);font:700 12px/1 var(--letter);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:6px 10px 6px 6px;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.intro-speel{background:var(--roze-donker);width:24px;height:24px;color:var(--wit);border-radius:50%;place-items:center;font-size:9px;display:grid}.intro-app{z-index:-1;width:56px;height:56px;color:var(--wit);background:#25d366;border-radius:50%;place-items:center;transition:transform .56s cubic-bezier(.5,0,.2,1.4);display:grid;position:absolute;top:50%;left:0;transform:translate(10px,-50%)scale(.4)}.intro:hover .intro-app,.intro:focus-within .intro-app{z-index:1;transform:translate(calc(-100% - 14px),-50%)scale(1)}.intro-app:focus-visible,.intro-kaart:focus-visible{outline:3px solid var(--fg);outline-offset:3px}.intro:focus-within{filter:none}@media (hover:none){.intro-app{z-index:1;transform:translate(calc(-100% - 10px),-50%)scale(1)}}@media (max-width:860px){.intro{right:auto;left:var(--rand);filter:none;bottom:22px}.intro-kaart{border-radius:14px;width:64px}.intro-label{display:none}.intro-voorbeeld{text-align:center;padding:2px 0;font-size:8px;inset:auto 3px 3px}.intro-app{width:48px;height:48px;left:auto;right:0;transform:translate(calc(100% + 10px),-50%)scale(1)}}@media (prefers-reduced-motion:reduce){.intro-app,.intro-kaart{transition:none}}.intro{right:var(--rand);z-index:50;position:fixed;bottom:20px}.intro .intro-kaart{width:clamp(120px,10vw,160px)}html[data-menu=open] .intro{opacity:0;pointer-events:none}@media (max-width:860px){.intro{left:auto;right:var(--rand);bottom:16px}.intro .intro-kaart{width:64px}.intro-app{left:0;right:auto;transform:translate(calc(-100% - 10px),-50%)scale(1)}}html[data-palet=nieuw]{--nacht:#1f1f1f;--inkt:#1f1f1f;--paars:#724cf9;--paars-diep:#5b36e0;--roze:#f56476;--roze-donker:#c93a50;--hemel:#ffe066;--blauw:#724cf9;--blauw-donker:#5b36e0;--zee:#5b36e0}html[data-palet=nieuw] .vlak-paars,html[data-palet=nieuw] .pk.vlak-paars{--fg:var(--wit)}html[data-palet=nieuw][data-vlak=paars]{--balk-fg:var(--wit)}html[data-palet=nieuw] .vlak-roze{--fg:var(--nacht)}html[data-palet=nieuw] .vlak-licht,html[data-palet=nieuw] .vlak-cremeroze{--accent:var(--blauw-donker)}html[data-palet=nieuw] .pk.vlak-paars .pk-kaart{--pk-kleur:#5b36e0}html[data-palet=nieuw] .pk.vlak-roze .pk-kaart{--pk-kleur:#c93a50}html[data-palet=nieuw] .pk.vlak-hemel .pk-kaart{--pk-kleur:#1f1f1f}html[data-palet=nieuw] .pk-kaart[data-plek="1"]{background:#fde3e7}html[data-palet=nieuw] .pk-kaart[data-plek="2"]{background:#fbcdd4}html[data-palet=nieuw] .laptop-briefje{background:#ffe9a3}html[data-palet=nieuw] .laptop-briefje .knop{--bg:#ffe9a3}html[data-palet=nieuw] .hblok[data-kleur="2"],html[data-palet=nieuw] .dia-balken>span[data-kleur="2"]{--blok:var(--hemel);--balk:var(--hemel)}html[data-palet=koraal]{--nacht:#1f1f1f;--inkt:#1f1f1f;--paars:#a259ff;--paars-diep:#7a2fe0;--roze:#ff7262;--roze-donker:#c8432f;--hemel:#fff07c;--blauw:#a259ff;--blauw-donker:#7a2fe0;--zee:#7a2fe0;--grijs:#6f686d}html[data-palet=koraal] .vlak-paars,html[data-palet=koraal] .pk.vlak-paars{--fg:#0f0f0f}html[data-palet=koraal][data-vlak=paars]{--balk-fg:#0f0f0f}html[data-palet=koraal] .vlak-roze{--fg:var(--nacht)}html[data-palet=koraal] .vlak-licht,html[data-palet=koraal] .vlak-cremeroze{--accent:var(--blauw-donker)}html[data-palet=koraal] :is(.vlak-licht,.vlak-creme,.vlak-cremeroze) :is(.groot,.reus):not(.hero-kop){color:var(--grijs)}html[data-palet=koraal] .pk.vlak-paars .pk-kaart{--pk-kleur:#7a2fe0}html[data-palet=koraal] .pk.vlak-roze .pk-kaart{--pk-kleur:#c8432f}html[data-palet=koraal] .pk.vlak-hemel .pk-kaart{--pk-kleur:#1f1f1f}html[data-palet=koraal] .pk-kaart[data-plek="1"]{background:#ffe2de}html[data-palet=koraal] .pk-kaart[data-plek="2"]{background:#ffcbc4}html[data-palet=koraal] .laptop-briefje{background:#fff6b8}html[data-palet=koraal] .laptop-briefje .knop{--bg:#fff6b8}html[data-palet=koraal] .hblok[data-kleur="2"],html[data-palet=koraal] .dia-balken>span[data-kleur="2"]{--blok:var(--hemel);--balk:var(--hemel)}html[data-palet=koraal]{--creme:#f5f5f5}html[data-palet=koraal] :is(.dia-hero.vlak-licht,.vlak-licht.dia-wit,.contact){--bg:#f5f5f5}.menu-toets:hover .menu-toets-label,.menu-toets:focus-visible .menu-toets-label{color:inherit}html[data-palet=ivoor]{--nacht:#1f1f1f;--inkt:#1f1f1f;--paars:#724cf9;--paars-diep:#5b36e0;--roze:#f56476;--roze-donker:#f56476;--hemel:#fff07c;--blauw:#724cf9;--blauw-donker:#5b36e0;--zee:#5b36e0;--creme:#fffdeb;--grijs:#6f686d}html[data-palet=ivoor] :is(.dia-hero.vlak-licht,.vlak-licht.dia-wit,.contact){--bg:#f5f5f5}html[data-palet=ivoor] :is(.vlak-licht,.vlak-creme,.vlak-cremeroze,.contact){--zacht:var(--grijs)}html[data-palet=ivoor] .vlak-paars,html[data-palet=ivoor] .pk.vlak-paars{--fg:var(--wit)}html[data-palet=ivoor][data-vlak=paars]{--balk-fg:var(--wit)}html[data-palet=ivoor] .vlak-roze{--fg:var(--nacht)}html[data-palet=ivoor] :is(.vlak-licht,.vlak-cremeroze){--accent:var(--blauw-donker)}html[data-palet=ivoor] .knop--hoofd{background:var(--roze);color:var(--nacht)}html[data-palet=ivoor] .knop--hoofd:hover,html[data-palet=ivoor] .knop--hoofd:focus-visible{background:var(--nacht);color:var(--roze)}html[data-palet=ivoor] .vlak-nacht .knop--hoofd:hover,html[data-palet=ivoor] .vlak-nacht .knop--hoofd:focus-visible{background:var(--roze);color:var(--nacht)}html[data-palet=ivoor] .intro-speel{color:var(--nacht)}html[data-palet=ivoor] .pk.vlak-paars .pk-kaart{--pk-kleur:#5b36e0}html[data-palet=ivoor] .pk.vlak-roze .pk-kaart,html[data-palet=ivoor] .pk.vlak-hemel .pk-kaart{--pk-kleur:#1f1f1f}html[data-palet=ivoor] .pk-kaart[data-plek="1"]{background:#fde3e7}html[data-palet=ivoor] .pk-kaart[data-plek="2"]{background:#fbcdd4}html[data-palet=ivoor] .laptop-briefje{background:#fff6b8}html[data-palet=ivoor] .laptop-briefje .knop{--bg:#fff6b8}html[data-palet=ivoor] .hblok[data-kleur="2"],html[data-palet=ivoor] .dia-balken>span[data-kleur="2"]{--blok:var(--hemel);--balk:var(--hemel)}html[data-palet=ivoor] .balk .balk-menu .keycap{--kap:var(--paars);--kap-tekst:var(--wit)}.merken-kop .f5-geel{color:var(--hemel)}.review-blok{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(32px,6vw,96px);width:100%;display:grid}.review-portret{justify-self:center;width:min(100%,420px);margin:0;position:relative}.review-portret img{aspect-ratio:4/5;object-fit:cover;object-position:50% 30%;border-radius:999px 999px 28px 28px;width:100%;height:auto;display:block;box-shadow:0 24px 50px #1f1f1f24}.review-naam{background:var(--wit);min-width:60%;color:var(--inkt);text-align:center;border-radius:16px;gap:2px;padding:12px 20px 13px;display:grid;position:absolute;bottom:-18px;left:50%;translate:-50%;box-shadow:0 14px 30px #1f1f1f24}.review-naam strong{font:800 clamp(18px, 1.6vw, 22px) / 1.1 var(--titel);letter-spacing:-.02em}.review-naam span{font:600 13px/1.3 var(--letter);color:var(--grijs,#6f686d)}.review-tekst{text-align:left;gap:clamp(16px,2.6vh,26px);display:grid}.review-tekst blockquote{gap:12px;margin:0;display:grid}.review-tekst blockquote p{font:700 clamp(20px, 2vw, 28px) / 1.35 var(--letter);letter-spacing:-.01em;margin:0}.sterren{color:var(--paars)}@media (max-width:860px){.review-blok{text-align:center;grid-template-columns:1fr;justify-items:center}.review-portret{width:min(70vw,34vh,300px)}.review-tekst{text-align:center;justify-items:center}}html[data-menu=open] .balk .balk-cta:is(:hover,:focus-visible){background:var(--roze);color:var(--inkt)}.slider-stap:has(.keuzes){max-width:900px}.keuzes{gap:10px;display:grid}.keuze{background:color-mix(in srgb, var(--fg) 6%, transparent);width:100%;box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--fg) 14%, transparent);color:inherit;font:inherit;text-align:left;cursor:pointer;animation:in .6s var(--uit) calc(.2s + var(--i,0) * 70ms) both;transition:transform .22s var(--uit), box-shadow .22s;border:0;border-radius:18px;grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:18px;padding:clamp(12px,1.8vh,18px) 20px;display:grid}.keuze:hover{box-shadow:inset 0 0 0 1.5px var(--fg);transform:translate(6px)}.keuze:focus-visible{outline:3px solid var(--fg);outline-offset:3px}.keuze-label{flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:2px;display:flex}.slider-stap:has(.keuzes){gap:clamp(14px,2.4vh,26px);padding-block:96px 104px}.keuze .keycap{--kap:var(--wit);--kap-tekst:var(--nacht);transform:none}.keuze-tekst{gap:4px;display:grid}.keuze-titel{font:900 clamp(22px, 2.4vw, 32px) / 1.05 var(--letter);letter-spacing:-.035em}.keuze-zin{opacity:.78;font-size:14px;line-height:1.4}.keuze-pakket{font:700 12px/1.2 var(--letter);letter-spacing:.04em;text-transform:uppercase;opacity:.7;white-space:nowrap}.keuze-vink{opacity:.55;border-radius:50%;place-items:center;width:28px;height:28px;transition:background .16s,opacity .16s;display:grid;box-shadow:inset 0 0 0 2px}.keuze-vink--vak{border-radius:8px}.keuze[aria-pressed=true] .keuze-vink{opacity:1;background:currentColor}.keuze[aria-pressed=true] .keuze-vink:after{content:"";border-left:2.5px solid var(--vink,var(--bg));border-bottom:2.5px solid var(--vink,var(--bg));width:10px;height:6px;margin-top:-3px;rotate:-45deg}.keuze[aria-pressed=true]{box-shadow:inset 0 0 0 2.5px var(--fg)}.keuze[data-pakket=f5]{background:var(--paars);color:var(--wit);--vink:var(--paars)}.keuze[data-pakket=full]{background:var(--roze);color:var(--inkt);--vink:var(--roze)}.keuze[data-pakket=fast]{background:var(--hemel);color:var(--inkt);--vink:var(--hemel)}.keuze[data-pakket=weet-niet]{background:var(--inkt);color:var(--wit);--vink:var(--inkt)}.keuze[data-pakket]{box-shadow:none}.keuze[data-pakket][aria-pressed=true]{box-shadow:0 0 0 3px var(--bg), 0 0 0 5.5px var(--fg)}.keuze[data-pakket] .keuze-zin,.keuze[data-pakket] .keuze-pakket{opacity:1}@media (max-width:720px){.keuze{grid-template-columns:minmax(0,1fr) 24px;gap:6px 12px;padding:14px 16px}.keuze-vink{width:24px;height:24px}.keuze-titel{font-size:21px}.keuze-zin{font-size:13px}}.bericht-vak{width:min(100%,720px)}.slider-stap:has(.ticket){max-width:900px}.ticket{--t-bg:var(--paars);--t-fg:var(--wit);background:var(--t-bg);width:min(100%,640px);color:var(--t-fg);border-radius:26px;gap:22px;padding:clamp(22px,3vw,34px);animation:.9s cubic-bezier(.2,1.2,.3,1) .15s both ticket-in;display:grid;box-shadow:0 30px 60px #00000047}.ticket[data-kleur=roze]{--t-bg:var(--roze);--t-fg:var(--inkt)}.ticket[data-kleur=hemel]{--t-bg:var(--hemel);--t-fg:var(--inkt)}.ticket[data-kleur=nacht]{--t-bg:var(--wit);--t-fg:var(--inkt)}@keyframes ticket-in{0%{opacity:0;transform:translateY(40px)rotate(-3deg)scale(.94)}to{opacity:1;transform:rotate(-1deg)}}.ticket-kop{border-bottom:2px dashed color-mix(in srgb, currentColor 40%, transparent);justify-content:space-between;align-items:start;gap:16px;padding-bottom:18px;display:flex}.ticket-label{font:700 12px/1.2 var(--letter);letter-spacing:.06em;text-transform:uppercase;opacity:.8;display:block}.ticket-naam{font:900 clamp(28px, 3.6vw, 44px) / 1 var(--letter);letter-spacing:-.04em;margin-top:6px;display:block}.ticket-regels{gap:12px;margin:0;display:grid}.ticket-regels>div{animation:in .5s var(--uit) calc(.6s + var(--i,0) * .11s) both;grid-template-columns:130px minmax(0,1fr);gap:12px;display:grid}.ticket-regels dt{font:700 12px/1.6 var(--letter);letter-spacing:.06em;text-transform:uppercase;opacity:.8}.ticket-regels dd{font:700 17px/1.4 var(--letter);overflow-wrap:anywhere;margin:0}.ticket-hint{color:var(--zacht,inherit);animation:in .5s var(--uit) 1.3s both;align-items:center;gap:8px;font-size:15px;display:flex}.ticket-hint .keycap{--kap:var(--wit);--kap-tekst:var(--nacht);transform:none}@media (max-width:560px){.ticket-regels>div{grid-template-columns:1fr;gap:2px}.ticket{gap:14px}}.aftel{text-align:center;justify-items:center;max-width:none}.aftel-getal{font:900 clamp(200px, 42vh, 460px) / .8 var(--letter);letter-spacing:-.06em;animation:.82s cubic-bezier(.2,1.3,.3,1) both aftel}.aftel-zin{font:700 clamp(18px, 2vw, 24px) / 1.2 var(--letter);animation:in .4s var(--uit) both}@keyframes aftel{0%{opacity:0;transform:scale(1.8)rotate(-8deg)}45%{opacity:1;transform:scale(1)rotate(0)}85%{opacity:1;transform:scale(.96)}to{opacity:0;transform:scale(.7)}}.klaar{text-align:center;justify-items:center}.klaar-merk{color:var(--wit);animation:1.1s cubic-bezier(.2,1.2,.3,1) both klaar-merk}@keyframes klaar-merk{0%{opacity:0;transform:scale(.4)rotate(-180deg)}to{opacity:1;transform:none}}.klaar h1:focus{outline:none}.klaar-in{animation:in .6s var(--uit) calc(.5s + var(--i,0) * .14s) both}.klaar .lead{max-width:34ch}@media (prefers-reduced-motion:reduce){.keuze,.ticket,.ticket-regels>div,.ticket-hint,.klaar-merk,.klaar-in{animation:none}}.menu-toets:focus-visible{outline:none}.val-schijf[data-klein] img{height:30%}.pkv{--pk-kleur:var(--paars);--pk-tekst:var(--wit);gap:18px;display:grid}.pkv [data-pakket=full]{--pk-kleur:var(--roze);--pk-tekst:var(--inkt)}.pkv [data-pakket=fast]{--pk-kleur:var(--hemel);--pk-tekst:var(--inkt)}.pkv [data-pakket=f5]{--pk-kleur:var(--paars);--pk-tekst:var(--wit)}.pkv .keycap{transform:none}.pkv-label{font:700 12px/1.2 var(--letter);letter-spacing:.06em;text-transform:uppercase}.pkv-a-kaart,.pkv-b-tegel,.pkv-c-regel{animation:in .6s var(--uit) calc(.2s + var(--i,0) * 80ms) both}.pk-advies{background:color-mix(in srgb, var(--fg) 6%, transparent);max-width:100%;color:inherit;font:500 15px/1.35 var(--letter);text-align:left;cursor:pointer;animation:in .6s var(--uit) .52s both;border:0;border-radius:999px;justify-self:center;align-items:center;gap:12px;padding:12px 18px;transition:background .16s;display:flex}.pk-advies .keycap{--kap:var(--inkt);--kap-tekst:var(--wit);flex:none;transform:none}.pk-advies:hover,.pk-advies[aria-pressed=true]{background:color-mix(in srgb, var(--fg) 12%, transparent)}.pk-advies-pijl{transition:translate .2s var(--uit);font-weight:700}.pk-advies:hover .pk-advies-pijl{translate:4px}.pkv-a-kaarten{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.pkv-a-kaart{background:var(--wit);color:var(--inkt);transition:transform .25s var(--uit), box-shadow .25s;border-radius:22px;grid-template-rows:auto auto 1fr auto auto;gap:12px;padding:22px;display:grid;box-shadow:0 1px #0000000a,0 12px 30px #00000012}.pkv-a-kaart:hover{box-shadow:0 0 0 2px var(--pk-kleur), 0 20px 40px #0000001a;transform:translateY(-4px)}.pkv-a-kop{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.pkv-a-kop .keycap{--kap:var(--pk-kleur);--kap-tekst:var(--pk-tekst)}.pkv-a-titel{font:900 clamp(24px, 2.2vw, 32px) / 1.02 var(--letter);letter-spacing:-.035em;margin:4px 0 0}.pkv-a-zin{color:var(--grijs,#6f686d);margin:0;font-size:14px;line-height:1.45}.pkv-a-knop{background:var(--pk-kleur);min-height:46px;color:var(--pk-tekst);font:700 15px/1 var(--letter);cursor:pointer;border:0;border-radius:999px;transition:filter .16s}.pkv-a-knop:hover{filter:brightness(.94)}.pkv-a-knop[aria-pressed=true]{box-shadow:0 0 0 3px var(--wit), 0 0 0 5px var(--inkt)}.pkv-a-lijst{border-top:1px solid #00000014;gap:8px;margin:4px 0 0;padding:14px 0 0;font-size:13.5px;line-height:1.35;list-style:none;display:grid}.pkv-a-lijst li{padding-left:22px;position:relative}.pkv-a-lijst li:before{content:"";border-bottom:2px solid;border-left:2px solid;width:9px;height:5px;position:absolute;top:3px;left:2px;rotate:-45deg}.pkv-b-tegels{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.pkv-b-tegel{background:var(--wit);color:var(--inkt);font:inherit;text-align:left;cursor:pointer;transition:transform .25s var(--uit), box-shadow .25s;border:0;border-radius:26px;align-content:start;gap:0;padding:10px;display:grid;box-shadow:0 12px 30px #00000012}.pkv-b-tegel:hover{transform:translateY(-6px);box-shadow:0 22px 44px #0000001f}.pkv-b-tegel[aria-pressed=true]{box-shadow:0 0 0 3px var(--bg), 0 0 0 6px var(--inkt)}.pkv-b-beeld{aspect-ratio:16/11;background:color-mix(in srgb, var(--pk-kleur) 22%, #f3f2f6);border-radius:18px;place-items:center;padding:18px;display:grid;overflow:hidden}.pkv-b-tekst{gap:6px;padding:16px 12px 12px;display:grid}.pkv-b-pil{flex-wrap:wrap;justify-self:start;align-items:center;max-width:100%;display:inline-flex}.pkv-b-tekst{min-width:0}.pkv-b-pil .keycap{--kap:var(--pk-kleur);--kap-tekst:var(--pk-tekst)}.pkv-b-tegel[data-pakket=full] .pkv-b-pil .keycap{--kap:#cf3449;--kap-tekst:var(--wit)}.pkv-b-zin{color:var(--grijs,#6f686d);margin-top:6px;font-size:14px;line-height:1.45}.pkv-c{gap:6px}.pkv-c-regel{color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background .22s var(--uit), color .22s;background:0 0;border:0;border-radius:20px;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:20px;padding:14px 20px;display:grid}.pkv-c-regel .keycap{--kap:var(--pk-kleur);--kap-tekst:var(--pk-tekst)}.pkv-c-titel{font:900 clamp(32px, 4.6vw, 68px) / .98 var(--letter);letter-spacing:-.045em;display:block}.pkv-c-zin{opacity:0;max-height:0;transition:max-height .3s var(--uit), opacity .2s, margin .3s var(--uit);font-size:15px;line-height:1.4;display:block;overflow:hidden}.pkv-c-pijl{font:700 clamp(26px, 3vw, 40px) / 1 var(--letter);opacity:0;transition:opacity .2s, translate .26s var(--uit);translate:-10px}.pkv-c-regel:is(:hover,:focus-visible,[aria-pressed=true]){background:var(--pk-kleur);color:var(--pk-tekst);outline:none}.pkv-c-regel:is(:hover,:focus-visible,[aria-pressed=true]) .keycap{--kap:var(--wit);--kap-tekst:var(--inkt)}.pkv-c-regel:is(:hover,:focus-visible,[aria-pressed=true]) .pkv-c-zin{opacity:1;max-height:4em;margin-top:8px}.pkv-c-regel:is(:hover,:focus-visible,[aria-pressed=true]) .pkv-c-pijl{opacity:1;translate:0}.pk-advies--groot{justify-self:start;margin:10px 0 0 20px}@media (max-width:860px){.pkv-a-kaarten,.pkv-b-tegels{grid-template-columns:1fr}.pkv-a-lijst{display:none}.pkv-a-kaart{grid-template-rows:none;gap:8px;padding:18px}.pkv-b-tegel{grid-template-columns:112px minmax(0,1fr);align-items:center;padding:8px}.pkv-b-beeld{aspect-ratio:1}.pkv-b-tekst{padding:6px 8px}.pkv-c-regel{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:12px 14px}.pkv-c-toets{grid-column:1/-1}.pk-advies{font-size:14px}}@media (prefers-reduced-motion:reduce){.pkv-a-kaart,.pkv-b-tegel,.pkv-c-regel,.pk-advies{animation:none}}.pk-titel{text-align:center}.pkv-b-beeld{place-items:end center;padding:26px 22px 0}.wg{width:min(100%,300px);height:calc(100% + 16px);color:var(--inkt);transition:transform .3s var(--uit);background:#fff;border-radius:16px;margin-bottom:-16px;padding:12px 12px 28px;display:grid;box-shadow:0 -1px #0000000a,0 -8px 24px #00000012}.pkv-b-tegel:hover .wg{transform:translateY(-8px)}.wg-in{animation:wg-in 6s var(--uit) infinite both;animation-delay:calc(var(--d,0) * .18s + .3s)}@keyframes wg-in{0%{opacity:0;transform:translateY(8px)scale(.92)}10%,80%{opacity:1;transform:none}90%,to{opacity:0;transform:translateY(-4px)}}.wg-venster{background:#f6f5f9;border-radius:10px;grid-template-rows:auto 1fr;display:grid;overflow:hidden}.wg-balk{background:#eceaf1;align-items:center;gap:4px;padding:6px 8px;display:flex}.wg-balk i{background:#cfcbd8;border-radius:50%;width:6px;height:6px}.wg-adres{font:600 9px/1.2 var(--letter);color:#8a8494;background:#fff;border-radius:999px;margin-left:6px;padding:2px 8px}.wg-adres span{vertical-align:top;white-space:nowrap;border-right:1px solid #0000;animation:6s steps(11,end) infinite both wg-typ;display:inline-block;overflow:hidden}@keyframes wg-typ{0%{border-color:#8a8494;max-width:0}12%{border-color:#8a8494;max-width:11ch}14%,88%{border-color:#0000;max-width:11ch}to{max-width:0}}.wg-pagina{align-content:start;gap:5px;padding:8px;display:grid}.wg-nav{justify-content:flex-end;gap:4px;display:flex}.wg-nav span{background:#d9d6e0;border-radius:2px;width:14px;height:4px}.wg-held{background:var(--pk-kleur);transform-origin:0;border-radius:6px;height:42px}.wg-regel{transform-origin:0;background:#d9d6e0;border-radius:3px;height:5px}.wg-regel--kort{width:60%}.wg-blokjes{grid-template-columns:repeat(3,1fr);gap:4px;margin-top:2px;display:grid}.wg-blokjes span{background:#e7e4ec;border-radius:4px;height:22px}.wg-bord{grid-template-rows:1fr auto;grid-template-columns:1fr 1fr;gap:6px;display:grid}.wg-letters,.wg-logo{background:#f6f5f9;border-radius:10px;place-items:center;min-height:70px;display:grid}.wg-letters{font:900 34px/1 var(--letter);letter-spacing:-.04em}.wg-logo span{aspect-ratio:1;background:var(--pk-kleur);border-radius:50%;width:58%}@keyframes wg-plop{0%{opacity:0;transform:scale(.2)}7%{opacity:1;transform:scale(1.12)}11%,80%{opacity:1;transform:none}90%,to{opacity:0;transform:scale(.6)}}.wg-kleuren{grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.wg-kleuren span{border-radius:5px;height:22px}.wg-kleuren span:first-child{background:var(--pk-kleur)}.wg-kleuren span:nth-child(2){background:var(--inkt)}.wg-kleuren span:nth-child(3){background:#e9e5f2}.wg-kleuren span:nth-child(4){background:color-mix(in srgb, var(--pk-kleur) 40%, #fff)}.wg-staven{background:repeating-linear-gradient(0deg,#0000 0 24px,#e9e7ee 24px 25px),#f6f5f9;border-radius:10px;grid-template-columns:repeat(8,1fr);align-items:end;gap:5px;padding:10px 6px 0;display:grid;position:relative;overflow:hidden}.wg-staven span{height:var(--h);transform-origin:bottom;background:#d9d6e0;border-radius:999px 999px 0 0}.wg-staven .wg-in{animation-name:wg-groei}@keyframes wg-groei{0%{transform:scaleY(0)}12%,82%{transform:none}94%,to{transform:scaleY(0)}}.wg-staven span[data-nu]{background:var(--inkt)}.pkv-b-tegel[data-pakket=fast] .wg-staven span:nth-child(n+5):not([data-nu]){background:color-mix(in srgb, var(--pk-kleur) 70%, #c9b400)}.wg-lijn{pointer-events:none;width:calc(100% - 12px);height:calc(100% - 10px);position:absolute;inset:10px 6px 0;overflow:visible}.wg-lijn polyline{fill:none;stroke:var(--inkt);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.wg-lijn{animation:6s ease-in-out 1s infinite both wg-teken}@keyframes wg-teken{0%{clip-path:inset(-10% 100% -10% -10%);opacity:1}22%,72%{clip-path:inset(-10%);opacity:1}80%,to{clip-path:inset(-10%);opacity:0}}html[data-rustig] .wg-in,html[data-rustig] .wg-adres span,html[data-rustig] .wg-lijn{animation:none}@media (prefers-reduced-motion:reduce){.wg-in,.wg-staven .wg-in,.wg-logo .wg-in,.wg-adres span,.wg-lijn{animation:none}}@media (max-width:860px){.pkv-b-beeld{aspect-ratio:auto;height:112px;padding:12px 8px 0}.wg{padding:6px 6px 22px}.wg-letters{font-size:22px}.wg-letters,.wg-logo{min-height:44px}.wg-held{height:26px}.wg-blokjes span,.wg-kleuren span{height:12px}}@media (max-width:400px){.pkv-b-tegel{grid-template-columns:minmax(0,1fr)}.pkv-b-beeld{height:92px}}.js .diashow>.dia-hero .na{opacity:1}.js .diashow>.dia-hero[data-gezien] .na{animation-name:in-schuif;animation-delay:calc(var(--i,0) * .11s)}@keyframes in-schuif{0%{transform:translateY(16px)}to{transform:none}}.laptop-briefje-logo{object-fit:contain;object-position:left center;width:auto;max-width:160px;height:34px;margin-bottom:8px;display:block}.laptop-briefje-logo--wit{filter:brightness(0)}.dia-laptop.dia-wit{background:radial-gradient(55% 42% at 50% 30%,#ffffffd9,#0000 72%),radial-gradient(48% 22% at 50% 86%,#ffffffb3,#0000 75%),linear-gradient(#e4e3e8 0%,#eeedf1 34%,#e9e8ed 52%,#dddce3 60%,#e6e5ea 66%,#f1f0f4 82%,#f7f6f9 100%);position:relative}.dia-laptop.dia-wit .dia-binnen{background:0 0}.team{grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:1100px){.team{grid-template-columns:repeat(7,minmax(0,1fr))}}.team-kaart{aspect-ratio:3/4;background:color-mix(in srgb, var(--fg) 7%, transparent);animation:in .6s var(--uit) calc(.2s + var(--i,0) * 70ms) both;border-radius:20px;position:relative;overflow:hidden}.team-foto{object-fit:cover;object-position:center 20%;transition:transform .5s var(--uit)}.team-toets{position:absolute;top:12px;left:12px}@media (prefers-reduced-motion:reduce){.team-kaart{animation:none}}.venster{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 0 0 1px #0000000f,0 40px 80px -30px #00000059}.venster-balk{background:#f1f0f4;align-items:center;gap:6px;padding:10px 14px;display:flex}.venster-balk i{background:#d4d1da;border-radius:50%;width:10px;height:10px}.venster-balk span{font:500 12px/1.3 var(--letter);color:#6f686d;background:#fff;border-radius:999px;margin:0 auto;padding:3px 14px}.venster-beeld{aspect-ratio:1440/972;object-fit:cover;background:#f1f0f4;width:100%;display:block}.venster-balk span{margin-left:auto}.venster-knop{width:28px;height:22px;color:var(--inkt);cursor:pointer;background:#fff;border:0;border-radius:6px;place-items:center;margin-left:auto;font-size:10px;display:grid}.venster-knop:focus-visible{outline:2px solid var(--inkt);outline-offset:2px}.team-toets{top:10px;left:10px}.pk-kaart{min-width:0}@media (max-width:360px){.pk-kaart .knoppen{flex-wrap:wrap}}html[data-palet=ivoor][data-vlak=paars] .balk .balk-menu .keycap{--kap:var(--wit);--kap-tekst:var(--paars)}.voet-onder a,.slot-voet a{white-space:nowrap}.team{grid-template-columns:repeat(auto-fill,minmax(min(100%,128px),1fr))}@media (max-width:860px){.intro{transition:opacity .3s var(--uit), visibility 0s linear 0s}html:has(.diashow>.dia:first-child:not([data-actief])) .intro{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s var(--uit), visibility 0s linear .3s}}.dia-laptop .laptop-laden{height:100svh}.ip-plek{align-content:center;justify-items:center;gap:18px;min-height:100svh;padding:84px 16px 28px;display:grid}.ip-stand{perspective:1800px;width:min(78vw,350px,38svh);position:relative;container-type:inline-size}.ip-romp{aspect-ratio:71.6/147.6;transform-style:preserve-3d;transition:transform 1.5s cubic-bezier(.5,0,.15,1);animation:1.5s cubic-bezier(.2,.7,.2,1) both ip-binnen;position:relative;transform:rotateY(214deg)rotateX(16deg)rotate(-9deg)scale(.9)}@keyframes ip-binnen{0%{translate:0 70% -420px;rotate:.2 1 0 -70deg}}.ip-romp[data-voor]{transform:rotateY(0)rotateX(4deg)}html[data-rustig] .ip-romp{transition:none;animation:none}.ip-voor,.ip-achter,.ip-laag{border-radius:15cqw;position:absolute;inset:0}.ip-voor,.ip-achter{backface-visibility:hidden}.ip-voor{background:linear-gradient(135deg,#d9d9de,#8d8d94 30%,#c7c7cd 55%,#77777e 80%,#b9b9bf);padding:1.1cqw;transform:translateZ(1.6cqw);box-shadow:0 2cqw 6cqw #0d0b1a38}.ip-laag{transform:translateZ(calc(var(--z) * .35cqw));background:linear-gradient(90deg,#6f6f76,#b4b4ba 50%,#6f6f76)}.ip-achter{transform-style:preserve-3d;background:radial-gradient(120% 70% at 30% 10%,#ffffff38,#0000 60%),linear-gradient(160deg,#8f74ff,#6a46f2 45%,#4b2bc7);transform:rotateY(180deg)translateZ(1.6cqw);box-shadow:inset 0 0 0 1.1cqw #a9a9b0,inset 0 0 0 1.5cqw #0000002e}.ip-f5{aspect-ratio:1;filter:drop-shadow(0 .4cqw .6cqw #00000040);background:linear-gradient(140deg,#fff,#d8d2ff 40%,#fff 60%,#bfb4f5);width:24cqw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask:url(/f5-masker.svg) 50%/contain no-repeat;mask:url(/f5-masker.svg) 50%/contain no-repeat}.ip-camera{aspect-ratio:1;width:38cqw;transform-style:preserve-3d;position:absolute;top:3.5cqw;left:3.5cqw}.ip-bult{transform:translateZ(calc(var(--z) * .4cqw));backface-visibility:hidden;background:#4b2bc7;border-radius:10cqw;position:absolute;inset:0}.ip-bult--top{background:linear-gradient(150deg,#ffffff57,#ffffff0f),linear-gradient(160deg,#8f74ff,#6a46f2);transform:translateZ(1.6cqw);box-shadow:inset 0 0 0 .4cqw #ffffff4d}.ip-camera i{aspect-ratio:1;width:15cqw;transform-style:preserve-3d;position:absolute}.ip-camera i[data-n="1"]{top:3cqw;left:3cqw}.ip-camera i[data-n="2"]{top:20cqw;left:3cqw}.ip-camera i[data-n="3"]{top:11.5cqw;left:20cqw}.ip-camera i span{backface-visibility:hidden;background:linear-gradient(140deg,#c9c9cf,#5d5d64 50%,#a7a7ad);border-radius:50%;position:absolute;inset:0}.ip-camera i span:first-child{transform:translateZ(1.7cqw)}.ip-camera i span:nth-child(2){transform:translateZ(2.15cqw)}.ip-camera i span:nth-child(3){background:radial-gradient(circle at 40% 38%,#4a5a8a 0 8%,#10121c 22%,#05060a 55%,#2b2b33 60%,#8a8a92 66%,#3a3a42 72%);transform:translateZ(2.6cqw);box-shadow:0 .5cqw 1cqw #0006}.ip-camera b{aspect-ratio:1;background:radial-gradient(circle,#fff8e0,#d6c99a 60%,#8a8a92 70%);border-radius:50%;width:5cqw;position:absolute;top:4cqw;right:4cqw;transform:translateZ(1.8cqw)}.ip-zwart{background:#050507;border-radius:14cqw;height:100%;padding:2.6cqw}.ip-scherm{color:#fff;height:100%;font-family:-apple-system, BlinkMacSystemFont, "SF Pro Text", var(--letter);-webkit-tap-highlight-color:transparent;background:#000;border-radius:11.6cqw;position:relative;overflow:hidden}.ip-scherm:before{content:"";opacity:0;transition:opacity .6s var(--uit);background:radial-gradient(60% 40% at 20% 15%,#ffffff47,#0000 70%),radial-gradient(70% 50% at 90% 85%,#f56476,#0000 70%),linear-gradient(170deg,#5b36e0,#8b5cf6 45%,#c46ad6 75%,#f56476);position:absolute;inset:0}.ip-scherm[data-aan]:before{opacity:1}.ip-eiland{z-index:30;background:#000;border-radius:99px;width:31cqw;height:8.6cqw;position:absolute;top:3cqw;left:50%;transform:translate(-50%)}.ip-status{z-index:25;color:#fff;opacity:0;justify-content:space-between;align-items:center;height:14.4cqw;padding:0 8cqw 0 10cqw;font-size:4.4cqw;font-weight:600;line-height:1;transition:opacity .4s;display:flex;position:absolute;inset:0 0 auto}.ip-scherm[data-aan] .ip-status{opacity:1}.ip-status-rechts{align-items:center;gap:1.4cqw;display:flex}.ip-status svg{fill:currentColor;width:4.8cqw;height:auto}.ip-batterij{border:.3cqw solid #ffffff8c;border-radius:1.1cqw;width:7cqw;height:3.4cqw;padding:.4cqw;position:relative}.ip-batterij i{background:currentColor;border-radius:.5cqw;width:80%;height:100%;display:block}.ip-scherm:has(.ip-app[style*=\#ffffff]) .ip-status{color:#111}.ip-thuis{z-index:1;flex-direction:column;padding:17cqw 5.5cqw 4cqw;display:flex;position:absolute;inset:0}.ip-scherm:not([data-aan]) .ip-thuis{visibility:hidden}.ip-thuis>*{animation:ip-in .52s var(--uit) both;animation-delay:calc(80ms * var(--i,0))}.ip-scherm:not([data-aan]) .ip-thuis>*,.ip-scherm:not([data-aan]) .ip-raster li{animation-play-state:paused}@keyframes ip-in{0%{opacity:0;transform:scale(1.12)}}.ip-widget{-webkit-backdrop-filter:blur(12px);background:#fff3;border-radius:6cqw;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:3.4cqw;padding:4.4cqw;display:grid}.ip-widget-logo{aspect-ratio:1;background:#fff;grid-row:span 2;width:13cqw;-webkit-mask:url(/f5-masker.svg) 50%/contain no-repeat;mask:url(/f5-masker.svg) 50%/contain no-repeat}.ip-widget strong{font-size:4.6cqw;line-height:1.15}.ip-widget span:last-child{opacity:.85;font-size:3.4cqw}.ip-raster{grid-template-columns:repeat(4,minmax(0,1fr));gap:5cqw 3cqw;margin:6cqw 0 0;padding:0;list-style:none;animation:none;display:grid}.ip-raster li{animation:ip-in .52s var(--uit) both;animation-delay:calc(70ms * var(--i,0) + .12s)}.ip-map,.ip-app-knop{color:#fff;cursor:pointer;background:0 0;border:0;justify-items:center;gap:1.6cqw;width:100%;padding:0;display:grid}.ip-map:active .ip-map-icoon,.ip-app-knop:active .ip-icoon{transform:scale(.92)}.ip-map-icoon{aspect-ratio:1;-webkit-backdrop-filter:blur(10px);background:#ffffff4d;border-radius:3.8cqw;grid-template-columns:repeat(3,1fr);align-content:start;gap:1cqw;width:15.6cqw;padding:2cqw;transition:transform .16s;display:grid}.ip-map-icoon img{border-radius:1cqw;width:100%;height:auto}.ip-naam{text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px #0000004d;max-width:100%;font-size:3.4cqw;font-weight:500;line-height:1.2;overflow:hidden}.ip-map:focus-visible,.ip-app-knop:focus-visible,.ip-dock-app:focus-visible,.ip-thuisbalk:focus-visible,.ip-app-link:focus-visible{outline-offset:3px;border-radius:4cqw;outline:2px solid #fff}.ip-stippen{justify-content:center;gap:1.6cqw;margin-top:auto;padding:3cqw 0;display:flex}.ip-stippen i{aspect-ratio:1;background:#ffffff73;border-radius:50%;width:1.8cqw}.ip-stippen i:first-child{background:#fff}.ip-dock{-webkit-backdrop-filter:blur(14px);background:#ffffff3d;border-radius:8cqw;justify-content:space-between;padding:3.4cqw;display:flex}.ip-dock-app{aspect-ratio:1;color:#fff;border-radius:3.8cqw;place-items:center;width:15.6cqw;display:grid}.ip-dock-app svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:55%}.ip-dock-f5{background:#1f1f1f}.ip-dock-f5 span{aspect-ratio:1;background:#fff;width:62%;-webkit-mask:url(/f5-masker.svg) 50%/contain no-repeat;mask:url(/f5-masker.svg) 50%/contain no-repeat}.ip-dock-pakket{background:#724cf9}.ip-dock-ververs{color:#1f1f1f;background:#f56476}.ip-dock-contact{color:#724cf9;background:#fff}.ip-mapvak{z-index:10;-webkit-backdrop-filter:blur(22px)saturate(1.2);animation:ip-vak .32s var(--uit) both;background:#140a286b;align-content:center;justify-items:center;gap:5cqw;padding:0 7cqw;display:grid;position:absolute;inset:0}@keyframes ip-vak{0%{opacity:0}}.ip-mapnaam{color:#fff;margin:0;font-size:7.4cqw;font-weight:700;line-height:1.1}.ip-mapapps{-webkit-backdrop-filter:blur(30px);background:#fff3;border-radius:9cqw;grid-template-columns:repeat(3,minmax(0,1fr));gap:6cqw 4cqw;width:100%;margin:0;padding:6cqw 5cqw;list-style:none;animation:.38s cubic-bezier(.3,1.3,.5,1) both ip-mapopen;display:grid}@keyframes ip-mapopen{0%{opacity:0;transform:scale(.4)}}.ip-icoon{border-radius:4.4cqw;width:18.5cqw;height:auto;transition:transform .16s;box-shadow:0 1cqw 2.4cqw #0000002e}.ip-app{z-index:20;background:var(--app);animation:.42s cubic-bezier(.2,.9,.25,1) both ip-appopen;position:absolute;inset:0}@keyframes ip-appopen{0%{opacity:0;border-radius:20cqw;transform:scale(.3)}}.ip-app-start{z-index:2;background:var(--app);place-items:center;transition:opacity .3s;display:grid;position:absolute;inset:0}.ip-app-start img{border-radius:8cqw;width:34cqw;height:auto}.ip-app:not([data-opstart]) .ip-app-start{opacity:0;pointer-events:none}.ip-app-site{overscroll-behavior:contain;scrollbar-width:none;background:#fff;outline:none;position:absolute;inset:14.4cqw 0 0;overflow-y:auto}.ip-app-site::-webkit-scrollbar{display:none}.ip-app-site img{width:100%;height:auto;display:block}.ip-app-site img+img{margin-top:-1px}.ip-app-site:after{content:"";height:34cqw;display:block}.ip-app-balk{z-index:3;-webkit-backdrop-filter:blur(16px);color:#fff;animation:ip-in .42s var(--uit) .7s both;background:#141418b8;border-radius:7cqw;align-items:center;gap:3cqw;padding:3cqw 3cqw 3cqw 4.4cqw;font-size:3.2cqw;line-height:1.25;display:flex;position:absolute;inset:auto 3.4cqw 8cqw}.ip-app-balk>span{opacity:.85;min-width:0;display:grid}.ip-app-balk strong{text-overflow:ellipsis;white-space:nowrap;opacity:1;font-size:3.8cqw;overflow:hidden}.ip-app-link{color:#1f1f1f;font:700 3.4cqw/1 var(--letter);background:#f56476;border-radius:99px;flex:none;padding:2.6cqw 4cqw;text-decoration:none}.ip-thuisbalk{z-index:4;cursor:pointer;background:0 0;border:0;width:50cqw;height:7cqw;padding:0;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.ip-thuisbalk:before{content:"";background:#fff;border-radius:99px;width:36cqw;height:1.4cqw;position:absolute;bottom:2.4cqw;left:50%;transform:translate(-50%);box-shadow:0 0 0 .4cqw #00000040}.ip-herstart{z-index:40;background:#000;position:absolute;inset:0}.ip-herstart:after{content:"";aspect-ratio:1;background:#fff;width:22cqw;animation:2.2s both ip-logo;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask:url(/f5-masker.svg) 50%/contain no-repeat;mask:url(/f5-masker.svg) 50%/contain no-repeat}@keyframes ip-logo{0%,20%{opacity:0}40%,80%{opacity:1}to{opacity:0}}.ip-knop{background:linear-gradient(90deg,#77777e,#c9c9cf,#85858c);border:0;border-radius:1cqw;width:1.2cqw;padding:0;position:absolute;transform:translateZ(0)}.ip-knop--actie{height:6%;top:17%;left:-.9cqw}.ip-knop--hoger{height:10%;top:26%;left:-.9cqw}.ip-knop--lager{height:10%;top:38%;left:-.9cqw}.ip-knop--zij{cursor:pointer;height:15%;top:29%;right:-.9cqw}.ip-knop--zij:before{content:"";position:absolute;inset:-2px -14px}.ip-knop--zij:focus-visible{outline:2px solid var(--paars);outline-offset:3px}.ip-knop--zij:active{transform:translate(-.4cqw)}.ip-schaduw{z-index:-1;filter:blur(4px);background:radial-gradient(closest-side,#0d0b1a4d,#0000);border-radius:50%;width:80%;height:10cqw;position:absolute;bottom:-6cqw;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.ip-romp,.ip-scherm:before{transition:none}.ip-romp,.ip-thuis>*,.ip-raster li,.ip-mapvak,.ip-mapapps,.ip-app,.ip-app-balk{animation:none}}.ip-uitgelicht{background:color-mix(in srgb, var(--app) 70%, #fff3);color:#fff;text-align:left;cursor:pointer;border:0;border-radius:6cqw;margin-top:6cqw;padding:0;transition:background .5s;box-shadow:0 1.4cqw 4cqw #0d0b1a33}.ip-uitgelicht:focus-visible{outline-offset:3px;outline:2px solid #fff}.ip-uitgelicht-binnen{animation:ip-wissel .5s var(--uit) both;align-items:center;gap:3.6cqw;padding:4.4cqw;display:flex}@keyframes ip-wissel{0%{opacity:0;transform:translateY(2cqw)}}.ip-uitgelicht .ip-icoon{flex:none;width:16cqw;box-shadow:0 0 0 .3cqw #ffffff59}.ip-uitgelicht-binnen>span{gap:.6cqw;min-width:0;font-size:3.3cqw;line-height:1.25;display:grid}.ip-uitgelicht small{letter-spacing:.06em;text-transform:uppercase;opacity:.8;font-size:2.8cqw;font-weight:600}.ip-uitgelicht strong{font-size:4.8cqw;line-height:1.1}.ip-uitgelicht[style*=\#eef24e],.ip-uitgelicht[style*=\#ffffff]{color:#1f1f1f}@media (prefers-reduced-motion:reduce){.ip-uitgelicht-binnen{animation:none}}.ip-thuis{transition:filter .32s var(--uit), transform .32s var(--uit)}.ip-scherm:has(.ip-mapvak) .ip-thuis{filter:blur(7px)brightness(.85);transform:scale(1.04)}.ip-mapapps{background:#ffffff42}@media (prefers-reduced-motion:reduce){.ip-thuis{transition:none}}.ip-mapsluit{color:#fff;cursor:pointer;background:#ffffff42;border:0;border-radius:99px;padding:2.4cqw 5cqw;font-size:3.6cqw;font-weight:600}.ip-mapsluit:focus-visible{outline-offset:3px;outline:2px solid #fff}.js .dia[data-gezien] .hblok-link[data-wissel] .hblok-logo{animation:.64s cubic-bezier(.3,.9,.3,1) both hblok-pop}@media (max-width:720px){.hblokken--smal .hblok-logo{width:18vw;height:8vw}}html[data-werk=toestel],html[data-werk=toestel] body{overscroll-behavior:none;height:100%;overflow:hidden}html[data-werk=toestel] .dia-laptop{height:100svh;min-height:0;overflow:hidden}.weergave{bottom:max(16px, env(safe-area-inset-bottom));z-index:45;-webkit-backdrop-filter:blur(14px);transition:opacity .4s var(--uit);background:#ffffffc7;border-radius:999px;gap:4px;padding:4px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #0d0b1a14,0 10px 30px #0d0b1a24}.weergave-knop{color:#4a4650;font:600 14px/1 var(--letter);cursor:pointer;transition:background .24s var(--uit), color .24s var(--uit);background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;display:inline-flex}.weergave-knop svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.weergave-knop[aria-pressed=true]{color:#fff;background:#1f1f1f}.weergave-knop:not([aria-pressed=true]):hover{background:#0d0b1a0f}.weergave-knop:focus-visible{outline:2px solid var(--paars);outline-offset:2px}html:has(.laptop[data-intro]) .weergave{opacity:0;pointer-events:none}html[data-werk=overzicht] .dia-index .dia-binnen{padding-bottom:96px}.ip-plek{gap:12px;height:100svh;min-height:0;padding:76px 16px 84px}.ip-stand{width:min(78vw,350px,48.5svh - 111.55px)}.ip-dock{padding:2.6cqw 3cqw 2cqw}.ip-dock-app{aspect-ratio:auto;color:#fff;border-radius:3.8cqw;justify-items:center;gap:1cqw;width:19cqw;text-decoration:none;display:grid}.ip-dock-icoon{aspect-ratio:1;color:#fff;border-radius:3.6cqw;place-items:center;width:14cqw;display:grid}.ip-dock-icoon.ip-dock-ververs{color:#1f1f1f}.ip-dock-icoon.ip-dock-contact{color:#724cf9}.ip-dock-icoon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:55%}.ip-dock-naam{white-space:nowrap;text-shadow:0 1px 2px #0000004d;font-size:2.9cqw;font-weight:600;line-height:1.1}.ip-dock-app:focus-visible{outline-offset:2px;outline:2px solid #fff}.ip-thuis{touch-action:none;padding-bottom:7cqw}.ip-thuisbalk--thuis{z-index:2}.ip-alle{z-index:12;touch-action:none;background:#140a288c;flex-direction:column;padding:16cqw 5cqw 6cqw;animation:.42s cubic-bezier(.2,.9,.25,1) both ip-alle-op;display:flex;position:absolute;inset:0}.ip-scherm:has(.ip-alle) .ip-thuis{filter:blur(10px)brightness(.7);transform:scale(.96)}@keyframes ip-alle-op{0%{opacity:0;transform:translateY(30%)}}.ip-alle-kop{justify-content:space-between;align-items:center;margin-bottom:5cqw;display:flex}.ip-alle-kop h2{color:#fff;margin:0;font-size:7.4cqw;font-weight:700;line-height:1.1}.ip-alle-klaar{color:#fff;cursor:pointer;background:#ffffff42;border:0;border-radius:99px;padding:2.4cqw 4.6cqw;font-size:3.6cqw;font-weight:600}.ip-alle-klaar:focus-visible{outline-offset:3px;outline:2px solid #fff}.ip-alle-raster{grid-template-columns:repeat(4,minmax(0,1fr));gap:5cqw 2.4cqw;margin:0;padding:0;list-style:none;display:grid}.ip-alle-raster .ip-icoon{border-radius:3.8cqw;width:15.6cqw}.ip-alle-raster li{animation:ip-in .42s var(--uit) both;animation-delay:calc(25ms * var(--i,0))}.ip-browser{z-index:3;background:var(--app);align-items:center;gap:2.4cqw;height:11cqw;padding:0 3.4cqw 2cqw;display:flex;position:absolute;inset:14.4cqw 0 auto}.ip-browser-terug{aspect-ratio:1;color:#1f1f1f;cursor:pointer;background:#ffffffeb;border:0;border-radius:50%;flex:none;place-items:center;width:9cqw;padding:0;display:grid;box-shadow:0 .4cqw 1.4cqw #0000002e}.ip-browser-terug svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:60%}.ip-browser-terug:focus-visible{outline-offset:2px;outline:2px solid #fff}.ip-browser-adres{color:#1f1f1f;white-space:nowrap;text-overflow:ellipsis;background:#ffffffeb;border-radius:99px;flex:1;justify-content:center;align-items:center;gap:1.2cqw;min-width:0;height:9cqw;padding:0 3cqw;font-size:3.3cqw;font-weight:500;display:flex;overflow:hidden}.ip-browser-adres svg{fill:none;stroke:currentColor;stroke-width:2.2px;flex:none;width:3.6cqw}.ip-app-site{inset:25.4cqw 0 0}@media (prefers-reduced-motion:reduce){.ip-alle,.ip-alle-raster li{animation:none}}.ip-thuisbalk,.ip-app-balk{touch-action:none}.ip-thuisbalk{height:10cqw}.dia.cs{grid-template-columns:minmax(0,1fr);min-height:0;overflow:visible}.cs .dia-binnen{max-width:1600px;padding:clamp(96px, 14vh, 150px) var(--rand) clamp(40px, 7vh, 80px);margin-inline:auto}.cs-kop{grid-template-columns:minmax(0,1fr) minmax(300px,400px);align-items:end;gap:clamp(24px,4vw,64px);display:grid}.cs-kop-tekst{justify-items:start;gap:14px;min-width:0;display:grid;container-type:inline-size}.cs-logo{object-fit:contain;object-position:left center;width:auto;max-width:160px;height:clamp(30px,3vw,42px)}.cs-logo--wit{filter:invert()}.cs-naam{font-family:var(--titel);letter-spacing:-.045em;text-wrap:balance;overflow-wrap:anywhere;margin:0;font-size:clamp(48px,7vw,120px);font-weight:700;line-height:.9}.cs-wat{max-width:30ch;font-family:var(--titel);letter-spacing:-.02em;color:var(--zacht,#6f686d);margin:0;font-size:clamp(20px,1.9vw,28px);font-weight:600;line-height:1.15}.cs-opdracht{background:var(--wit,#fff);font:600 14px/1.2 var(--letter);border-radius:999px;margin:4px 0 0;padding:8px 14px;box-shadow:0 1px 2px #0000000f}.cs-getallen{background:var(--wit,#fff);border-radius:20px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:18px 12px;width:100%;margin:14px 0 0;padding:clamp(18px,2vw,26px);display:grid;box-shadow:0 12px 30px #0000000f}.cs-getallen>div{text-align:center;flex-direction:column-reverse;justify-content:center;align-items:center;gap:6px;min-width:0;display:flex}.cs-getallen dd{font:700 clamp(26px, 3vw, 44px) / 1 var(--titel);letter-spacing:-.03em;margin:0}.cs-getallen dt{font:500 14px/1.3 var(--letter);color:var(--zacht,#6f686d)}@container (max-width:560px){.cs-getallen{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-getallen>div:last-child:nth-child(odd){grid-column:1/-1}}.cs-getallen .cs-volgt{letter-spacing:0;font-size:.6em}.cs-paneel{background:var(--wit,#fff);border-radius:20px;gap:20px;padding:clamp(20px,2vw,26px);display:grid;box-shadow:0 12px 30px #0000000f}.cs-paneel section{gap:10px;display:grid}.cs-paneel h2{font:500 13px/1.3 var(--letter);color:var(--zacht,#6f686d);margin:0}.cs-paneel p{font:600 16px/1.3 var(--letter);margin:0}.cs-team{flex-wrap:wrap;gap:10px 20px;margin:0;padding:0;list-style:none;display:flex}.cs-team li{align-items:center;gap:10px;display:flex}.cs-team img{object-fit:cover;border-radius:50%;width:40px;height:40px}.cs-team span{font:500 13px/1.3 var(--letter);color:var(--zacht,#6f686d);display:grid}.cs-team strong{font:600 15px/1.25 var(--letter);color:var(--fg,#1f1f1f)}.cs-live-knop{background:var(--fg,#1f1f1f);color:var(--bg,#fff);border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;padding:14px 18px;text-decoration:none;display:grid}.cs-live-knop span{font:600 15px/1.2 var(--letter)}.cs-live-knop small{font:500 13px/1.3 var(--letter);opacity:.7;overflow-wrap:anywhere;grid-row:2}.cs-live-knop i{grid-area:1/2/3;font-size:20px;font-style:normal}.cs-live-knop:hover,.cs-live-knop:focus-visible{background:var(--paars,#724cf9);color:#fff}.cs-live-knop:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.cs-volgt{color:var(--zacht,#6f686d);font-weight:500}@media (max-width:960px){.cs-kop{grid-template-columns:minmax(0,1fr)}}@media (max-width:420px){.cs-getallen{padding:18px}.cs-getallen dd{font-size:clamp(20px,6.4vw,26px)}}.cs-film{margin:clamp(32px,6vh,64px) 0 0}.cs-film .venster{border-radius:14px}.cs-film-beeld{position:relative;overflow:hidden}.cs-balken i{animation:cs-val var(--duur,.9s) cubic-bezier(.7, 0, .3, 1) both;animation-delay:calc(var(--n) * 25ms);transform:translateY(-101%)}@keyframes cs-val{0%{transform:translateY(-101%)}45%,55%{transform:translateY(0)}to{transform:translateY(101%)}}.cs-ververs{font:500 15px/1.4 var(--letter);color:var(--zacht,#6f686d);align-items:center;gap:12px;margin-top:16px;display:flex}.cs-ververs-toets{cursor:pointer;background:0 0;border:0;padding:0}.cs-ververs-toets .keycap{transition:transform .16s var(--uit)}.cs-ververs-toets:active .keycap{transform:translateY(3px)}.cs-ververs-toets:focus-visible{outline:2px solid var(--paars);outline-offset:4px;border-radius:8px}.cs-schermen{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:clamp(12px,1.6vw,24px);margin-top:clamp(56px,10vh,120px);display:grid}.cs-schermen>:nth-child(3){grid-column:1}.cs-schermen>:nth-child(4){grid-area:2/2}.cs-schermen{grid-template-areas:none}@media (min-width:761px){.cs-schermen{grid-template-columns:repeat(3,minmax(0,1fr))}.cs-schermen>:first-child{grid-area:1/1/auto/3}.cs-schermen>:nth-child(2){grid-area:1/3}.cs-schermen>:nth-child(3){grid-area:2/1}.cs-schermen>:nth-child(4){grid-area:2/2/auto/4}}.cs-beeld{grid-template-rows:1fr auto;gap:10px;min-width:0;margin:0;display:grid}.cs-beeld img{width:100%;height:auto;display:block}.cs-beeld--breed img{border-radius:12px;box-shadow:0 0 0 1px #0000000f}.cs-beeld figcaption{font:500 14px/1.4 var(--letter);color:var(--zacht,#6f686d)}.cs-beeld--merk .cs-telefoon{background:var(--merk);border-radius:12px;place-items:center;height:100%;min-height:0;padding:clamp(18px,3vw,44px);display:grid}.cs-telefoon img{aspect-ratio:780/1688;object-fit:cover;object-position:top;border:5px solid #111;border-radius:26px;width:auto;max-width:100%;height:100%;max-height:clamp(300px,34vw,560px);box-shadow:0 24px 50px -20px #00000073}.cs-live{margin-top:clamp(40px,7vh,72px)}.cs-meer .dia-binnen{padding-top:clamp(40px,6vh,72px);padding-bottom:clamp(64px,10vh,120px)}.cs-meer-kop{border-top:1px solid color-mix(in srgb, var(--fg) 12%, transparent);justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px;padding-top:18px;display:flex}.cs-meer-kop h2{font-family:var(--titel);letter-spacing:-.02em;margin:0;font-size:clamp(24px,2.4vw,34px);font-weight:700}.cs-meer-kop a{font:600 15px/1.4 var(--letter);color:inherit;text-underline-offset:3px}.cs-meer-rij{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.6vw,24px);margin:0;padding:0;list-style:none;display:grid}.cs-kaart{color:inherit;gap:12px;text-decoration:none;display:grid}.cs-kaart-beeld{background:#e9e8ed;border-radius:12px;overflow:hidden}.cs-kaart-beeld img{width:100%;height:auto;transition:transform .7s var(--uit);display:block}.cs-kaart:hover .cs-kaart-beeld img{transform:scale(1.03)}.cs-kaart-regel{font:500 15px/1.4 var(--letter);justify-content:space-between;gap:16px;display:flex}.cs-kaart-regel span{color:var(--zacht,#6f686d);text-align:right}.cs-kaart:focus-visible{outline:2px solid var(--paars);outline-offset:6px;border-radius:12px}@media (max-width:760px){.cs-kop{grid-template-columns:minmax(0,1fr)}.cs-schermen{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-schermen>:first-child,.cs-schermen>:nth-child(4){grid-area:auto/1/auto/-1}.cs-schermen>:nth-child(2){grid-area:2/1}.cs-schermen>:nth-child(3){grid-area:2/2}.cs-telefoon img{border-width:3px;border-radius:16px;width:100%;height:auto;max-height:none}.cs-meer-rij{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.cs-balken i{animation:none}.cs-kaart-beeld img{transition:none}}.cs-beeld--merk .cs-telefoon{min-height:320px;padding:0;display:block;position:relative}.cs-telefoon img{width:auto;max-width:none;height:86%;max-height:none;position:absolute;top:7%;left:50%;transform:translate(-50%)}.cs-live{justify-self:start;width:fit-content}.cs-tik{display:none}@media (hover:none){.cs-muis{display:none}.cs-tik{display:inline}}@media (max-width:760px){.cs-naam{font-size:clamp(48px,15vw,96px)}.cs-beeld--merk .cs-telefoon{aspect-ratio:.62;min-height:0}.cs-telefoon img{width:auto;height:88%;top:6%}}.overgang,.cs-balken{z-index:300;pointer-events:none;grid-template-columns:repeat(12,1fr);display:grid;position:fixed;inset:0}@media (max-width:720px){.overgang,.cs-balken{grid-template-columns:repeat(4,1fr)}.overgang i:nth-child(n+5),.cs-balken i:nth-child(n+5){display:none}}.overgang[data-stand=dicht]{pointer-events:auto}.overgang i,.cs-balken i{margin-inline:-.5px}.overgang i:nth-child(4n+1),.cs-balken i:nth-child(4n+1){background:var(--roze)}.overgang i:nth-child(4n+2),.cs-balken i:nth-child(4n+2){background:var(--paars)}.overgang i:nth-child(4n+3),.cs-balken i:nth-child(4n+3){background:var(--hemel)}.overgang i:nth-child(4n+4),.cs-balken i:nth-child(4n+4){background:var(--inkt)}.overgang[data-stand=dicht] i{animation:ov-dicht var(--dicht,.52s) cubic-bezier(.7, 0, .3, 1) calc(var(--n) * 22ms) both}.overgang[data-stand=open] i{animation:ov-open var(--open,.56s) cubic-bezier(.7, 0, .3, 1) calc(var(--n) * 22ms) both}@keyframes ov-dicht{0%{transform:translateY(-101%)}to{transform:none}}@keyframes ov-open{0%{transform:none}to{transform:translateY(101%)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference) and (min-width:761px){html:not([data-rustig]) .cs-film .venster{animation:linear both cs-groei;animation-timeline:view();animation-range:cover 8% cover 42%}}}@keyframes cs-groei{0%{border-radius:14px;margin-inline:0}to{border-radius:0;margin-inline:calc(50% - 50vw)}}.dia.cs{overflow-x:clip}@media (prefers-reduced-motion:reduce){.overgang{display:none}}html[data-rustig] *,html[data-rustig] :before,html[data-rustig] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}html[data-rustig] .overgang,html[data-rustig] .cs-balken{display:none}.rustig-knop{color:inherit;font:500 13px/1.3 var(--letter);text-align:left;cursor:pointer;opacity:.8;background:0 0;border:0;align-items:center;gap:10px;padding:6px 0;display:inline-flex}.rustig-knop:hover{opacity:1}.rustig-knop:focus-visible{outline-offset:4px;border-radius:4px;outline:2px solid}.rustig-schakel{background:color-mix(in srgb, currentColor 30%, transparent);border-radius:99px;flex:none;width:30px;height:18px;position:relative}.rustig-schakel:after{content:"";width:14px;height:14px;transition:transform .2s var(--uit);background:currentColor;border-radius:50%;position:absolute;top:2px;left:2px}.rustig-knop[aria-pressed=true] .rustig-schakel{background:var(--roze)}.rustig-knop[aria-pressed=true] .rustig-schakel:after{background:#fff;transform:translate(12px)}.rustig-knop--menu{margin-top:4px}@media (max-width:720px){.hblokken--breed{display:none}.hblokken--smal,.dia-balken{--kolommen:4}.dia-balken>span:not([data-smal]){display:none}.dia-balken[data-trap]>span{--start:calc(var(--max) * var(--fs))}.dia-balken>span{background:linear-gradient(to bottom, color-mix(in srgb, var(--fg) 16%, transparent) 0 calc(var(--max) * var(--fs) * .22), transparent 0), var(--balk)}}@media (min-width:721px){.hblokken--smal{display:none}}.team{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2.2vw,32px) clamp(12px,1.6vw,24px);max-width:1280px}@media (max-width:720px){.team{grid-template-columns:repeat(2,minmax(0,1fr))}}.team-kaart{aspect-ratio:auto;background:0 0;border-radius:0;align-content:start;gap:12px;display:grid;overflow:visible}.team-toets{aspect-ratio:1;background:color-mix(in srgb, var(--fg) 8%, transparent);box-shadow:0 6px 0 color-mix(in srgb, var(--inkt) 82%, transparent), 0 18px 30px -12px #0d0b1a59;transition:transform .16s var(--uit), box-shadow .16s var(--uit);border-radius:clamp(16px,2vw,26px);display:block;position:relative;top:auto;left:auto;overflow:hidden}.team-kaart:hover .team-toets{box-shadow:0 3px 0 color-mix(in srgb, var(--inkt) 82%, transparent), 0 12px 22px -12px #0d0b1a59;transform:translateY(3px)}.team-foto{object-fit:cover;object-position:center}.team-kaart:hover .team-foto{transform:none}.team-letter{color:#fff;font:900 clamp(34px, 4.2vw, 60px) / 1 var(--letter);letter-spacing:-.02em;text-shadow:0 2px 14px #00000059;position:absolute;top:clamp(10px,1.2vw,16px);right:clamp(12px,1.4vw,20px)}.team-onder{gap:2px;padding-top:6px;display:grid}.team-onder strong{font:800 clamp(17px, 1.5vw, 21px) / 1.15 var(--letter);letter-spacing:-.02em}.team-onder span{font:500 15px/1.35 var(--letter);color:var(--zacht,#6f686d)}@media (prefers-reduced-motion:reduce){.team-toets{transition:none}}.ip-scherm:after{content:"";z-index:35;border-radius:inherit;background:radial-gradient(60% 45% at var(--gx,30%) var(--gy,20%), #ffffff24, transparent 70%);mix-blend-mode:screen;pointer-events:none;transition:background-position .2s;position:absolute;inset:0}.cs-platform{align-items:center;gap:10px;display:inline-flex}.cs-platform img{width:1em;height:1em}.cs-tools{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.cs-tools li{background:color-mix(in srgb, var(--fg) 6%, transparent);font:600 13px/1.2 var(--letter);border-radius:999px;align-items:center;gap:7px;padding:6px 11px 6px 8px;display:inline-flex}.cs-tools img{width:16px;height:16px}.cs-tools i{background:var(--fg,#1f1f1f);width:16px;height:16px;color:var(--bg,#fff);font:800 11px/1 var(--letter);border-radius:5px;place-items:center;font-style:normal;display:grid}.cs-verhaal{gap:clamp(28px,5vh,56px);margin-top:clamp(56px,10vh,120px);display:grid}.cs-verhaal-deel{border-top:1px solid color-mix(in srgb, var(--fg) 12%, transparent);grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:16px clamp(24px,5vw,80px);padding-top:20px;display:grid}.cs-verhaal-deel h2{font:700 clamp(22px, 2.2vw, 30px) / 1.1 var(--titel);letter-spacing:-.02em;margin:0}.cs-verhaal-deel p{max-width:62ch;font:400 clamp(17px, 1.35vw, 19px) / 1.6 var(--letter);color:color-mix(in srgb, var(--fg) 82%, transparent);margin:0 0 1em}.cs-verhaal-deel p:last-child{margin-bottom:0}@media (max-width:760px){.cs-verhaal-deel{grid-template-columns:minmax(0,1fr)}}.cs-schermen{--pad:clamp(18px, 3vw, 44px)}.cs-beeld--desktop{padding:var(--pad);background:var(--merk);border-radius:12px}.cs-browser,.tab{background:#fff;border-radius:10px;display:block;overflow:hidden;box-shadow:0 0 0 1px #00000014,0 24px 50px -24px #00000073}.cs-browser img{width:100%;height:auto;box-shadow:none;border-radius:0;display:block}.tab-balk{background:#f1f0f4;align-items:center;gap:5px;padding:8px 12px;display:flex}.tab-balk i{background:#d4d1da;border-radius:50%;width:8px;height:8px}.tab-balk span{color:#6f686d;font:500 11px/1.3 var(--letter);background:#fff;border-radius:999px;margin:0 auto;padding:2px 12px}.cs-telefoon img{top:var(--pad);height:calc(100% - 2 * var(--pad))}@media (max-width:760px){.cs-telefoon img{height:88%;top:6%}}.cs-kaart-beeld{background:var(--merk,#e9e8ed);border-radius:12px;padding:clamp(16px,3vw,40px);display:block}.tab-beeld{aspect-ratio:1440/972;object-fit:cover;background:#f1f0f4;width:100%;display:block}.cs-kaart:hover .cs-kaart-beeld .tab{transform:translateY(-4px)}.cs-kaart-beeld .tab{transition:transform .5s var(--uit)}@media (prefers-reduced-motion:reduce){.cs-kaart-beeld .tab{transition:none}}.laptop-bel{--bel:clamp(58px, 6.2vw, 92px);width:var(--bel);height:var(--bel);background:#26242e;border-radius:50%;padding:0;box-shadow:inset 0 0 0 1px #ffffff0f,0 18px 40px #0000004d}.laptop-bel img{object-fit:contain;width:64%;max-width:none;height:34%}@media (max-width:720px){.laptop-bel{--bel:48px}}.melding{-webkit-backdrop-filter:blur(20px)saturate(1.4);color:#1d1d1f;width:340px;font-family:-apple-system, BlinkMacSystemFont, "SF Pro Text", var(--letter);background:#f6f6f8db;border-radius:18px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:12px 14px;text-decoration:none;animation:.52s cubic-bezier(.2,1.2,.3,1) .45s both melding-in;display:grid;box-shadow:0 0 0 .5px #0000001f,0 12px 32px #00000038}.melding[data-weg]{pointer-events:none;animation:.42s cubic-bezier(.6,0,.8,.3) both melding-uit}.melding[data-soort=mac]{--van:translateX(110%)}.melding[data-soort=ios]{--van:translateY(-130%);border-radius:6cqw;gap:2.8cqw;width:auto;padding:2.6cqw 3.2cqw}@keyframes melding-in{0%{opacity:0;transform:var(--van)}}@keyframes melding-uit{to{opacity:0;transform:var(--van)}}.melding-icoon{aspect-ratio:1;background:#1f1f1f;border-radius:9px;place-items:center;width:38px;display:grid}.melding[data-soort=ios] .melding-icoon{border-radius:2.4cqw;width:10cqw}.melding-icoon span{aspect-ratio:1;background:#fff;width:64%;-webkit-mask:url(/f5-masker.svg) 50%/contain no-repeat;mask:url(/f5-masker.svg) 50%/contain no-repeat}.melding-tekst{gap:1px;min-width:0;font-size:13px;line-height:1.3;display:grid}.melding[data-soort=ios] .melding-tekst{font-size:3.3cqw}.melding-kop{color:#6e6e73;justify-content:space-between;font-size:.85em;display:flex}.melding-tekst strong{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.melding:focus-visible{outline:2px solid var(--paars);outline-offset:3px}.ip-melding{z-index:38;position:absolute;inset:3cqw 3cqw auto}@media (prefers-reduced-motion:reduce){.melding,.melding[data-weg]{animation:none}.melding[data-weg]{display:none}}.portret-met-naam .naamkaart{z-index:5;box-shadow:none;text-align:center;white-space:normal;background:0 0;justify-items:center;gap:4px;margin:18px 0 0;padding:0;position:relative;rotate:0deg}.portret-met-naam .naamkaart strong{font:800 clamp(22px, 2vw, 28px) / 1.05 var(--titel);letter-spacing:-.03em}.portret-met-naam .naamkaart span{font:500 14px/1.35 var(--letter);color:var(--zacht,#6f686d)}.persoonlijk .knoppen{margin-top:clamp(10px,2vh,22px)}.portret-met-naam .stapel{margin-bottom:24%}@media (min-width:861px){.portret-met-naam .stapel{width:min(var(--maat), 30vw, 36vh)}}@media (max-width:860px){.diashow .persoonlijk .stapel,.verhaal .persoonlijk .stapel{width:min(var(--maat), 46vw, 23vh);margin:5vh auto 9%}.persoonlijk .stapel-foto{border-width:3px;border-radius:8px}.portret-met-naam .naamkaart{margin-top:12px}.persoonlijk .portret-met-naam{margin-bottom:10px}.portret-met-naam .naamkaart strong{font-size:20px}.portret-met-naam .naamkaart span{font-size:13px}.persoonlijk .knoppen{justify-content:center}.pk .pk-toetsen{gap:10px;margin-bottom:18px}.pk .pk-toets{border:1.5px solid color-mix(in srgb, var(--wit) 70%, transparent);text-align:center;grid-template-columns:1fr;place-items:center;min-height:64px;padding:12px 8px}.pk .pk-toets[aria-selected=true]{border-color:var(--wit);box-shadow:0 10px 24px #0000002e}.pk .pk-naam{width:min-content;font-size:15px;line-height:1.15}}.cs-kop-tekst{gap:0}.cs-kop-tekst .cs-logo{margin-bottom:14px}.cs-kop-tekst .cs-wat{margin-top:10px}.cs-kop-tekst .cs-opdracht{margin-top:18px}.cs-kop-tekst .cs-getallen{margin-top:22px}.cs-naam--lang{font-size:clamp(40px,5.6vw,96px)}@media (max-width:760px){.cs-naam{font-size:clamp(38px,12vw,56px)}.cs-naam--lang{font-size:clamp(30px,9.4vw,44px)}}.cbol{--bol:56px;--tussen:12px;right:var(--rand);z-index:50;width:var(--bol);height:var(--bol);filter:url(#vloei);position:fixed;bottom:20px}.cbol:before{content:"";width:var(--bol);position:absolute;top:0;bottom:0;right:0}.cbol:hover:before,.cbol[data-open]:before{width:calc(4 * var(--bol) + 3 * var(--tussen))}.cbol-foto{z-index:2;width:var(--bol);height:var(--bol);border:3px solid var(--wit);background:var(--wit);cursor:pointer;transition:transform .3s var(--uit);border-radius:50%;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 12px 28px #0d0b1a38}.cbol-foto img{object-fit:cover;width:100%;height:100%;display:block}.cbol:hover .cbol-foto{transform:scale(1.06)}.cbol-knop{z-index:1;color:var(--wit);transition:transform .56s cubic-bezier(.5,0,.2,1.4);transition-delay:calc(var(--n) * 50ms);border-radius:50%;place-items:center;text-decoration:none;display:grid;position:absolute;inset:0;transform:scale(.4)}.cbol-knop--whatsapp{background:#25d366}.cbol-knop--instagram{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.cbol-knop--linkedin{font:800 22px/1 var(--letter);letter-spacing:-.04em;background:#0a66c2}.cbol:hover .cbol-knop,.cbol[data-open] .cbol-knop{transform:translateX(calc(-1 * var(--n) * (100% + var(--tussen)))) scale(1)}.cbol:has(:focus-visible) .cbol-knop{transform:translateX(calc(-1 * var(--n) * (100% + var(--tussen)))) scale(1)}.cbol-knop:focus-visible,.cbol-foto:focus-visible{outline:3px solid var(--fg,#1f1f1f);outline-offset:3px}.cbol:has(:focus-visible){filter:none}html[data-menu=open] .cbol{opacity:0;visibility:hidden;pointer-events:none}@media (max-width:860px){.cbol{--bol:50px;--tussen:10px;transition:opacity .3s var(--uit), visibility 0s linear 0s;bottom:16px}html:has(.diashow>.dia:first-child:not([data-actief])) .cbol{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s var(--uit), visibility 0s linear .3s}}@media (prefers-reduced-motion:reduce){.cbol-knop,.cbol-foto{transition:none}}html[data-rustig] .cbol-knop,html[data-rustig] .cbol-foto{transition:none}.cs-logobol{background:color-mix(in srgb, var(--fg,#1f1f1f) 7%, transparent);border-radius:50%;place-items:center;width:64px;height:64px;margin-bottom:16px;display:grid}.cs-logobol--breed{border-radius:999px;width:auto;padding:0 22px}.cs-kop-tekst .cs-logobol .cs-logo{object-fit:contain;object-position:center;width:42px;max-width:none;height:42px;margin:0}.cs-getallen{flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:18px clamp(32px,4.5vw,64px);display:flex}.cs-getallen>div,.cs-getallen>div:last-child:nth-child(odd){text-align:left;grid-column:auto;justify-items:start;gap:6px;display:grid}.cs-getallen dt{order:0}.cs-getallen dd{align-items:center;gap:10px;display:flex}.cs-lopend{color:#15803d;font:600 13px/1 var(--letter);letter-spacing:0;white-space:nowrap;background:#22c55e29;border-radius:999px;padding:5px 10px}.cs-team-leeg{background:color-mix(in srgb, var(--fg,#1f1f1f) 8%, transparent);width:40px;height:40px;color:var(--fg,#1f1f1f);font:700 16px/1 var(--letter);border-radius:50%;place-items:center;font-style:normal;display:grid}@media (min-width:861px){.cbol{--bol:68px;--tussen:14px}.cbol-knop svg{width:26px;height:26px}}.cbol-teken{z-index:3;background:var(--paars,#724cf9);width:26px;height:26px;color:var(--wit,#fff);transition:transform .36s var(--uit);border-radius:50%;place-items:center;display:grid;position:absolute;top:-6px;left:-6px}.cbol:hover .cbol-teken,.cbol[data-open] .cbol-teken{transform:translate(10px,10px)scale(0)}.cbol:has(:focus-visible) .cbol-teken{transform:translate(10px,10px)scale(0)}.pkv-b-tegels{gap:clamp(16px,1.8vw,26px)}.pkv-b-tekst{gap:8px;padding:22px 16px 18px}.pkv-b-titel{font:700 clamp(24px, 2.1vw, 32px) / 1.08 var(--letter);letter-spacing:-.03em;margin-top:18px}.pkv-b-zin{margin-top:4px;line-height:1.5}.wg-in,.wg-adres span,.wg-lijn{animation-duration:9s}.wg-logo .wg-in{animation-name:wg-in}.keuze[data-vast]{cursor:default}.keuze-slot{background:var(--fg,#1f1f1f);width:28px;height:28px;color:var(--bg,#fff);border-radius:50%;place-items:center;display:grid}