/* Meer uit je event: held. Tokens volgen de site (kop.html zet --ink, --amber, --cream, --display). */
:root{--e-ink:#0A0A0B;--e-vlak:#161619;--e-vlak2:#1D1D22;--e-lijn:#2A2A31;--e-tekst:#F5F5F6;--e-zacht:#9C9CA4;--e-amber:#F8B518;--e-cream:#F4EFE5;--e-cream-inkt:#1A1813;--e-kop:96px}
html,body{margin:0;background:var(--e-ink);color:var(--e-tekst);font-family:'Archivo',system-ui,sans-serif;overflow-x:clip}
*{box-sizing:border-box}
img{max-width:100%;display:block}
.e-held{position:relative;background:radial-gradient(900px 560px at 88% 8%,rgba(144,84,168,.24),transparent 62%),var(--e-ink)}
.e-plak{min-height:100vh;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,64px);align-items:center;padding:calc(var(--e-kop) + 24px) clamp(20px,4vw,60px) 40px;max-width:1460px;margin:0 auto}
.e-tekst{display:flex;flex-direction:column;gap:24px;min-width:0}
.e-eyebrow{font-size:15px;font-weight:700;color:var(--e-amber);margin:0}
.e-h1{font-size:clamp(40px,5.4vw,88px);line-height:.98;letter-spacing:-.04em;font-weight:800;margin:0;text-wrap:balance}
.e-h1 strong{background:var(--e-amber);color:var(--e-ink);padding:0 .12em;border-radius:6px;font-weight:inherit}
.e-stappen{position:relative;display:grid}
.e-stap{grid-area:1/1;margin:0}
.e-stap h2{font-size:clamp(24px,2.4vw,36px);line-height:1.08;letter-spacing:-.02em;font-weight:800;margin:0 0 12px}
.e-stap p{font-size:clamp(17px,1.35vw,21px);line-height:1.45;color:#D9D9DE;margin:0;max-width:34ch}
.e-stap--0 p{max-width:38ch}
.e-stap mark{background:var(--e-amber);color:var(--e-ink);padding:0 .15em;border-radius:4px}
.e-hint{display:inline-flex;align-items:center;gap:10px;font-size:15px;color:var(--e-zacht);margin-top:22px}
.e-hint i{width:22px;height:34px;border:2px solid #4A4A52;border-radius:12px;position:relative}
.e-hint i::after{content:"";position:absolute;left:50%;top:6px;width:4px;height:7px;margin-left:-2px;border-radius:2px;background:var(--e-amber);animation:e-hint 1.6s ease-in-out infinite}
@keyframes e-hint{0%{transform:translateY(0);opacity:1}70%{transform:translateY(12px);opacity:0}100%{opacity:0}}
.e-knoppen{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.e-knop{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 22px;border-radius:999px;font-size:17px;font-weight:700;text-decoration:none}
.e-knop--amber{background:var(--e-amber);color:var(--e-ink)}
.e-knop--rand{border:1.5px solid #4A4A52;color:var(--e-tekst)}
.e-knop--link{padding:0 4px;color:var(--e-tekst);text-decoration:underline;text-decoration-color:var(--e-amber);text-underline-offset:5px;text-decoration-thickness:2px}
.e-knop:hover{filter:brightness(1.06)}

/* Het podium: video, dan de momenten, dan de aftermovie en de prullenbak */
.e-podium{position:relative;aspect-ratio:7/6;width:100%;max-height:calc(100vh - var(--e-kop) - 64px);margin-left:auto}
.e-frame{position:absolute;inset:0;border-radius:22px;overflow:hidden;background:#000;box-shadow:0 40px 90px -40px rgba(0,0,0,.8)}
.e-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.e-tegel{position:absolute;width:31%;margin:0;border-radius:14px;overflow:hidden;background:var(--e-vlak);border:1px solid var(--e-lijn);box-shadow:0 20px 40px -20px rgba(0,0,0,.7)}
.e-tegel img{width:100%;aspect-ratio:16/9;object-fit:cover}
.e-tegel figcaption{font-size:15px;font-weight:700;padding:10px 12px;background:var(--e-vlak2);color:var(--e-tekst)}
.e-na{position:absolute;left:50%;top:8%;width:62%;margin:0;transform:translateX(-50%);border-radius:16px;overflow:hidden;background:var(--e-vlak);border:1px solid var(--e-lijn)}
.e-na img{width:100%;aspect-ratio:16/9;object-fit:cover}
.e-na .e-play{position:absolute;left:50%;top:38%;width:68px;height:68px;margin:-34px 0 0 -34px;border-radius:50%;background:rgba(10,10,11,.78);border:2px solid var(--e-tekst);display:grid;place-items:center}
.e-na .e-play svg{width:24px;height:24px;margin-left:4px;fill:var(--e-tekst)}
.e-na figcaption{font-size:15px;font-weight:700;padding:10px 14px;background:var(--e-vlak2);display:flex;justify-content:space-between;gap:12px}
.e-na figcaption span{color:var(--e-zacht);font-weight:500}
.e-bak{position:absolute;left:50%;bottom:0;width:22%;transform:translateX(-50%)}
.e-bak svg{width:100%;height:auto;overflow:visible}
.e-bak .romp{fill:#1D1D22;stroke:#4A4A52;stroke-width:3}
.e-bak .deksel{fill:#2A2A31;stroke:#4A4A52;stroke-width:3;transform-box:fill-box;transform-origin:0% 100%}
.e-bak .ribbel{stroke:#3A3A43;stroke-width:3}

/* Zonder animatie: alles netjes onder elkaar */
html:not(.e-gsap) .e-stap{grid-area:auto;margin-bottom:28px}
html:not(.e-gsap) .e-tegel,html:not(.e-gsap) .e-na,html:not(.e-gsap) .e-bak{display:none}

/* Met animatie: het held-blok wordt lang en de inhoud blijft staan */
.e-gsap .e-held{height:620vh}
.e-gsap .e-plak{position:sticky;top:0;height:100vh;height:100svh;min-height:0}
.e-gsap .e-stap{opacity:0;visibility:hidden}
.e-gsap .e-stap--0{opacity:1;visibility:visible}
.e-gsap .e-tegel,.e-gsap .e-na,.e-gsap .e-bak{opacity:0}

.e-volgt{background:var(--e-cream);color:var(--e-cream-inkt);padding:96px clamp(20px,4vw,60px)}
.e-volgt div{max-width:1100px;margin:0 auto}
.e-volgt p{font-size:15px;font-weight:700;color:#6B6355;margin:0 0 12px}
.e-volgt h2{font-size:clamp(28px,3.4vw,52px);letter-spacing:-.03em;line-height:1.02;margin:0;max-width:22ch}

@media (max-width:900px){
 :root{--e-kop:84px}
 .e-plak{grid-template-columns:1fr;grid-template-rows:none;align-content:start;align-items:start;gap:20px;padding-top:calc(var(--e-kop) + 18px);padding-bottom:24px}
 .e-tekst{display:contents}
 .e-eyebrow{order:1}.e-h1{order:2;font-size:clamp(34px,9.6vw,48px)}
 .e-podium{order:3;aspect-ratio:auto;height:min(46vh,420px);max-height:none}
 .e-stappen{order:4}
 .e-stap h2{font-size:23px;margin-bottom:8px}
 .e-stap p{font-size:17px}
 .e-gsap .e-eyebrow{display:none}
 .e-hint{margin-top:12px}
 .e-tegel{width:31%;border-radius:10px}
 .e-tegel figcaption{font-size:14px;padding:6px 8px}
 .e-na{width:74%}
 .e-na figcaption{font-size:14px}
 .e-bak{width:30%}
 .e-knop{min-height:48px;font-size:16px;padding:0 18px}
 .e-knop--link{display:none}
}
@media (prefers-reduced-motion:reduce){.e-hint i::after{animation:none}}

/* Blok 2: het doel in het midden (cream) */
.e-doel{background:var(--e-cream);color:var(--e-cream-inkt);position:relative}
.d-eyebrow{color:#8A6100}
.d-h{font-size:clamp(36px,4.6vw,72px)}
.e-doel .e-stap h3{font-size:clamp(24px,2.4vw,36px);line-height:1.08;letter-spacing:-.02em;font-weight:800;margin:0 0 12px}
.e-doel .e-stap p{color:#3E382E}
.d-podium{aspect-ratio:1/1;max-width:min(640px,100%)}
.d-doel{position:absolute;inset:6%}
.d-ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.d-ring circle{fill:none;stroke-width:12;stroke-linecap:butt}
.d-baan{stroke:#DDD3C0}
.d-boog{stroke:var(--e-amber)}
.d-kern{position:absolute;inset:16%;border-radius:50%;background:var(--e-ink);color:var(--e-tekst);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:12%;box-shadow:0 30px 70px -30px rgba(26,24,19,.6)}
.d-kern span{font-size:15px;font-weight:700;color:var(--e-amber)}
.d-kern b{font-size:clamp(20px,2.3vw,34px);line-height:1.05;letter-spacing:-.02em;font-weight:800;text-wrap:balance}
.d-label{position:absolute;font-size:16px;font-weight:800;background:#fff;border:1.5px solid #DDD3C0;border-radius:999px;padding:6px 14px;white-space:nowrap;color:var(--e-cream-inkt)}
.d-label--leads{left:96%;top:22%}
.d-label--gesprekken{left:50%;top:100%;transform:translate(-50%,-30%)}
.d-label--bereik{right:96%;top:22%}
.d-label.aan{background:var(--e-amber);border-color:var(--e-amber)}
.d-kaart{position:absolute;left:50%;top:50%;width:min(62%,380px);margin:0;transform:translate(-50%,-50%);background:#fff;border-radius:16px;overflow:hidden;border:1px solid #DDD3C0;box-shadow:0 40px 80px -40px rgba(26,24,19,.55)}
.d-kaart img{width:100%;aspect-ratio:16/10;object-fit:cover}
.d-kaart--magazine img{aspect-ratio:1200/630}
.d-kaart figcaption{padding:12px 16px;display:flex;flex-direction:column;gap:2px}
.d-kaart b{font-size:18px;font-weight:800}
.d-kaart span{font-size:15px;color:#6B6355}
html:not(.e-gsap) .d-kaart{position:relative;left:auto;top:auto;transform:none;display:inline-block;width:30%;margin:8px}
.e-gsap .e-doel{height:620vh}
.e-gsap .d-kaart{opacity:0}
@media (max-width:900px){
 .d-podium{height:min(48vh,420px);aspect-ratio:auto;margin:0 auto;width:100%}
 .d-doel{inset:auto;left:50%;top:50%;width:min(76vw,calc(48vh - 40px),380px);aspect-ratio:1;transform:translate(-50%,-50%)}
 .d-label{font-size:14px;padding:4px 10px}
 .d-label--leads{left:82%;top:4%}
 .d-label--bereik{right:82%;top:4%}
 .d-kern{gap:4px}
 .d-kern b{font-size:18px}
 .d-kern span{font-size:14px}
 .d-kaart{width:min(72%,300px)}
 .d-kaart b{font-size:16px}.d-kaart span{font-size:14px}
 .e-gsap .d-eyebrow{display:none}
 .d-h{font-size:clamp(30px,8.4vw,44px)}
}
.e-gsap .d-label{opacity:0;visibility:hidden}

/* Blok: de dag zelf (spanning) */
.e-dag{background:radial-gradient(800px 520px at 80% 30%,rgba(248,181,24,.10),transparent 60%),#0E0E10;color:var(--e-tekst);border-top:1px solid #1D1D22}
.g-h{font-size:clamp(36px,4.6vw,72px)}
.e-dag .e-stap h3{font-size:clamp(24px,2.4vw,36px);line-height:1.08;letter-spacing:-.02em;font-weight:800;margin:0 0 12px}
.e-dag .e-stap h3.g-stop{font-size:clamp(32px,3.4vw,52px);color:var(--e-amber)}
.g-podium{aspect-ratio:7/6}
.g-klok{position:absolute;left:0;top:0;display:flex;flex-direction:column;gap:6px}
.g-klok span{font-size:15px;font-weight:700;color:var(--e-zacht)}
.g-tijd{font-size:clamp(56px,7vw,112px);font-weight:800;letter-spacing:-.04em;line-height:.9;font-variant-numeric:tabular-nums}
.g-meter{position:absolute;right:0;top:0;width:44%;text-align:center}
.g-meter svg{width:100%;overflow:visible}
.g-meter span{font-size:15px;font-weight:700;color:var(--e-zacht)}
.g-baan{fill:none;stroke:#2A2A31;stroke-width:16;stroke-linecap:round}
.g-vul{fill:none;stroke:#F8B518;stroke-width:16;stroke-linecap:round}
.g-naald{stroke:var(--e-tekst);stroke-width:5;stroke-linecap:round}
.g-as{fill:var(--e-tekst)}
.g-briefjes{position:absolute;left:0;right:0;bottom:0;height:56%}
.g-briefje{position:absolute;margin:0;width:40%;padding:16px 18px;font-size:clamp(16px,1.4vw,20px);font-weight:800;color:#1A1813;background:#FFF4D6;border-radius:6px;box-shadow:0 18px 30px -16px rgba(0,0,0,.7)}
.g-briefje:nth-child(1){left:2%;top:4%}.g-briefje:nth-child(2){left:30%;top:0%}.g-briefje:nth-child(3){left:58%;top:8%}
.g-briefje:nth-child(4){left:12%;top:46%}.g-briefje:nth-child(5){left:46%;top:50%}
.g-mail{position:absolute;left:50%;top:52%;width:min(80%,460px);transform:translate(-50%,-50%);background:#fff;color:#1A1813;border-radius:14px;padding:20px 22px;box-shadow:0 40px 80px -30px rgba(0,0,0,.8)}
.g-mail-kop{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #DDD3C0;padding-bottom:10px;margin-bottom:12px}
.g-mail-kop b{font-size:18px}.g-mail-kop span{font-size:15px;color:#6B6355}
.g-mail p{margin:0 0 10px;font-size:17px;line-height:1.4}
.g-leeg{color:#6B6355;font-weight:700}
.g-leeg i{display:inline-block;width:60%;height:12px;background:#EBE3D4;border-radius:6px;vertical-align:middle}
.g-jaar{position:absolute;left:0;top:0;display:flex;align-items:center;gap:14px}
.g-jaar svg{width:64px;height:64px;fill:none;stroke:var(--e-amber);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.g-jaar b{font-size:clamp(34px,3.4vw,54px);font-weight:800;letter-spacing:-.03em}
html:not(.e-gsap) .g-mail,html:not(.e-gsap) .g-jaar{display:none}
.e-gsap .e-dag{height:620vh}
.e-gsap .g-briefje,.e-gsap .g-mail,.e-gsap .g-jaar{opacity:0;visibility:hidden}
@media (max-width:900px){
 .g-podium{height:min(48vh,420px);aspect-ratio:auto}
 .g-h{font-size:clamp(30px,8.4vw,44px)}
 .g-tijd{font-size:52px}
 .g-meter{width:46%}
 .g-briefje{width:46%;padding:10px 12px;font-size:15px}
 .g-briefje:nth-child(2){left:50%}.g-briefje:nth-child(3){left:4%;top:30%}.g-briefje:nth-child(4){left:52%;top:34%}.g-briefje:nth-child(5){left:22%;top:64%}
 .g-briefjes{height:60%}
 .g-mail{width:92%;padding:14px 16px}.g-mail p{font-size:15px}.g-mail-kop b{font-size:16px}.g-mail-kop span{font-size:14px}
 .g-jaar svg{width:36px;height:36px}.g-jaar b{font-size:28px}.g-jaar{gap:8px;top:6px}
 .g-mail{top:64%}
 .g-meter{width:40%}
}

/* Marges en regels: geen eenzame woorden, en alles past ook op een laag scherm */
.e-stap h2,.e-stap h3,.e-h1{text-wrap:balance}
.e-stap p{text-wrap:pretty}
@media (min-width:901px){
 .e-h1{font-size:clamp(36px,min(5.4vw,8.4vh),88px)}
 .d-h,.g-h{font-size:clamp(32px,min(4.6vw,7.4vh),72px)}
 .e-stap h2,.e-doel .e-stap h3,.e-dag .e-stap h3{font-size:clamp(22px,min(2.4vw,4.4vh),36px)}
 .e-dag .e-stap h3.g-stop{font-size:clamp(28px,min(3.4vw,6vh),52px)}
 .e-stap p{font-size:clamp(16px,min(1.35vw,2.6vh),21px)}
 .e-gsap .e-plak{padding-top:calc(var(--e-kop) + 16px);padding-bottom:32px}
 .e-tekst{gap:clamp(12px,2.4vh,24px)}
 .e-podium{max-height:calc(100vh - var(--e-kop) - 56px)}
 .g-tijd{font-size:clamp(48px,min(7vw,11vh),112px)}
}
@media (min-width:901px) and (max-height:640px){
 .e-gsap .e-eyebrow{display:none}
 .e-h1{font-size:clamp(32px,min(4.6vw,7vh),64px)}
 .e-knop{min-height:44px;font-size:16px}
 .e-knoppen{margin-top:4px}
}

/* Productnaam boven de titel */
.e-badge{display:inline-flex;align-items:center;gap:10px;margin:0;padding:8px 16px 8px 10px;border-radius:999px;background:#17171A;border:1.5px solid rgba(248,181,24,.55);width:max-content;max-width:100%;box-shadow:0 0 0 6px rgba(248,181,24,.06)}
.e-badge svg{width:30px;height:30px;padding:5px;border-radius:50%;background:var(--e-amber);fill:none;stroke:var(--e-ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.e-badge b{font-size:16px;font-weight:800;letter-spacing:-.01em;color:var(--e-tekst)}
.e-badge span{font-size:15px;color:var(--e-zacht);padding-left:10px;border-left:1px solid #3A3A43}
@media (max-width:900px){.e-badge{order:1;padding:6px 10px 6px 6px;gap:6px}.e-badge svg{width:26px;height:26px}.e-badge b{font-size:15px}.e-badge span{font-size:14px;padding-left:8px;white-space:nowrap}.e-badge em{display:none}.e-plak{min-width:0}.e-badge{max-width:100%}}
@media (min-width:901px) and (max-height:640px){.e-badge span{display:none}}

.e-tegel figcaption{display:grid}
.e-tegel figcaption span{grid-area:1/1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t-nieuw{color:var(--e-amber);opacity:0}
@media (min-width:901px){.e-held .e-h1{font-size:clamp(34px,min(4.3vw,7.4vh),70px)}}
@media (max-width:900px){.t-nieuw{white-space:normal!important;line-height:1.15}}

/* Blok: hoe het werkt (de machine) */
.e-machine{background:radial-gradient(760px 520px at 85% 20%,rgba(144,84,168,.18),transparent 62%),var(--e-ink);color:var(--e-tekst)}
.m-h{font-size:clamp(30px,min(3.8vw,6.4vh),60px)}
.e-machine .e-stap h3{font-size:clamp(22px,min(2.4vw,4.4vh),36px);line-height:1.08;letter-spacing:-.02em;font-weight:800;margin:0 0 12px;text-wrap:balance}
.m-podium{aspect-ratio:7/6;display:flex;flex-direction:column;gap:20px}
.m-rail{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;counter-reset:r}
.m-rail li{counter-increment:r;font-size:15px;font-weight:700;color:var(--e-zacht);padding-top:14px;border-top:4px solid #2A2A31;transition:none}
.m-rail li::before{content:counter(r) "  ";color:#4A4A52}
.m-rail li.aan{color:var(--e-tekst);border-top-color:var(--e-amber)}
.m-rail li.aan::before{color:var(--e-amber)}
.m-vak{position:relative;flex:1;min-height:0}
.m-kaart{position:absolute;inset:0;margin:0;border-radius:18px;background:var(--e-vlak);border:1px solid var(--e-lijn);overflow:hidden}
.m-opname img{width:100%;height:calc(100% - 56px);object-fit:cover;object-position:50% 40%}
.m-opname figcaption{height:56px;display:flex;align-items:center;gap:10px;padding:0 18px;background:var(--e-vlak2)}
.m-opname b{font-size:16px}.m-opname span{font-size:15px;color:var(--e-zacht)}
.m-rec{width:12px;height:12px;border-radius:50%;background:#E5484D;box-shadow:0 0 0 4px rgba(229,72,77,.25);animation:m-rec 1.2s ease-in-out infinite}
@keyframes m-rec{50%{opacity:.35}}
.m-transcript{padding:24px 26px;display:flex;flex-direction:column;gap:12px}
.m-kop{display:flex;justify-content:space-between;gap:12px;margin:0 0 6px;padding-bottom:12px;border-bottom:1px solid var(--e-lijn)}
.m-kop b{font-size:17px}.m-kop span{font-size:15px;color:var(--e-zacht)}
.m-r{display:flex;align-items:center;gap:16px;margin:0;font-size:18px}
.m-r time{font-size:15px;color:var(--e-zacht);font-variant-numeric:tabular-nums;flex:none;width:44px}
.m-r i{display:block;height:10px;border-radius:5px;background:#2A2A31}
.m-r q{font-weight:700;quotes:"\201C" "\201D"}
.m-r--aan q{background:var(--e-amber);color:var(--e-ink);padding:2px 8px;border-radius:5px}
.m-check{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:32px;background:var(--e-cream);color:var(--e-cream-inkt);border-color:transparent}
.m-check q{font-size:clamp(30px,3.2vw,52px);font-weight:800;letter-spacing:-.02em;line-height:1.05;quotes:"\201C" "\201D"}
.m-wie{margin:0;font-size:16px;color:#6B6355}
.m-golf{display:flex;align-items:center;gap:5px;height:44px}
.m-golf i{flex:1;max-width:10px;border-radius:3px;background:#1A1813;height:30%}
.m-golf i:nth-child(3n){height:80%}.m-golf i:nth-child(4n){height:55%}.m-golf i:nth-child(5n){height:95%}.m-golf i:nth-child(7n){height:40%}
.m-ok{display:inline-flex;align-items:center;gap:10px;margin:0;font-size:16px;font-weight:800;color:#1E7A3B;background:#DDF3E3;padding:8px 14px;border-radius:999px;width:max-content;max-width:100%}
.m-ok svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.m-uit{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--e-lijn)}
.m-uit div{background:var(--e-vlak);display:flex;flex-direction:column;justify-content:center;gap:6px;padding:20px 24px}
.m-uit b{font-size:clamp(48px,min(6vw,9vh),96px);font-weight:800;letter-spacing:-.04em;line-height:.9;color:var(--e-amber);font-variant-numeric:tabular-nums}
.m-uit span{font-size:17px;font-weight:700}
html:not(.e-gsap) .m-kaart{position:relative;inset:auto;margin-bottom:12px;min-height:240px}
html:not(.e-gsap) .m-uit b{font-size:48px}
.e-gsap .e-machine{height:560vh}
.e-gsap .m-kaart{opacity:0;visibility:hidden}.e-gsap .m-opname{opacity:1;visibility:visible}
@media (max-width:900px){
 .m-podium{height:min(50vh,440px);aspect-ratio:auto;gap:12px}
 .m-rail li{font-size:14px;padding-top:8px}
 .m-rail li::before{content:none}
 .m-h{font-size:clamp(30px,8.4vw,44px)}
 .m-transcript{padding:16px;gap:8px}.m-r{font-size:16px;gap:10px}.m-r time{font-size:14px;width:40px}
 .m-check{padding:20px;gap:12px}.m-check q{font-size:30px}
 .m-uit div{padding:12px 14px}.m-uit b{font-size:44px}.m-uit span{font-size:15px}
}

/* Voor wie: meteen herkenbaar */
.e-voor{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.e-voor li{font-size:15px;font-weight:700;color:var(--e-tekst);padding:7px 14px;border-radius:999px;background:#17171A;border:1px solid #3A3A43;display:inline-flex;align-items:center;gap:8px}
.e-voor li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--e-amber)}
@media (max-width:900px){.e-voor{margin-top:12px;gap:6px}.e-voor li{font-size:14px;padding:5px 11px}}
@media (min-width:901px) and (max-height:640px){.e-voor li{padding:5px 11px;font-size:14px}.e-voor{margin-top:10px}}

.e-badge em{font-style:normal}

/* Wat je krijgt: de 4 producten */
.e-prod{background:var(--e-cream);color:var(--e-cream-inkt);padding:clamp(72px,9vw,128px) clamp(20px,4vw,60px)}
.p-wrap{max-width:1240px;margin:0 auto}
.p-eyebrow{color:#8A6100}
.p-h{font-size:clamp(32px,4.4vw,64px);line-height:1.02;letter-spacing:-.035em;font-weight:800;margin:12px 0 16px;max-width:20ch;text-wrap:balance}
.p-h strong{background:var(--e-amber);padding:0 .12em;border-radius:6px;font-weight:inherit}
.p-lead{font-size:clamp(17px,1.4vw,21px);color:#3E382E;margin:0 0 clamp(32px,4vw,56px);max-width:46ch}
.p-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.p-kaart{background:#fff;border:1px solid #DDD3C0;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 60px -40px rgba(26,24,19,.45)}
.p-beeld{aspect-ratio:16/9;overflow:hidden;background:#EBE3D4}
.p-beeld img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;transition:transform .6s cubic-bezier(.22,.61,.36,1)}
.p-kaart:hover .p-beeld img{transform:scale(1.03)}
.p-in{padding:24px 26px 26px;display:flex;flex-direction:column;gap:12px;flex:1}
.p-naam{display:inline-flex;align-items:center;gap:10px;margin:0;font-size:15px;font-weight:800;color:#1A1813}
.p-naam svg{width:32px;height:32px;padding:6px;border-radius:50%;background:var(--e-amber);fill:none;stroke:#0A0A0B;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.p-in h3{font-size:clamp(22px,1.9vw,28px);line-height:1.12;letter-spacing:-.02em;margin:0;text-wrap:balance}
.p-in>p{margin:0;font-size:17px;line-height:1.45;color:#3E382E}
.p-in .p-doel{font-size:15px;color:#6B6355}
.p-doel b{display:inline-block;margin-left:6px;padding:3px 10px;border-radius:999px;background:var(--e-amber);color:#0A0A0B;font-size:15px}
.p-vb{margin-top:auto;padding-top:16px;border-top:1px solid #EBE3D4;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.p-vb span{font-size:15px;color:#6B6355}
.p-knop{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;background:#0A0A0B;color:#F5F5F6;font:inherit;font-size:16px;font-weight:700;text-decoration:none;border:0;cursor:pointer}
.p-knop:hover{background:#1D1D22}
.p-film{border:0;padding:0;background:#000;border-radius:16px;width:min(1100px,94vw);overflow:visible}
.p-film::backdrop{background:rgba(10,10,11,.86)}
.p-film video{display:block;width:100%;border-radius:16px}
.p-dicht{position:absolute;top:-52px;right:0;width:44px;height:44px;border-radius:50%;border:0;background:#F5F5F6;color:#0A0A0B;font-size:26px;cursor:pointer}
@media (max-width:760px){.p-grid{grid-template-columns:1fr}.p-in{padding:20px}}

/* Afsluiter */
.e-cta{background:var(--e-cream);color:var(--e-cream-inkt);padding:clamp(72px,9vw,120px) clamp(20px,4vw,60px)}
.c-wrap{max-width:980px;margin:0 auto;display:flex;gap:clamp(24px,4vw,48px);align-items:center}
.c-foto{width:clamp(96px,12vw,160px);height:clamp(96px,12vw,160px);border-radius:50%;object-fit:cover;flex:none}
.e-cta h2{font-size:clamp(30px,3.8vw,56px);letter-spacing:-.035em;line-height:1.02;margin:0 0 12px;text-wrap:balance}
.e-cta h2 strong{background:var(--e-amber);padding:0 .12em;border-radius:6px}
.e-cta p{font-size:18px;color:#3E382E;margin:0 0 20px;max-width:46ch}
.e-cta .e-knop--rand{color:#1A1813;border-color:#1A1813}
.e-cta .c-nr{margin:16px 0 0;font-size:16px}
@media (max-width:640px){.c-wrap{flex-direction:column;align-items:flex-start}}

/* Korter scrollen */
.e-gsap .e-held{height:480vh}
.e-gsap .e-machine{height:420vh}
.e-gsap .e-doel{height:460vh}
.e-gsap .e-dag{height:460vh}
.p-nieuw{font-style:normal;font-size:14px;font-weight:800;color:#F5F5F6;background:#0A0A0B;padding:3px 10px;border-radius:999px;margin-left:4px}

/* Productscène: interactieve training */
.p-knoppen{display:inline-flex;align-items:center;gap:14px;flex-wrap:wrap}
.p-link{font-size:16px;font-weight:700;color:#1A1813;text-decoration:underline;text-decoration-color:var(--e-amber);text-decoration-thickness:2px;text-underline-offset:5px}
.e-les{background:radial-gradient(700px 500px at 80% 30%,rgba(144,84,168,.2),transparent 60%),#0E0E10;color:var(--e-tekst)}
.l-badge{margin-bottom:4px}@media (max-width:900px){.l-badge{margin-bottom:0}}
.l-h{font-size:clamp(30px,min(3.6vw,6.2vh),58px)}
.e-les .e-stap h3{font-size:clamp(22px,min(2.4vw,4.4vh),36px);line-height:1.08;letter-spacing:-.02em;font-weight:800;margin:0 0 12px;text-wrap:balance}
.l-podium{aspect-ratio:7/6}
.l-scherm{position:absolute;left:0;top:0;width:100%;border-radius:18px;overflow:hidden;background:#000;border:1px solid var(--e-lijn);box-shadow:0 40px 80px -40px rgba(0,0,0,.8)}
.l-video{position:relative;aspect-ratio:16/10}
.l-video img{width:100%;height:100%;object-fit:cover}
.l-pauze{position:absolute;left:18px;bottom:18px;width:56px;height:56px;border-radius:50%;background:rgba(10,10,11,.8);display:flex;align-items:center;justify-content:center;gap:8px;opacity:0}
.l-pauze i{width:8px;height:26px;border-radius:2px;background:#F5F5F6}
.l-balk{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--e-vlak)}
.l-tijd{position:relative;flex:1;height:8px;border-radius:4px;background:#2A2A31}
.l-vol{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:4px;background:#F5F5F6}
.l-tijd b{position:absolute;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--e-amber);border:2px solid var(--e-vlak)}
.l-balk span{font-size:15px;font-weight:700;color:var(--e-amber);white-space:nowrap}
.l-vraag,.l-klas,.l-lead{position:absolute;right:0;bottom:0;width:min(78%,440px);background:#fff;color:#1A1813;border-radius:18px;padding:22px 24px;box-shadow:0 40px 80px -30px rgba(0,0,0,.85)}
.l-kick{margin:0 0 8px;font-size:14px;font-weight:800;color:#8A6100}
.l-vraag h4{margin:0 0 14px;font-size:clamp(18px,1.5vw,22px);line-height:1.25}
.l-keuzes{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.l-keuzes li{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1.5px solid #DDD3C0;border-radius:12px;font-size:16px;font-weight:600}
.l-keuzes i{font-style:normal;width:26px;height:26px;border-radius:50%;background:#EBE3D4;display:grid;place-items:center;font-size:14px;font-weight:800;flex:none}
.l-uitleg{margin:12px 0 0;font-size:15px;line-height:1.45;color:#3E382E;opacity:0}
.l-klas ol{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.l-klas li{display:grid;grid-template-columns:26px 1fr 60px;align-items:center;gap:12px;padding:8px 10px;border-radius:10px;font-size:16px;font-weight:700}
.l-klas li i{font-style:normal;color:#6B6355}
.l-klas li span{height:10px;border-radius:5px;background:#EBE3D4}
.l-klas li b{height:10px;border-radius:5px;background:#DDD3C0}
.l-klas li.l-ik{background:var(--e-amber)}
.l-klas li.l-ik em{font-style:normal}
.l-klas li.l-ik b{background:#0A0A0B}
.l-uitdaag{margin:12px 0 0;font-size:15px;font-weight:800;text-decoration:underline;text-decoration-color:var(--e-amber);text-underline-offset:4px}
.l-veld{margin:0 0 10px;display:flex;flex-direction:column;gap:4px}
.l-veld span{font-size:14px;font-weight:700;color:#6B6355}
.l-veld b{font-size:17px;font-weight:600;padding:10px 12px;border:1.5px solid #DDD3C0;border-radius:10px;min-height:44px}
.l-nieuw{display:inline-flex;align-items:center;gap:8px;margin:4px 0 0;padding:6px 12px;border-radius:999px;background:#DDF3E3;color:#1E7A3B;font-size:15px;font-weight:800}
.l-nieuw svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.l-vb{margin:10px 0 0;font-size:14px;color:#6B6355}
html:not(.e-gsap) .l-vraag,html:not(.e-gsap) .l-klas,html:not(.e-gsap) .l-lead{position:relative;width:auto;margin-top:12px}
html:not(.e-gsap) .l-scherm{position:relative}
.e-gsap .e-les{height:460vh}
.e-gsap .l-vraag,.e-gsap .l-klas,.e-gsap .l-lead{opacity:0;visibility:hidden}
@media (max-width:900px){
 .l-podium{height:min(52vh,460px);aspect-ratio:auto}
 .l-h{font-size:clamp(28px,7.6vw,40px)}
 .l-vraag,.l-klas,.l-lead{width:92%;padding:14px 16px;right:4%}
 .l-vraag h4{font-size:16px;margin-bottom:10px}
 .l-keuzes li{padding:7px 10px;font-size:15px}
 .l-uitleg{font-size:14px}
 .l-badge span{display:none}
}
@media (max-width:900px){.e-plak{grid-template-columns:minmax(0,1fr)}}
@media (max-width:420px){.e-held .e-badge{display:grid;grid-template-columns:auto 1fr;column-gap:8px;row-gap:0;border-radius:20px;padding:7px 14px 7px 7px}.e-held .e-badge svg{grid-row:1/3;align-self:center}.e-held .e-badge span{border-left:0;padding-left:0;font-size:13px;line-height:1.25}.e-held .e-badge b{line-height:1.2}}
/* Mobiel: het beeld krimpt mee, de tekst houdt altijd ruimte tot de onderrand */
@media (max-width:900px){
 .e-gsap .e-plak{display:flex;flex-direction:column;align-items:stretch;gap:20px;padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))}
 .e-gsap .e-plak .e-badge{align-self:flex-start}
 .e-gsap .e-plak>.e-podium{flex:1 1 0;min-height:160px;height:auto;max-height:460px;aspect-ratio:auto}
 .e-gsap .e-stappen,.e-gsap .e-h1{flex:none;min-width:0}
 .e-stappen{grid-template-columns:minmax(0,1fr)}
 .e-voor{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-20px;padding-inline:20px}
 .e-voor::-webkit-scrollbar{display:none}
 .e-voor li{flex:none}
}
@media (max-width:900px){
 .e-voor{flex-wrap:wrap;overflow:visible;margin-inline:0;padding-inline:0}
 .e-gsap .l-podium{min-height:220px}
 .l-vraag,.l-klas,.l-lead{top:8px;bottom:auto;max-height:calc(100% - 16px);overflow:hidden}
 .l-uitleg{display:none}
}
@media (max-width:900px){
 .e-gsap .l-scherm{height:100%;display:flex;flex-direction:column}
 .e-gsap .l-video{flex:1 1 0;min-height:0;aspect-ratio:auto}
 .e-gsap .l-video img{height:100%;object-fit:cover;object-position:50% 30%}
 .m-opname figcaption{height:auto;min-height:52px;padding:8px 14px;flex-wrap:wrap;row-gap:0}
 .m-opname img{height:calc(100% - 64px)}
 .m-opname span{font-size:14px}
}
/* Productscène: gastinterview */
.e-gast{background:radial-gradient(700px 500px at 78% 35%,rgba(62,140,80,.18),transparent 60%),#0E0E10;color:var(--e-tekst)}
.e-gsap .e-gast{height:440vh}
.e-gast .e-stap h3{font-size:clamp(22px,min(2.4vw,4.4vh),36px);line-height:1.08;letter-spacing:-.02em;font-weight:800;margin:0 0 12px;text-wrap:balance}
.v-h{font-size:clamp(30px,min(3.6vw,6.2vh),58px)}
.v-podium{aspect-ratio:7/6}
.v-shot{position:absolute;inset:0;margin:0;border-radius:18px;overflow:hidden;background:#000;border:1px solid var(--e-lijn);box-shadow:0 40px 80px -40px rgba(0,0,0,.8)}
.v-shot img{width:100%;height:100%;object-fit:cover;object-position:47% 30%}
.v-hoek{position:absolute;width:44px;height:44px;border:3px solid #fff;opacity:.9}
.v-hoek--lb{left:18px;top:18px;border-right:0;border-bottom:0}.v-hoek--rb{right:18px;top:18px;border-left:0;border-bottom:0}
.v-hoek--lo{left:18px;bottom:18px;border-right:0;border-top:0}.v-hoek--ro{right:18px;bottom:18px;border-left:0;border-top:0}
.v-rec{position:absolute;left:30px;top:30px;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;background:rgba(10,10,11,.7);font-size:15px;font-weight:800;color:#fff;letter-spacing:.04em}
.v-rec i{width:10px;height:10px;border-radius:50%;background:#E5484D}
.v-rec b{font-weight:600;font-variant-numeric:tabular-nums;color:#D9D9DE}
.v-4k{position:absolute;right:30px;top:30px;padding:6px 10px;border-radius:8px;background:rgba(10,10,11,.7);font-size:15px;font-weight:800;color:var(--e-amber)}
.v-net{position:absolute;inset:0;pointer-events:none}
.v-lijnen{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.v-lijnen path{fill:none;stroke:var(--e-amber);stroke-width:.5;stroke-dasharray:60;stroke-dashoffset:60;opacity:.7}
.v-p{position:absolute;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:var(--e-vlak2);border:2px solid var(--e-amber);box-shadow:0 0 0 6px rgba(248,181,24,.12)}
.v-p::before{content:"";position:absolute;left:50%;top:26%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:#9C9CA4}
.v-p::after{content:"";position:absolute;left:50%;bottom:20%;width:26px;height:12px;margin-left:-13px;border-radius:13px 13px 4px 4px;background:#9C9CA4}
.v-tel{position:absolute;left:50%;top:50%;height:94%;aspect-ratio:9/18.5;transform:translate(-50%,-50%);border-radius:34px;background:#0A0A0B;border:3px solid #3A3A43;padding:8px;box-shadow:0 50px 90px -30px rgba(0,0,0,.9)}
.v-scherm{position:relative;width:100%;height:100%;border-radius:26px;overflow:hidden;background:#000}
.v-scherm img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.v-cap{position:absolute;left:8%;right:8%;bottom:24%;margin:0;text-align:center;font-size:clamp(18px,1.6vw,24px);line-height:1.15;font-weight:800;color:#fff;text-wrap:balance}
.v-cap span{display:inline-block;color:#fff;text-shadow:0 2px 0 #000,0 0 12px rgba(0,0,0,.8)}.v-cap span.k{padding:0 5px;border-radius:5px;background:var(--e-amber);color:var(--e-ink);text-shadow:none}
.v-naam{position:absolute;left:8%;bottom:7%;display:flex;flex-direction:column;font-size:14px;color:#D9D9DE;text-shadow:0 1px 6px rgba(0,0,0,.7)}
.v-naam b{font-size:16px;color:#fff}
.v-deel{position:absolute;right:6%;top:5%;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--e-amber);color:var(--e-ink);font-size:14px;font-weight:800}
.v-deel svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.v-chat{position:absolute;right:0;bottom:6%;width:min(70%,380px);background:#fff;color:#1A1813;border-radius:18px;padding:18px 20px;box-shadow:0 40px 80px -30px rgba(0,0,0,.85)}
.v-van{margin:0 0 8px;font-size:14px;font-weight:800;color:#1E7A3B}
.v-bericht{position:relative;margin:0;padding:12px 14px 22px;border-radius:14px 14px 4px 14px;background:#DCF8C6;font-size:16px;line-height:1.4}
.v-vink{position:absolute;right:10px;bottom:4px;font-size:13px;letter-spacing:-3px;color:#8A8A8A}
.v-vb{margin:10px 0 0;font-size:14px;color:#6B6355}
.e-gsap .v-tel,.e-gsap .v-net,.e-gsap .v-chat,.e-gsap .v-cap,.e-gsap .v-deel,.e-gsap .v-hoek,.e-gsap .v-rec,.e-gsap .v-4k{opacity:0;visibility:hidden}
html:not(.e-gsap) .v-net,html:not(.e-gsap) .v-cap--2,html:not(.e-gsap) .v-shot{display:none}
html:not(.e-gsap) .v-podium{aspect-ratio:auto;height:auto;display:flex;flex-direction:column;align-items:center;gap:16px}
html:not(.e-gsap) .v-tel{position:relative;left:auto;top:auto;transform:none;height:480px}
html:not(.e-gsap) .v-chat{position:relative;right:auto;bottom:auto;width:100%}
@media (max-width:900px){
 .v-h{font-size:clamp(28px,7.6vw,40px)}
 .v-hoek{width:30px;height:30px;border-width:2px}
 .v-rec,.v-4k{top:22px;font-size:14px;padding:4px 9px}.v-rec{left:22px}.v-4k{right:22px}
 .v-p{width:40px;height:40px;margin:-20px 0 0 -20px}
 .v-tel{border-radius:24px;padding:5px;border-width:2px}.v-scherm{border-radius:19px}
 .v-cap{font-size:16px;bottom:26%}
 .v-naam{font-size:13px}.v-naam b{font-size:14px}
 .v-chat{width:92%;right:4%;bottom:8px;padding:14px 16px}
 .v-bericht{font-size:15px}
 .e-gsap .e-plak>.v-podium{min-height:190px}
 .v-badge span{display:none}
}
.e-gsap .v-tel{transform:none}
button.e-knop{font-family:inherit;border:0;cursor:pointer}
/* Productscène: online eventmagazine */
.e-mag{background:radial-gradient(700px 500px at 78% 35%,rgba(40,200,90,.14),transparent 60%),#0E0E10;color:var(--e-tekst)}
.e-gsap .e-mag{height:420vh}
.e-mag .e-stap h3{font-size:clamp(22px,min(2.4vw,4.4vh),36px);line-height:1.08;letter-spacing:-.02em;font-weight:800;margin:0 0 12px;text-wrap:balance}
.z-h{font-size:clamp(30px,min(3.6vw,6.2vh),58px)}
.z-podium{aspect-ratio:7/6;display:flex;align-items:center;perspective:1600px}
.z-venster{position:relative;width:100%;border-radius:14px;overflow:hidden;background:#1D1D22;border:1px solid var(--e-lijn);box-shadow:0 50px 90px -40px rgba(0,0,0,.9)}
.z-balk{display:flex;align-items:center;gap:7px;height:38px;padding:0 14px;background:#1D1D22;border-bottom:1px solid var(--e-lijn)}
.z-balk i{width:11px;height:11px;border-radius:50%;background:#3A3A43}
.z-balk span{margin-left:10px;flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;color:var(--e-zacht);background:#0E0E10;border-radius:6px;padding:4px 10px}
.z-boek{position:relative;aspect-ratio:16/10;overflow:hidden;background:#0E0E10;transform-style:preserve-3d}
.z-pag{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0;backface-visibility:hidden}
.z-kader{position:absolute;left:20.4%;top:73.6%;width:59.2%;height:15.6%;border:3px solid var(--e-amber);border-radius:14px;box-shadow:0 0 0 9999px rgba(10,10,11,.45)}
.z-teller{position:absolute;left:0;top:calc(50% - 32vh);font-size:14px;font-weight:700;color:var(--e-zacht)}
.z-teller b{color:var(--e-tekst);font-variant-numeric:tabular-nums}
.z-vlieg{position:absolute;inset:0;pointer-events:none}
.z-chip{position:absolute;left:50%;top:78%;padding:9px 16px;border-radius:999px;font-size:15px;font-weight:800;color:#fff;white-space:nowrap;box-shadow:0 14px 30px -10px rgba(0,0,0,.7)}
.z-chip--wa{background:#1FA855}.z-chip--li{background:#0A66C2}.z-chip--mail{background:#F5F5F6;color:#1A1813}
.e-gsap .z-pag:not(.z-pag--1),.e-gsap .z-kader,.e-gsap .z-chip{opacity:0;visibility:hidden}
html:not(.e-gsap) .z-pag:not(.z-pag--1),html:not(.e-gsap) .z-kader,html:not(.e-gsap) .z-vlieg,html:not(.e-gsap) .z-teller{display:none}
@media (max-width:900px){
 .z-h{font-size:clamp(28px,7.6vw,40px)}
 .z-balk{height:30px;padding:0 10px;gap:5px}.z-balk i{width:8px;height:8px}.z-balk span{font-size:13px;padding:2px 8px}
 .z-teller{display:none}
 .z-chip{font-size:14px;padding:6px 12px}
 .z-badge span{display:none}
 .e-gsap .e-plak>.z-podium{min-height:200px}
}
/* Productscène: eventpagina met aanmelden */
.e-aan{background:radial-gradient(700px 500px at 78% 35%,rgba(142,189,34,.16),transparent 60%),#0E0E10;color:var(--e-tekst)}
.e-gsap .e-aan{height:420vh}
.e-aan .e-stap h3{font-size:clamp(22px,min(2.4vw,4.4vh),36px);line-height:1.08;letter-spacing:-.02em;font-weight:800;margin:0 0 12px;text-wrap:balance}
.a-h{font-size:clamp(30px,min(3.6vw,6.2vh),58px)}
.a-podium{aspect-ratio:7/6}
.a-venster{position:absolute;left:0;top:8%;width:88%}
.a-pagina{position:relative;aspect-ratio:16/10;overflow:hidden;background:#F4F6EC}
.a-pag{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0}
.a-cursor{position:absolute;left:30%;top:60%;width:22px;height:22px;border-radius:50%;background:rgba(248,181,24,.9);box-shadow:0 0 0 8px rgba(248,181,24,.25)}
.a-tel{position:absolute;bottom:0;height:78%;aspect-ratio:9/19.5;border-radius:30px;background:#0A0A0B;border:3px solid #3A3A43;padding:7px;box-shadow:0 50px 90px -30px rgba(0,0,0,.9)}
.a-tel--mail{right:16%}.a-tel--in{right:0;bottom:6%}
.a-scherm{position:relative;width:100%;height:100%;border-radius:23px;overflow:hidden;background:#fff}
.a-scherm img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0}
.a-laser{position:absolute;left:12%;right:12%;top:16%;height:3px;border-radius:2px;background:#E5484D;box-shadow:0 0 14px 3px rgba(229,72,77,.7)}
.a-vb{position:absolute;right:0;top:0;margin:0;font-size:14px;color:var(--e-zacht)}
.e-gsap .a-pag--2,.e-gsap .a-cursor,.e-gsap .a-tel,.e-gsap .a-m2,.e-gsap .a-laser,.e-gsap .a-vb{opacity:0;visibility:hidden}
html:not(.e-gsap) .a-pag--2,html:not(.e-gsap) .a-cursor,html:not(.e-gsap) .a-laser,html:not(.e-gsap) .a-m2{display:none}
html:not(.e-gsap) .a-podium{aspect-ratio:auto;display:flex;flex-wrap:wrap;gap:16px}
html:not(.e-gsap) .a-venster,html:not(.e-gsap) .a-tel{position:relative;left:auto;right:auto;top:auto;bottom:auto}
html:not(.e-gsap) .a-venster{width:100%}html:not(.e-gsap) .a-tel{height:420px}
html:not(.e-gsap) .a-vb{position:static;width:100%}
@media (max-width:900px){
 .a-h{font-size:clamp(28px,7.6vw,40px)}
 .a-venster{top:0;width:100%}
 .a-tel{height:86%;border-radius:20px;padding:4px;border-width:2px}.a-scherm{border-radius:16px}
 .a-tel--mail{right:30%}.a-tel--in{right:2%;bottom:0}
 .a-vb{top:36px;left:8px;right:auto;z-index:5;font-size:13px;padding:4px 10px;border-radius:999px;background:rgba(10,10,11,.85);color:var(--e-tekst)}
 .a-badge span{display:none}
 .e-gsap .e-plak>.a-podium{min-height:220px}
}
/* Checklist */
.e-check{background:var(--e-cream);color:var(--e-cream-inkt);padding:clamp(72px,9vw,128px) clamp(20px,4vw,60px)}
.e-check + .e-cta{border-top:1px solid #DDD3C0}
.k-wrap{max-width:1240px;margin:0 auto}
.k-kop{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(24px,4vw,64px);align-items:end;margin-bottom:clamp(28px,3.5vw,48px)}
.k-h strong{background:var(--e-amber);padding:0 .12em;border-radius:6px;font-weight:inherit}
.k-lead{margin-bottom:0}
.k-meter{width:min(300px,100%);text-align:center;background:#fff;border:1px solid #E6DDCB;border-radius:22px;padding:20px 22px 18px}
.k-meter svg{width:100%;height:auto;display:block}
.k-zone{fill:none;stroke-width:16;stroke-linecap:butt}
.k-zone--1{stroke:#E5484D}.k-zone--2{stroke:#F8B518}.k-zone--3{stroke:#2FA35A}
.k-naald{stroke:#1A1813;stroke-width:5;stroke-linecap:round;transform-box:view-box;transform-origin:100px 110px;transform:rotate(-90deg);transition:transform .6s cubic-bezier(.3,1.5,.5,1)}
.k-as{fill:#1A1813}
.k-score{margin:6px 0 0;font-size:16px;color:#6B6355;font-variant-numeric:tabular-nums}
.k-score b{font-size:40px;line-height:1;color:#1A1813;letter-spacing:-.03em;margin-right:2px}
.k-oordeel{margin:6px 0 0;font-size:16px;font-weight:800;color:#1A1813;min-height:2.6em;text-wrap:balance}
.k-fases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,24px);align-items:start}
.k-fase{background:#fff;border:1px solid #E6DDCB;border-radius:22px;padding:22px 20px 14px}
.k-fase-kop{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid #EFE8DA}
.k-fase-kop span{font-size:20px;font-weight:800;letter-spacing:-.01em}
.k-fase-tel{font-style:normal;font-size:14px;font-weight:700;color:#6B6355;font-variant-numeric:tabular-nums}
.k-lijst{list-style:none;margin:0;padding:0;display:grid}
.k-lijst li+li{border-top:1px solid #F3EEE3}
.k-item{display:flex;gap:14px;align-items:flex-start;width:100%;text-align:left;padding:14px 4px;background:none;border:0;font:inherit;color:inherit;cursor:pointer;border-radius:12px}
.k-item:hover{background:#FBF8F1}
.k-item:focus-visible{outline:3px solid var(--e-amber);outline-offset:2px}
.k-vak{flex:none;width:28px;height:28px;border-radius:8px;border:2px solid #CFC5B1;background:#fff;display:grid;place-items:center;transition:background .2s,border-color .2s,transform .2s}
.k-vak svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .3s .05s}
.k-item[aria-checked="true"] .k-vak{background:#2FA35A;border-color:#2FA35A;transform:scale(1.06)}
.k-item[aria-checked="true"] .k-vak svg{stroke-dashoffset:0}
.k-tekst{display:flex;flex-direction:column;gap:4px;min-width:0}
.k-tekst b{font-size:17px;line-height:1.3;font-weight:800;text-wrap:pretty}
.k-tekst span{font-size:15px;line-height:1.45;color:#5A5246;text-wrap:pretty}
.k-actie{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:clamp(24px,3vw,40px);padding:22px 24px;border-radius:22px;background:#1A1813;color:var(--e-tekst)}
.k-actie-tekst{margin:0;flex:1 1 320px;font-size:17px;line-height:1.45}
.k-wa svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
.k-wis{background:none;border:0;font:inherit;font-size:15px;color:#C9C2B4;text-decoration:underline;text-underline-offset:4px;cursor:pointer;padding:8px 4px}
@media (max-width:980px){.k-fases{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.k-kop{grid-template-columns:minmax(0,1fr)}.k-meter{width:100%;display:grid;grid-template-columns:140px minmax(0,1fr);gap:4px 16px;align-items:center;text-align:left;padding:14px 16px}.k-meter svg{grid-row:1/3}.k-score{margin:0}.k-oordeel{margin:0;min-height:0}}
/* Doelkiezer boven de producten */
.p-kies{margin:0 0 clamp(28px,3.5vw,44px);padding:clamp(20px,2.4vw,28px);border-radius:22px;background:#1A1813;color:var(--e-tekst)}
.p-kies-vraag{margin:0 0 16px;font-size:clamp(20px,1.8vw,26px);font-weight:800;letter-spacing:-.015em}
.p-kies-rij{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.p-optie{display:flex;flex-direction:column;gap:4px;text-align:left;padding:16px 18px;border-radius:16px;background:#26231D;border:2px solid #3A352C;color:var(--e-tekst);font:inherit;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.p-optie:hover{border-color:#6B6355}
.p-optie:focus-visible{outline:3px solid var(--e-amber);outline-offset:2px}
.p-optie b{font-size:17px;line-height:1.25}
.p-optie span{font-size:15px;line-height:1.35;color:#C9C2B4}
.p-optie[aria-pressed="true"]{background:var(--e-amber);border-color:var(--e-amber);color:#0A0A0B;transform:translateY(-2px)}
.p-optie[aria-pressed="true"] span{color:#3E2E00}
.p-kies-uit{margin:16px 0 0;font-size:16px;color:#C9C2B4;min-height:1.5em}
.p-kies-uit b{color:var(--e-tekst)}
.p-kaart{position:relative}
.p-top{position:absolute;left:16px;top:16px;z-index:2;padding:7px 14px;border-radius:999px;background:var(--e-amber);color:#0A0A0B;font-size:15px;font-weight:800;box-shadow:0 10px 24px -8px rgba(0,0,0,.5);opacity:0;visibility:hidden}
.p-kaart.is-top .p-top{opacity:1;visibility:visible}
.p-kaart.is-top{border-color:var(--e-amber);box-shadow:0 0 0 3px var(--e-amber),0 30px 60px -40px rgba(26,24,19,.45)}
@media (max-width:900px){.p-kies-rij{grid-template-columns:repeat(2,minmax(0,1fr))}.p-optie{padding:14px}.p-optie b{font-size:16px}.p-optie span{font-size:14px}}
@media (max-width:900px){.e-held .e-frame video{object-position:50% 70%}.e-gsap .e-held .e-plak>.e-podium{min-height:210px}}
.e-zaal{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 55%;opacity:0;visibility:hidden}
html:not(.e-gsap) .e-zaal{display:none}
/* Mobiele optimalisatie, ronde 2 */
@media (max-width:900px){
 .e-tegel figcaption{height:40px;padding:3px 8px;align-content:center}
 .e-tegel figcaption span{line-height:1.15}
 .p-link{display:inline-flex;align-items:center;min-height:44px}
 .k-wis{min-height:44px}
}
/* Lage telefoonschermen, zoals een iPhone SE: alles iets compacter zodat de knop binnen beeld blijft */
@media (max-width:900px) and (max-height:720px){
 .e-gsap .e-plak{padding-top:calc(var(--e-kop) + 10px);gap:14px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}
 .e-gsap .e-h1,.e-gsap .l-h,.e-gsap .v-h,.e-gsap .z-h,.e-gsap .a-h,.e-gsap .m-h,.e-gsap .d-h,.e-gsap .g-h{font-size:clamp(24px,min(7vw,4.4vh),34px)}
 .e-gsap .e-held .e-h1{font-size:clamp(28px,min(8.4vw,5.2vh),40px)}
 .e-stap h2,.e-stap h3,.e-gast .e-stap h3,.e-les .e-stap h3,.e-mag .e-stap h3,.e-aan .e-stap h3,.e-machine .e-stap h3,.e-doel .e-stap h3,.e-dag .e-stap h3{font-size:19px;margin-bottom:6px}
 .e-stap p{font-size:16px;line-height:1.4}
 .e-knoppen{margin-top:10px}
 .e-knop{min-height:44px;font-size:15px}
 .e-badge{padding:4px 10px 4px 4px}.e-badge svg{width:22px;height:22px;padding:4px}
 .e-voor{margin-top:8px}.e-voor li{padding:4px 10px}
 .e-hint{display:none}
}
.p-optie b,.p-optie span,.p-kies-uit{text-wrap:balance}
@media (max-width:640px){.p-kies-rij{grid-template-columns:minmax(0,1fr);gap:8px}.p-optie{padding:12px 16px}}
.e-tegel figcaption span{align-self:center}
@media (max-width:900px) and (max-height:720px){.e-voor{display:none}}
/* Productscène: ook op een beurs (Scanfie) */
.e-beurs{background:radial-gradient(700px 500px at 78% 35%,rgba(54,120,255,.16),transparent 60%),#0E0E10;color:var(--e-tekst)}
.e-gsap .e-beurs{height:440vh}
.e-beurs .e-stap h3{font-size:clamp(22px,min(2.4vw,4.4vh),36px);line-height:1.08;letter-spacing:-.02em;font-weight:800;margin:0 0 12px;text-wrap:balance}
.b-h{font-size:clamp(30px,min(3.6vw,6.2vh),58px)}
.b-podium{aspect-ratio:7/6}
.b-tv{position:absolute;left:0;top:10%;width:100%;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000;border:1px solid var(--e-lijn);box-shadow:0 40px 80px -40px rgba(0,0,0,.85)}
.b-tv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.b-rec{position:absolute;left:18px;top:18px;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;background:rgba(10,10,11,.75);font-size:15px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}
.b-rec i{width:10px;height:10px;border-radius:50%;background:#E5484D}
.b-speler{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:14px;padding:12px 16px;background:linear-gradient(transparent,rgba(10,10,11,.9) 40%)}
.b-speler span{font-size:14px;font-weight:700;color:#fff;white-space:nowrap}
.b-lijn{position:relative;flex:1;height:6px;border-radius:3px;background:rgba(255,255,255,.25)}
.b-lijn b{position:absolute;top:-3px;width:4px;height:12px;border-radius:2px;background:var(--e-amber)}
.b-vol{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:3px;background:#fff}
.b-shorts{position:absolute;inset:0;pointer-events:none}
.b-short{position:absolute;left:50%;top:50%;width:27%;margin:0;transform:translate(-50%,-50%)}
.b-short img{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:14px;border:3px solid #26262C;box-shadow:0 30px 60px -25px rgba(0,0,0,.9)}
.b-short figcaption{margin-top:8px;font-size:14px;font-weight:700;line-height:1.25;text-align:center;color:var(--e-tekst);text-wrap:balance}
.b-quote{position:absolute;right:0;bottom:4%;width:min(78%,440px);margin:0;padding:20px 22px;border-radius:18px;background:#fff;color:#1A1813;box-shadow:0 40px 80px -30px rgba(0,0,0,.85)}
.b-quote p{margin:0;font-size:clamp(18px,1.5vw,22px);line-height:1.35;font-weight:800;text-wrap:balance}
.b-quote cite{display:block;margin-top:10px;font-size:15px;font-style:normal;color:#6B6355}
.e-gsap .b-t2,.e-gsap .b-rec,.e-gsap .b-speler,.e-gsap .b-short,.e-gsap .b-quote{opacity:0;visibility:hidden}
.e-gsap .b-short{transform:none}
html:not(.e-gsap) .b-t2,html:not(.e-gsap) .b-rec{display:none}
html:not(.e-gsap) .b-podium{aspect-ratio:auto;display:flex;flex-direction:column;gap:16px}
html:not(.e-gsap) .b-tv,html:not(.e-gsap) .b-quote{position:relative;top:auto;right:auto;bottom:auto;width:100%}
html:not(.e-gsap) .b-shorts{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
html:not(.e-gsap) .b-short{position:static;width:auto;transform:none}
@media (max-width:900px){
 .b-h{font-size:clamp(28px,7.6vw,40px)}
 .b-tv{top:0}
 .b-rec{left:10px;top:10px;font-size:14px;padding:4px 9px}
 .b-speler{padding:8px 10px}.b-speler span{font-size:13px}
 .b-short{width:30%}
 .b-short figcaption{display:none}
 .b-short img{border-radius:10px;border-width:2px}
 .b-quote{width:94%;right:3%;bottom:4px;padding:14px 16px}.b-quote p{font-size:17px}.b-quote cite{font-size:14px}
 .b-badge span{display:none}
 .e-gsap .e-plak>.b-podium{min-height:200px}
}
.p-film--staand video{max-height:86vh;width:auto;aspect-ratio:9/16}
.b-short{width:24%}
@media (max-width:900px){.b-short{width:26%}.b-quote{top:50%;bottom:auto;transform:translateY(-50%)}}
button.e-knop--rand{background:transparent}
.e-gast .e-knop--rand,.e-les .e-knop--rand,.e-mag .e-knop--rand,.e-aan .e-knop--rand,.e-beurs .e-knop--rand{color:var(--e-tekst);border-color:#5A5A63}
button.e-knop--rand{border:1.5px solid #5A5A63}
.e-knop--wa{background:#1FA855;color:#fff;gap:8px}
.e-knop--wa svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.g-vb{margin:10px 0 0;font-size:14px;color:#6B6355}
/* Checklist: meebewegende score op mobiel */
.k-mini{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:40;display:flex;align-items:center;gap:12px;padding:10px 10px 10px 16px;border-radius:16px;background:#1A1813;color:var(--e-tekst);box-shadow:0 20px 40px -10px rgba(0,0,0,.5);transform:translateY(140%);transition:transform .35s ease}
.k-mini.aan{transform:none}
.k-mini b{font-size:22px;font-variant-numeric:tabular-nums}
.k-mini span{flex:1;font-size:15px;color:#C9C2B4}
.k-mini a{min-height:44px;padding:0 14px;font-size:15px}
@media (min-width:901px){.k-mini{display:none}}
@media (max-width:440px){
 .e-stap .e-knoppen{flex-wrap:nowrap;gap:8px}
 .e-stap .e-knop{padding:0 13px;font-size:15px;white-space:nowrap;min-height:44px}
 .e-stap .e-knop span[aria-hidden]{display:none}
 .e-beurs .e-knop--rand{display:none}
}
@media (max-width:370px){.e-stap .e-knop{padding:0 10px;font-size:14px}.e-knop--wa svg{display:none}}
@media (max-width:440px){.k-lang{display:none}}
.g-jaar{max-width:54%}
.g-jaar b{line-height:1.05}
@media (max-width:900px){.g-jaar b{font-size:24px}.g-jaar{max-width:52%}}
.e-check + .e-prod{border-top:1px solid #DDD3C0}
.k-los{border:1.5px solid #5A5A63;color:var(--e-tekst)}