@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/poppins-600.woff2)format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/poppins-700.woff2)format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/poppins-800.woff2)format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/poppins-900.woff2)format("woff2")}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:300 500;font-display:swap;src:url(/fonts/bricolage-grotesque.woff2)format("woff2")}:root{--b3-nacht:#0a1238;--b3-navy:#122b65;--b3-roze:#e10171;--b3-roze-glow:#ff4fa3;--b3-vuurvlieg:#ffd66b;--b3-wit:#fff;--b3-paars:#78148c;--verloop-cast:linear-gradient(140deg, #3c5fb0 0%, var(--b3-navy) 55%, var(--b3-nacht) 100%);--tekst:#ffffffe6;--tekst-zacht:#ffffffb8;--tekst-stil:#fff9;--lijn:#ffffff24;--lijn-sterk:#ffffff40;--vlak:#0a1238c7;--vlak-vol:#0a1238eb;--vlak-licht:#ffffff1a;--header-bg:#0a1238b8;--font-display:"Poppins", ui-rounded, "Segoe UI", system-ui, sans-serif;--font-body:"Bricolage Grotesque", "Segoe UI", system-ui, -apple-system, sans-serif;--fs-eyebrow:13px;--ls-eyebrow:.18em;--fs-h1:clamp(32px, 8.2vw, 56px);--fs-h2:clamp(32px, 7.6vw, 56px);--fs-mega:clamp(52px, 15vw, 96px);--fs-h3:22px;--fs-body:16px;--fs-body-lg:17px;--fs-klein:14px;--lh-body:1.7;--ls-kop:-.02em;--r-kaart:24px;--r-beeld:28px;--r-foto:18px;--r-portret:14px;--r-pil:999px;--schaduw-kaart:0 20px 50px #00000059;--gloed-kaart:0 20px 50px #00000059, 0 0 36px #e1017159;--schaduw-knop:0 8px 30px #e1017173;--schaduw-knop-hover:0 10px 40px #ff4fa3b3;--gloed-tekst:0 0 40px #e1017199;--gloed-foto:0 0 30px #e1017180;--schaduw-poster:0 30px 80px #0000008c, 0 0 60px #e1017159;--sectie-y:64px;--gutter:16px;--max:1200px;--max-tekst:680px;--gap:16px;--ease-uit:cubic-bezier(.16, 1, .3, 1);--ease-veer:cubic-bezier(.34, 1.56, .64, 1);--ease-in-uit:cubic-bezier(.65, 0, .35, 1);--t-snel:.16s;--t-mid:.32s;--t-traag:.7s;--z-header:30;--z-dock:40;--z-sheet:60;--veilig-onder:env(safe-area-inset-bottom,0px);--veilig-boven:env(safe-area-inset-top,0px);color-scheme:dark}@media (width>=768px){:root{--sectie-y:96px;--gutter:24px;--fs-body:17px;--gap:20px}}[hidden]{display:none!important}*,:before,:after{box-sizing:border-box}html{background-color:var(--b3-nacht);-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--veilig-boven) + 76px)}body{min-height:100dvh;font-family:var(--font-body);font-size:var(--fs-body);font-weight:400;line-height:var(--lh-body);color:var(--tekst);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:0 0;margin:0;overflow-x:clip}body:before{content:"";z-index:-2;pointer-events:none;background-color:var(--b3-nacht);height:100lvh;transition:filter var(--t-traag) var(--ease-uit);background-image:linear-gradient(#0a123859 0%,#0a12388c 100%),url(/img/achtergrond-1280.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}@media (width>=1025px){body:before{background-image:linear-gradient(#0a123859 0%,#0a12388c 100%),url(/img/achtergrond-2560.webp)}}img{max-width:100%;height:auto;display:block}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}h1,h2,h3,h4,p,blockquote,dl,dd,ol,ul{margin:0}ol,ul{padding:0;list-style:none}::selection{background:var(--b3-roze);color:var(--b3-wit)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip{left:12px;top:calc(var(--veilig-boven) + 12px);z-index:100;background:var(--b3-roze);color:var(--b3-wit);font-family:var(--font-display);border-radius:var(--r-pil);padding:10px 18px;font-weight:700;text-decoration:none;position:fixed;transform:translateY(-200%)}.skip:focus{transform:none}.eyebrow{font-family:var(--font-display);font-weight:700;font-size:var(--fs-eyebrow);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--b3-vuurvlieg);line-height:1.65}.eyebrow--klein{letter-spacing:.18em;font-size:11px}.h1,.h2{font-family:var(--font-display);color:var(--b3-wit);letter-spacing:var(--ls-kop);text-wrap:balance;font-weight:800;line-height:1.05}.h1{font-size:var(--fs-h1)}.h2{font-size:var(--fs-h2)}.h3{font-family:var(--font-display);font-weight:700;font-size:var(--fs-h3);color:var(--b3-roze-glow);text-wrap:balance;line-height:1.2}.mega{font-family:var(--font-display);font-weight:900;font-size:var(--fs-mega);letter-spacing:-.04em;color:var(--b3-roze-glow);text-shadow:var(--gloed-tekst);text-wrap:balance;line-height:1}.lead{font-size:var(--fs-body-lg);color:var(--tekst);max-width:var(--max-tekst);text-wrap:pretty}.body p+p{margin-top:1em}.klein{font-size:var(--fs-klein);color:var(--tekst-zacht)}.link-goud{font-family:var(--font-display);color:var(--b3-vuurvlieg);text-underline-offset:3px;font-weight:600;text-decoration:underline 2px}.btn,.btn-ghost{font-family:var(--font-display);border-radius:var(--r-pil);white-space:nowrap;min-height:52px;transition:transform var(--t-snel) var(--ease-uit), box-shadow var(--t-mid) var(--ease-uit), background-color var(--t-snel), border-color var(--t-snel), color var(--t-snel);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.btn{color:var(--b3-wit);border:2px solid var(--b3-roze);background-color:var(--b3-roze);box-shadow:var(--schaduw-knop);padding:14px 26px;font-size:16px;font-weight:700}.btn-ghost{color:var(--b3-wit);background-color:#0000;border:2px solid #fff9;padding:13px 22px;font-size:15px;font-weight:600}@media (hover:hover){.btn:hover{border-color:var(--b3-roze-glow);background-color:var(--b3-roze-glow);box-shadow:var(--schaduw-knop-hover);transform:translateY(-2px)}.btn-ghost:hover{color:var(--b3-vuurvlieg);border-color:var(--b3-vuurvlieg)}}.btn:active,.btn-ghost:active{transition-duration:80ms;transform:scale(.96)}.btn svg,.btn-ghost svg{flex:none;width:20px;height:20px}.knoppen{flex-wrap:wrap;gap:12px;display:flex}.chip{font-family:var(--font-display);color:var(--b3-wit);border-radius:var(--r-pil);border:1px solid var(--lijn-sterk);background-color:var(--vlak-licht);white-space:nowrap;padding:8px 16px;font-size:14px;font-weight:600;line-height:1.5}.chips{flex-wrap:wrap;gap:8px;display:flex}.filter{scroll-snap-type:x proximity;scrollbar-width:none;padding:4px var(--gutter) 8px;margin-inline:calc(var(--gutter) * -1);-webkit-mask-image:linear-gradient(90deg, transparent 0, #000 var(--gutter), #000 calc(100% - 28px), transparent);mask-image:linear-gradient(90deg, transparent 0, #000 var(--gutter), #000 calc(100% - 28px), transparent);gap:8px;display:flex;overflow-x:auto}.filter::-webkit-scrollbar{display:none}.filter button{scroll-snap-align:start;font-family:var(--font-display);border-radius:var(--r-pil);border:1px solid var(--lijn-sterk);background-color:var(--vlak-licht);min-height:44px;color:var(--b3-wit);transition:background-color var(--t-mid) var(--ease-uit), border-color var(--t-mid), box-shadow var(--t-mid), transform var(--t-snel) var(--ease-uit);flex:none;padding:10px 18px;font-size:14px;font-weight:600}.filter button:active{transform:scale(.95)}.filter button[aria-pressed=true]{background-color:var(--b3-roze);border-color:var(--b3-roze);box-shadow:0 6px 20px #e1017173}@media (width>=768px){.filter{flex-wrap:wrap;margin-inline:0;padding-inline:0;overflow:visible;-webkit-mask-image:none;mask-image:none}}.kaart{border-radius:var(--r-kaart);border:1px solid var(--lijn);background-color:var(--vlak);box-shadow:var(--schaduw-kaart);backdrop-filter:blur(6px);transition:border-color var(--t-mid) var(--ease-uit), box-shadow var(--t-mid) var(--ease-uit), transform var(--t-mid) var(--ease-uit);padding:24px}@media (width>=768px){.kaart{padding:28px}}@media (hover:hover){.kaart--hover:hover{box-shadow:var(--gloed-kaart);border-color:#ff4fa399}}.sectie{width:100%;max-width:var(--max);padding:var(--sectie-y) var(--gutter);margin-inline:auto;position:relative}.sectie-kop{text-align:center;flex-direction:column;align-items:center;gap:10px;margin-bottom:32px;display:flex}.sectie-kop .lead{margin-top:6px}.band{background:linear-gradient(#0a123800 0%,#0a1238d9 18% 82%,#0a123800 100%)}.kop{z-index:var(--z-header);padding-top:var(--veilig-boven);background-color:var(--header-bg);backdrop-filter:blur(14px)saturate(140%);border-bottom:1px solid var(--lijn);transition:transform var(--t-mid) var(--ease-uit), background-color var(--t-mid);position:fixed;inset:0 0 auto}.kop.is-weg{transform:translateY(-100%)}.kop-in{max-width:var(--max);padding:10px var(--gutter);justify-content:space-between;align-items:center;gap:12px;min-height:64px;margin-inline:auto;display:flex}.kop-logo img{width:104px;height:auto}.kop-acties{align-items:center;gap:8px;display:flex}.icoonknop{border-radius:var(--r-pil);border:1px solid var(--lijn-sterk);background-color:var(--vlak-licht);width:44px;height:44px;color:var(--b3-wit);transition:background-color var(--t-mid), border-color var(--t-mid), transform var(--t-snel) var(--ease-uit), color var(--t-mid);place-items:center;display:grid}.icoonknop svg{width:20px;height:20px}.icoonknop:active{transform:scale(.9)}.icoonknop[aria-pressed=true]{background-color:var(--b3-vuurvlieg);border-color:var(--b3-vuurvlieg);color:var(--b3-nacht)}.kop-in{position:relative}.kop-nav{display:none}.kop.menu-open .kop-nav{position:absolute;top:calc(100% - 4px);right:var(--gutter);flex-direction:column;gap:2px;min-width:220px;padding:10px;border:1px solid var(--lijn-sterk);border-radius:20px;background-color:var(--b3-nacht);box-shadow:0 18px 40px #0009;display:flex;animation:vervaag-in .2s var(--ease-uit)}.kop-nav a{font-family:var(--font-display);color:#ffffffd9;padding:10px 14px;border-radius:12px;font-size:16px;font-weight:600;text-decoration:none;transition:color var(--t-snel),background-color var(--t-snel)}.kop-nav a:hover,.kop-nav a[aria-current=true]{color:var(--b3-vuurvlieg);background-color:#ffffff12}.kop-menuknop path{transition:transform var(--t-mid) var(--ease-uit),opacity var(--t-snel);transform-origin:center}.menu-open .kop-menuknop .streep-1{transform:translateY(5px)rotate(45deg)}.menu-open .kop-menuknop .streep-2{opacity:0}.menu-open .kop-menuknop .streep-3{transform:translateY(-5px)rotate(-45deg)}@media (width>=1025px){.kop-logo img{width:130px}}.dock{left:50%;bottom:calc(var(--veilig-onder) + 12px);z-index:var(--z-dock);border-radius:var(--r-pil);border:1px solid var(--lijn-sterk);backdrop-filter:blur(16px)saturate(150%);width:min(100% - 24px,560px);transition:transform var(--t-mid) var(--ease-uit), opacity var(--t-mid);background-color:#0a1238d1;position:fixed;transform:translate(-50%);box-shadow:0 12px 40px #00000080}.dock.is-weg{transform:translate(-50%,calc(100% + 24px))}.dock-rail{scrollbar-width:none;scroll-behavior:smooth;gap:2px;padding:6px 0 6px 6px;display:flex;position:relative;overflow-x:auto}.dock-rail:after{content:"";flex:none;width:6px}.dock-rail::-webkit-scrollbar{display:none}.dock a{z-index:1;font-family:var(--font-display);color:#fffc;border-radius:var(--r-pil);min-height:44px;transition:color var(--t-mid) var(--ease-uit);flex:none;align-items:center;padding:10px 15px;font-size:14px;font-weight:600;text-decoration:none;display:flex;position:relative}.dock a[aria-current=true]{color:var(--b3-wit)}.dock-pil{z-index:0;height:calc(100% - 12px);width:var(--w,0px);transform:translateX(var(--x,0px));border-radius:var(--r-pil);background-color:var(--b3-roze);transition:transform .52s var(--ease-veer), width .42s var(--ease-uit);position:absolute;top:6px;left:0;box-shadow:0 4px 18px #e101718c}@media (width>=1025px){.dock{display:none}}.vliegjes{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.vliegje{left:var(--l);top:var(--t);width:var(--s);height:var(--s);background:var(--b3-vuurvlieg);opacity:.5;border-radius:50%;position:absolute;box-shadow:0 0 10px 3px #ffd66ba6,0 0 22px 6px #ffd66b40}@media (prefers-reduced-motion:no-preference){.vliegje{animation:zweef var(--d) ease-in-out var(--dl) infinite alternate, gloei var(--g) ease-in-out var(--dl) infinite}}@keyframes zweef{0%{transform:translate(0,0)}33%{transform:translate3d(var(--dx), calc(var(--dy) * -.6), 0)}66%{transform:translate3d(calc(var(--dx) * -.5), var(--dy), 0)}to{transform:translate3d(calc(var(--dx) * .6), calc(var(--dy) * -1), 0)}}@keyframes gloei{0%,to{opacity:.12}45%{opacity:1}60%{opacity:.85}}.hero{min-height:calc(100svh - 190px);padding-top:calc(var(--veilig-boven) + 96px);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding-bottom:40px;display:flex}.hero-logo{filter:drop-shadow(0 12px 30px #e1017159);width:min(84vw,460px);margin:2px auto 0}.hero-titel{max-width:16ch}.hero-label{border-radius:var(--r-pil);color:var(--b3-vuurvlieg);font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;background:#ffd66b1a;border:1px solid #ffd66b73;align-items:center;gap:8px;padding:7px 14px 7px 10px;font-size:12px;font-weight:700;display:inline-flex}.hero-label svg{width:16px;height:16px}.verhaal-grid{align-items:center;gap:40px;display:grid}.verhaal-tekst{gap:14px;display:grid}.poster{border-radius:var(--r-beeld);width:min(86%,440px);box-shadow:var(--schaduw-poster);transition:transform var(--t-traag) var(--ease-veer);margin-inline:auto;transform:rotate(-2.5deg)}.poster:hover{transform:rotate(0)scale(1.02)}@media (width>=900px){.verhaal-grid{grid-template-columns:1.1fr .9fr;gap:64px}}.nadruk{font-family:var(--font-display);letter-spacing:-.01em;color:var(--b3-roze-glow);text-shadow:var(--gloed-tekst);margin:6px 0;font-size:clamp(24px,6vw,34px);font-weight:800;line-height:1.15}@media (width>=640px){.draai{min-height:210px}}.draai{border-radius:var(--r-kaart);text-align:center;perspective:1000px;width:100%;min-height:140px;display:block;position:relative}.draai-achter{box-shadow:var(--gloed-kaart);background:linear-gradient(135deg, #e1017152, #78148c66), var(--vlak);border-color:#ff4fa399;transform:rotateY(180deg)}@media (width<=639px){.draai-achter{text-align:left;grid-template-columns:auto 1fr;justify-items:start;gap:4px 16px;padding:16px 20px}.draai-achter .koppel-namen{align-self:end}.draai-achter .klein{align-self:start}}.draai-achter .koppel-namen{font-size:18px}.koppel-namen{font-family:var(--font-display);color:var(--b3-wit);align-items:center;gap:10px;font-size:22px;font-weight:800;display:flex}.koppel-namen svg{width:22px;height:22px;color:var(--b3-roze-glow)}.draai[aria-pressed=true] .koppel-namen svg{animation:hartslag 1.2s var(--ease-in-uit) .6s infinite}@keyframes hartslag{0%,to{transform:scale(1)}15%{transform:scale(1.3)}30%{transform:scale(1)}45%{transform:scale(1.18)}}.nostalgie,.weetje{text-align:center;justify-items:center;gap:14px;margin-top:72px;display:grid}.nostalgie .lead,.weetje .lead{margin-inline:auto}.weetje-feit{justify-items:center;gap:8px;display:grid}.weetje .mega{font-variant-numeric:tabular-nums}.weetje .klein{max-width:44ch}.avatar{--maat:84px;width:var(--maat);aspect-ratio:2/3;border-radius:var(--r-portret);font-family:var(--font-display);font-weight:800;font-size:calc(var(--maat) * .34);letter-spacing:-.02em;color:var(--b3-wit);background:linear-gradient(140deg, var(--b3-navy), var(--b3-nacht));border:3px solid #ffffffb3;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar--hoofd{border:4px solid var(--b3-roze);box-shadow:var(--gloed-foto)}.cast-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:8px;display:grid}@media (width<=359px){.cast-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=600px){.cast-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}@media (width>=1000px){.cast-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.persoon{text-align:center;border:1px solid var(--lijn);background-color:var(--vlak);transition:border-color var(--t-mid) var(--ease-uit), box-shadow var(--t-mid) var(--ease-uit), transform var(--t-mid) var(--ease-uit);border-radius:20px;flex-direction:column;align-items:center;gap:8px;width:100%;min-height:100%;padding:6px 6px 14px;display:flex;position:relative;box-shadow:0 14px 36px #0000004d}.persoon:active{transform:scale(.97)}@media (hover:hover){.persoon:hover{box-shadow:var(--gloed-kaart);border-color:#ff4fa399;transform:translateY(-4px)}}.persoon-item{display:flex}.persoon .avatar{border-radius:var(--r-portret);border-width:2px;width:100%;margin-bottom:2px;font-size:28px}.persoon-naam{font-family:var(--font-display);color:var(--b3-wit);text-wrap:balance;font-size:14px;font-weight:700;line-height:1.25}.persoon .eyebrow{letter-spacing:.14em;font-size:11px;line-height:1.4}@media (width>=600px){.persoon .avatar{font-size:34px}.persoon-naam{font-size:15px}}.cast-noot{text-align:center;color:var(--tekst-zacht);font-size:var(--fs-klein);margin-top:24px;max-width:60ch;margin-inline:auto}.sheet{border:1px solid var(--lijn-sterk);width:100%;max-width:100%;max-height:min(92dvh,92vh);color:var(--tekst);overscroll-behavior:contain;background:linear-gradient(#122b65fa,#0a1238fc 40%);border-bottom:0;border-radius:28px 28px 0 0;flex-direction:column;margin:0;padding:0;display:flex;position:fixed;inset:auto 0 0;overflow:hidden;box-shadow:0 -20px 60px #00000080}html.sheet-open{overflow:hidden}.sheet:not([open]){display:none}.sheet::backdrop{backdrop-filter:blur(4px);background:#05091c99}.sheet[open]{animation:sheet-op .52s var(--ease-uit)}.sheet[open]::backdrop{animation:vervaag-in .4s var(--ease-uit)}.sheet.sluit{animation:sheet-neer .3s var(--ease-in-uit) forwards}.sheet.sluit::backdrop{animation:vervaag-uit .3s var(--ease-in-uit) forwards}.sheet.sleept{transition:none;animation:none}@keyframes sheet-op{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheet-neer{0%{transform:translateY(var(--sleep,0px))}to{transform:translateY(100%)}}@keyframes vervaag-in{0%{opacity:0}}@keyframes vervaag-uit{to{opacity:0}}@media (width>=720px){.sheet{border-bottom:1px solid var(--lijn-sterk);border-radius:28px;width:min(92vw,560px);max-height:86vh;margin:auto;inset:0}.sheet[open]{animation:sheet-pop .46s var(--ease-veer)}.sheet.sluit{animation:sheet-weg .24s var(--ease-in-uit) forwards}@keyframes sheet-pop{0%{opacity:0;transform:translateY(24px)scale(.94)}}@keyframes sheet-weg{to{opacity:0;transform:translateY(16px)scale(.96)}}}.sheet-greep{cursor:grab;touch-action:none;flex:none;place-items:center;padding:10px 0 2px;display:grid}.sheet-greep span{background:#ffffff59;border-radius:3px;width:44px;height:5px}.sheet-sluit{z-index:2;position:absolute;top:12px;right:12px}.sheet-inhoud{overscroll-behavior:contain;padding:8px 22px calc(var(--veilig-onder) + 24px);-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.sheet-kop{touch-action:none;align-items:center;gap:16px;padding:8px 48px 18px 0;display:flex}.sheet-kop .avatar{--maat:96px}.sheet-kop h3{font-family:var(--font-display);color:var(--b3-wit);letter-spacing:-.01em;font-size:24px;font-weight:800;line-height:1.15}.sheet-rolomschrijving{color:var(--tekst-zacht);font-size:var(--fs-klein);margin-top:4px;line-height:1.4}.antwoorden{gap:14px;display:grid}.antwoorden dt{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--b3-roze-glow);font-size:11px;font-weight:700}.antwoorden dd{color:var(--tekst);margin-top:2px}.citaat{font-style:italic;font-size:var(--fs-body-lg);color:var(--b3-wit);background:linear-gradient(135deg,#e1017138,#78148c38);border:1px solid #ff4fa359;border-radius:20px;margin-top:20px;padding:20px 20px 20px 22px;position:relative}.citaat:before{content:"“";font-family:var(--font-display);color:var(--b3-roze-glow);text-shadow:var(--gloed-tekst);font-size:56px;font-style:normal;font-weight:900;line-height:1;position:absolute;top:-18px;left:14px}.sheet-nummers{border:1px solid var(--lijn);background:#ffffff0f;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding:14px 16px;display:flex}.sheet-nummers p{font-size:var(--fs-klein)}.sheet-nummers b{color:var(--b3-wit);font-family:var(--font-display)}.sheet-voet{justify-content:space-between;gap:10px;margin-top:22px;display:flex}.sheet-voet .btn-ghost{min-height:46px;padding:10px 16px;font-size:14px}.muziek-samenvatting{min-height:3.4em;font-size:var(--fs-body);color:var(--tekst);margin:6px 0 18px}.muziek-samenvatting b{font-family:var(--font-display);color:var(--b3-wit)}.nummers{gap:8px;display:grid}.nummer{border:1px solid var(--lijn);background-color:var(--vlak);transition:opacity .38s var(--ease-uit), border-color .38s var(--ease-uit), transform .38s var(--ease-uit), background-color .38s;border-radius:18px;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.badge--x{background:var(--b3-roze);color:var(--b3-wit);box-shadow:0 0 16px #e1017199}.badge--k{background:var(--b3-vuurvlieg);color:var(--b3-nacht)}.nummers[data-actief] .nummer[data-status=""]{opacity:.38}.nummers[data-actief] .nummer[data-status=x]{background-color:#3c0a4699;border-color:#ff4fa38c}.nummers[data-actief] .nummer[data-status=x] .nummer-nr{background:var(--b3-roze);border-color:var(--b3-roze);box-shadow:0 0 16px #e1017199}.pauze{border-radius:var(--r-kaart);text-align:center;background:#ffd66b12;border:1px dashed #ffd66b8c;justify-items:center;gap:10px;margin:28px 0 0;padding:22px;display:grid}.pauze h3{font-family:var(--font-display);color:var(--b3-vuurvlieg);font-size:24px;font-weight:800}.muziek-band{text-align:center;margin-top:28px}.quiz{max-width:640px;margin-inline:auto}.quiz-kaart{align-content:start;gap:18px;min-height:420px;display:grid;position:relative;overflow:hidden}.quiz-stap[hidden]{display:none}.quiz-stap{gap:18px;display:grid}.quiz-stap.in{animation:quiz-in .52s var(--ease-uit)}.quiz-stap.uit{animation:quiz-uit .26s var(--ease-in-uit) forwards}@keyframes quiz-in{0%{opacity:0;transform:translate(40px)}}@keyframes quiz-uit{to{opacity:0;transform:translate(-40px)}}.quiz-voortgang{background:#ffffff1f;border-radius:3px;height:6px;overflow:hidden}.quiz-voortgang span{height:100%;width:var(--p,0%);background:linear-gradient(90deg, var(--b3-roze), var(--b3-roze-glow));border-radius:inherit;transition:width .52s var(--ease-uit);display:block;box-shadow:0 0 12px #ff4fa3b3}.quiz-vraag{font-family:var(--font-display);color:var(--b3-wit);letter-spacing:-.01em;text-wrap:balance;font-size:24px;font-weight:800;line-height:1.2}.quiz-optie{text-align:left;border:1px solid var(--lijn-sterk);width:100%;min-height:56px;font-family:var(--font-display);color:var(--b3-wit);transition:background-color var(--t-mid) var(--ease-uit), border-color var(--t-mid), transform var(--t-snel) var(--ease-uit);background:#ffffff0f;border-radius:18px;padding:14px 18px;font-size:15px;font-weight:600;line-height:1.35}@media (hover:hover){.quiz-optie:hover{background:#e1017124;border-color:#ff4fa3b3}}.quiz-optie:active{transform:scale(.98)}.quiz-optie.gekozen{background:var(--b3-roze);border-color:var(--b3-roze);box-shadow:var(--schaduw-knop)}.uitslag{text-align:center;justify-items:center}.uitslag .avatar{--maat:128px}.uitslag .knoppen{justify-content:center}.vonken{pointer-events:none;width:0;height:0;position:absolute;inset:50% auto auto 50%}.vonk{background:var(--c,var(--b3-vuurvlieg));width:10px;height:10px;box-shadow:0 0 12px var(--c,var(--b3-vuurvlieg));opacity:0;border-radius:50%;margin:-5px;position:absolute}.vonken.knal .vonk{animation:vonk 1.1s var(--ease-uit) forwards;animation-delay:var(--dl,0s)}@keyframes vonk{0%{opacity:1;transform:translate(0)scale(.4)}70%{opacity:1}to{transform:translate(var(--x), var(--y)) scale(1);opacity:0}}.team-grid{gap:14px;display:grid}@media (width>=700px){.team-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1100px){.team-grid{grid-template-columns:repeat(4,1fr)}}.teamlid{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.teamlid q{color:var(--tekst);quotes:"“" "”";margin-top:4px;font-size:15px;font-style:italic;line-height:1.7}.subkop{font-family:var(--font-display);color:var(--b3-wit);text-align:center;margin:56px 0 24px;font-size:28px;font-weight:800}.aftiteling{align-items:start;gap:14px;display:grid}@media (width>=700px){.aftiteling{grid-template-columns:repeat(2,1fr)}}@media (width>=1000px){.aftiteling{grid-template-columns:repeat(3,1fr)}}.aftiteling-groep{padding:20px 22px}.aftiteling-groep .eyebrow{margin-bottom:4px}.aftiteling-groep dl>div{padding:10px 0}.aftiteling-groep dl>div+div{border-top:1px solid var(--lijn)}.aftiteling-groep dt{color:var(--tekst-zacht);font-size:13px}.aftiteling-groep dd{color:var(--b3-wit);margin:2px 0 0;font-size:16px;font-weight:500;line-height:1.5}.producties{gap:18px;display:grid}@media (width>=760px){.producties{grid-template-columns:repeat(2,1fr);gap:24px}}.productie{flex-direction:column;padding:0;display:flex;overflow:hidden}.productie-beeld{aspect-ratio:3/2;background:var(--b3-navy);width:100%;display:block;position:relative;overflow:hidden}.productie-beeld img{object-fit:cover;width:100%;height:100%;transition:transform .9s var(--ease-uit)}.productie-beeld:after{content:"";background:linear-gradient(#0a123800 55%,#0a1238d9 100%);position:absolute;inset:0}@media (hover:hover){.productie-beeld:hover img{transform:scale(1.05)}}.productie-jaar{z-index:1;backdrop-filter:blur(6px);background-color:#0a1238b3;position:absolute;top:14px;left:14px}.productie-aantal{z-index:1;font-family:var(--font-display);color:var(--b3-wit);align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex;position:absolute;bottom:12px;right:14px}.productie-aantal svg{width:18px;height:18px}.productie-info{justify-items:start;gap:12px;padding:20px 22px 24px;display:grid}.productie-titel{font-family:var(--font-display);color:var(--b3-wit);text-wrap:balance;font-size:22px;font-weight:800;line-height:1.15}.productie-bekend{font-size:var(--fs-klein);color:var(--b3-vuurvlieg);align-items:center;gap:8px;display:inline-flex}.productie-bekend svg{flex:none;width:16px;height:16px}.productie-info .btn-ghost{min-height:46px;margin-top:4px;padding:10px 18px;font-size:14px}.galerij{gap:12px;margin:18px 0 16px;display:grid}.galerij img{border-radius:var(--r-foto);background:var(--b3-navy);width:100%;height:auto}.credits{color:var(--tekst-zacht);flex-wrap:wrap;gap:6px 14px;font-size:13px;display:flex}.info-grid{gap:14px;display:grid}@media (width>=700px){.info-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (width>=1100px){.info-grid{grid-template-columns:repeat(3,1fr)}}.info-kaart{flex-direction:column;gap:10px;display:flex}.info-kaart p{font-size:15px;line-height:1.7}.faq{gap:12px;max-width:860px;margin:56px auto 0;display:grid}.faq details{border-radius:var(--r-kaart);border:1px solid var(--lijn);background-color:var(--vlak);interpolate-size:allow-keywords;transition:border-color var(--t-mid)}.faq details[open]{border-color:#ff4fa373}.faq summary{cursor:pointer;min-height:64px;font-family:var(--font-display);color:var(--b3-wit);justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;font-size:16px;font-weight:700;line-height:1.4;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";background:linear-gradient(var(--b3-roze-glow), var(--b3-roze-glow)) center / 100% 3px no-repeat, linear-gradient(var(--b3-roze-glow), var(--b3-roze-glow)) center / 3px 100% no-repeat;width:16px;height:16px;transition:transform var(--t-mid) var(--ease-veer);border-radius:2px;flex:none}.faq details[open] summary:after{transform:rotate(135deg)}.faq details::details-content{block-size:0;transition:block-size .38s var(--ease-uit), content-visibility .38s allow-discrete;overflow:hidden}.faq details[open]::details-content{block-size:auto}.scenes{margin:8px calc(var(--gutter) * -1) 0;padding:4px var(--gutter) 12px;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;overscroll-behavior-x:contain;gap:12px;list-style:none;display:flex;overflow-x:auto}.scenes::-webkit-scrollbar{display:none}.scenes li{scroll-snap-align:start;flex:none;width:min(78vw,420px)}.scene{aspect-ratio:3/2;border-radius:var(--r-foto);border:1px solid var(--lijn);background:var(--b3-navy);width:100%;box-shadow:var(--schaduw-kaart);display:block;overflow:hidden}.scene img{object-fit:cover;width:100%;height:100%;transition:transform .9s var(--ease-uit)}@media (hover:hover){.scene:hover img{transform:scale(1.04)}}.scenes-credit{text-align:center;color:var(--tekst-stil)}.scenes-knop{justify-content:center;margin-top:14px}.voet{background-color:var(--vlak-vol);border-top:1px solid var(--lijn);padding:56px var(--gutter) calc(var(--veilig-onder) + 120px)}.voet-in{max-width:var(--max);gap:36px;margin-inline:auto;display:grid}@media (width>=900px){.voet{padding-bottom:40px}.voet-in{grid-template-columns:1.4fr 1fr 1fr 1fr}}.voet img{width:56px;height:auto}.voet h4{margin-bottom:10px}.voet p,.voet li{color:var(--tekst);font-size:15px;line-height:1.75}.voet a{color:var(--tekst)}.voet-onder{max-width:var(--max);border-top:1px solid var(--lijn);color:var(--tekst-stil);flex-wrap:wrap;justify-content:space-between;gap:10px;margin:40px auto 0;padding-top:24px;font-size:13px;display:flex}.heel{white-space:nowrap}.toast{left:50%;bottom:calc(var(--veilig-onder) + 88px);z-index:80;opacity:0;pointer-events:none;border:1px solid var(--lijn-sterk);background-color:var(--b3-navy);max-width:min(92vw,420px);color:var(--b3-wit);font-family:var(--font-display);text-align:center;transition:transform var(--t-mid) var(--ease-veer), opacity var(--t-mid);border-radius:16px;padding:12px 18px;font-size:14px;font-weight:600;line-height:1.4;position:fixed;transform:translate(-50%,20px);box-shadow:0 12px 40px #00000073}.toast.zichtbaar{opacity:1;transform:translate(-50%)}@media (width>=1025px){.toast{bottom:32px}}html.js [data-onthul]{opacity:0;transition:opacity .9s var(--ease-uit), transform .9s var(--ease-uit);transition-delay:calc(var(--i,0) * 70ms);transform:translateY(28px)scale(.985)}html.js [data-onthul].in{opacity:1;transform:none}html.js .hero [data-start]{opacity:.01;animation:start-in 1s var(--ease-uit) forwards;animation-delay:calc(.12s + var(--i,0) * 90ms);transform:translateY(22px)}html.js .hero .hero-logo[data-start]{animation-name:logo-in;animation-duration:1.2s;animation-timing-function:var(--ease-veer);transform:scale(.82)rotate(-5deg)}@keyframes start-in{to{opacity:1;transform:none}}@keyframes logo-in{to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}html.js [data-onthul],html.js .hero [data-start]{opacity:1;transform:none}}.welkom{padding-block:0 var(--sectie-y)}.welkom-kaart{max-width:var(--max-tekst);flex-direction:column;gap:14px;margin-inline:auto;display:flex}.welkom-tekst{color:var(--tekst)}.welkom-onder{border-top:1px solid var(--lijn);align-items:center;gap:16px;margin-top:6px;padding-top:18px;display:flex}.welkom-foto-rij{flex:none;margin:0;padding:0;list-style:none;display:flex}.welkom-foto{aspect-ratio:1;border:3px solid var(--b3-roze);width:64px;box-shadow:var(--gloed-foto);background:var(--verloop-cast);border-radius:50%;overflow:hidden}.welkom-foto+.welkom-foto{margin-inline-start:-16px}.welkom-foto img{object-fit:cover;width:100%;height:100%;display:block}.welkom-naam{font-family:var(--font-display);flex-direction:column;gap:2px;display:flex}.welkom-naam strong{color:var(--b3-wit);font-weight:700}@media (width>=768px){.welkom-foto{width:80px}.welkom-onder{gap:20px}}.sheet-weetje{font-size:var(--fs-klein);background:#ffd66b1a;border:1px solid #ffd66b59;border-radius:18px;margin-top:20px;padding:14px 16px}.sheet-weetje b{font-family:var(--font-display);color:var(--b3-vuurvlieg);font-weight:700}.dankwoord{max-width:var(--max-tekst);text-align:center;border-color:#ff4fa373;flex-direction:column;gap:8px;margin:24px auto 0;display:flex}.teamlid-weetje{margin-top:12px}.teamlid-weetje b{font-family:var(--font-display);color:var(--b3-vuurvlieg);font-weight:700}
.hero-chips{justify-content:center;margin:0;padding:0}.disclaimer{margin:14px auto 0;text-align:center}.faq-antwoord{padding:0 22px 22px;color:var(--tekst);line-height:1.7}.faq-antwoord p{max-width:68ch}.voet-onder a{color:inherit;text-decoration:underline}.contact-formulier{max-width:760px;margin:0 auto}.contact-formulier iframe{display:block;border:0;width:100%}.juridisch{max-width:var(--max-tekst,720px);margin:0 auto}.juridisch h2{font-family:var(--font-display);color:var(--b3-vuurvlieg);font-size:20px;margin:28px 0 8px}.juridisch p,.juridisch li{color:var(--tekst);line-height:1.75}.juridisch ul{list-style:disc;padding-left:22px;margin:8px 0}
