@font-face{font-family:"Fredoka";src:url("/look/fnt/fredoka-v.woff2") format("woff2");font-weight:300 700;font-display:swap}
:root{
  --bg:#141824;--bg2:#1a1f2d;--bg3:#222939;--lijn:#2d3549;
  --ink:#f5f2ea;--mut:#cfd3de;
  --goud:#ffc21a;--goud2:#ffad0d;--oranje:#ff7a1a;--rood:#e5482b;
  --room:#fff3d6;--room2:#ffe8b0;--donker:#1a1e29;
  --r:16px;--rond:999px;
  --kop:"Fredoka",ui-rounded,"Arial Rounded MT Bold",system-ui,sans-serif;
  --tekst:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --ease:cubic-bezier(.2,.8,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--bg);color:var(--ink);font:400 18px/1.62 var(--tekst);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--goud)}
a:hover{color:#ffd65c}
h1,h2,h3,h4{font-family:var(--kop);line-height:1.08;margin:0 0 .5em;letter-spacing:-.01em;font-weight:600}
h2{font-size:clamp(30px,4.2vw,46px)}
h3{font-size:clamp(21px,2.3vw,26px);font-weight:600;margin-top:1.4em}
p{margin:0 0 1em}
ul,ol{padding-left:1.2em}
li{margin:.25em 0}
strong{font-weight:700}
.ei-wrap{width:min(1200px,100% - 32px);margin-inline:auto}
.ei-skip{position:absolute;left:-9999px;top:8px;background:var(--goud);color:#111;padding:8px 14px;border-radius:8px;z-index:100}
.ei-skip:focus{left:12px}
.ei-acc{color:var(--goud)}
.ei-muted{color:#cfd3de;font-size:17px}
:focus-visible{outline:3px solid var(--goud);outline-offset:3px;border-radius:6px}

/* buttons */
.ei-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 26px;border-radius:12px;
  background:linear-gradient(180deg,#ffd03f,var(--goud) 45%,var(--goud2));color:#1b1606;font:600 18px/1 var(--kop);text-decoration:none;
  box-shadow:0 4px 0 #c98400,0 10px 24px -10px rgba(255,180,0,.6);transition:transform .18s var(--ease),box-shadow .18s var(--ease);white-space:nowrap}
.ei-btn:hover{color:#1b1606;transform:translateY(-2px);box-shadow:0 6px 0 #c98400,0 16px 28px -12px rgba(255,180,0,.7)}
.ei-btn:active{transform:translateY(2px);box-shadow:0 1px 0 #c98400}
.ei-btn--line{background:transparent;color:var(--ink);border:2px solid var(--goud);box-shadow:none}
.ei-btn--line:hover{color:var(--goud);box-shadow:none}
.ei-btn--kop{min-height:42px;padding:0 18px;font-size:16px}
.ei-btn--vol{width:100%}
.ei-btn--pulse{animation:eiPulse 2.6s var(--ease) infinite}
@keyframes eiPulse{0%,70%,100%{box-shadow:0 4px 0 #c98400,0 0 0 0 rgba(255,194,26,.55)}35%{box-shadow:0 4px 0 #c98400,0 0 0 12px rgba(255,194,26,0)}}

/* header */
.ei-kop{position:sticky;top:0;z-index:40;background:rgba(20,24,36,.94);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid rgba(255,255,255,.06)}
.ei-kop__in{display:flex;align-items:center;gap:18px;height:68px}
.ei-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex:none}
.ei-logo__img{width:132px;height:auto}
.ei-logo__tag{font:500 13px/1 var(--kop);color:#1b1606;background:var(--goud);padding:5px 8px;border-radius:6px;transform:rotate(-3deg)}
.ei-nav{margin-left:auto}
.ei-nav>ul{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.ei-nav li{margin:0;position:relative}
.ei-nav a,.ei-nav__knop{display:block;padding:10px 14px;border-radius:10px;color:var(--ink);text-decoration:none;font:500 16px/1.2 var(--kop);background:none;border:0;cursor:pointer}
.ei-nav a:hover,.ei-nav__knop:hover,.ei-nav a[aria-current]{background:var(--bg3);color:var(--goud)}
.ei-nav__knop::after{content:"";display:inline-block;width:7px;height:7px;margin-left:8px;border:solid currentColor;border-width:0 2px 2px 0;transform:translateY(-3px) rotate(45deg)}
.ei-nav__drop{position:absolute;top:calc(100% + 6px);left:0;min-width:230px;list-style:none;margin:0;padding:8px;background:var(--bg2);border:1px solid var(--lijn);border-radius:14px;
  box-shadow:0 20px 40px -14px rgba(0,0,0,.6);opacity:0;visibility:hidden;transform:translateY(6px);transition:.2s var(--ease)}
.ei-nav__groep:hover .ei-nav__drop,.ei-nav__groep:focus-within .ei-nav__drop,.ei-nav__groep.is-open .ei-nav__drop{opacity:1;visibility:visible;transform:none}
.ei-burger{display:none;width:46px;height:46px;border-radius:12px;background:var(--bg3);border:0;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px}
.ei-burger span{display:block;width:20px;height:2px;background:var(--ink);border-radius:2px}
@media (max-width:1023px){.ei-nav{display:none}.ei-burger{display:flex}.ei-btn--kop{margin-left:auto}}
@media (max-width:420px){.ei-logo__tag{display:none}.ei-logo__img{width:112px}.ei-kop__in{gap:10px}}

/* drawer */
.ei-lade{position:fixed;inset:0;z-index:60;background:rgba(8,10,16,.6)}
.ei-lade[hidden]{display:none}
.ei-lade__paneel{position:absolute;right:0;top:0;bottom:0;width:min(360px,88vw);background:var(--bg2);padding:16px 18px 24px;overflow-y:auto;overscroll-behavior:contain;
  display:flex;flex-direction:column;gap:14px;animation:eiLade .28s var(--ease)}
@keyframes eiLade{from{transform:translateX(30px);opacity:.4}}
.ei-lade__kop{display:flex;justify-content:space-between;align-items:center;font-family:var(--kop);font-size:20px}
.ei-lade__dicht{width:44px;height:44px;border-radius:12px;border:0;background:var(--bg3);color:var(--ink);font-size:28px;line-height:1;cursor:pointer}
.ei-lade__lijst{list-style:none;margin:0;padding:0}
.ei-lade__lijst a{display:flex;align-items:center;min-height:48px;padding:0 12px;border-radius:10px;color:var(--ink);text-decoration:none;font:500 18px/1.2 var(--kop);border-bottom:1px solid rgba(255,255,255,.05)}
.ei-lade__lijst a:hover{background:var(--bg3);color:var(--goud)}
body.ei-vast{overflow:hidden}

/* hero */
.ei-hero{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 85% 10%,#262e45 0,var(--bg) 60%)}
.ei-hero::after{content:"";position:absolute;left:46%;right:0;top:34%;bottom:0;background:linear-gradient(100deg,#ff6a1a,#ff8f1e 50%,var(--goud));clip-path:polygon(22% 34%,100% 0,100% 100%,0 100%);z-index:0}
.ei-hero__in{position:relative;z-index:1}
.ei-hero__in{display:grid;grid-template-columns:1.05fr .95fr;gap:32px;align-items:center;min-height:540px;padding:48px 0 56px}
.ei-hero h1{font-size:clamp(36px,5.6vw,68px);font-weight:700;letter-spacing:-.02em;margin-bottom:18px}
.ei-hero h1 em{font-style:normal;color:var(--goud)}
.ei-hero__lead{font-size:clamp(17px,1.6vw,19px);color:#e6e2d8;max-width:56ch}
.ei-hero__lead b{color:var(--goud)}
.ei-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 14px}
.ei-hero__meta{font-size:16px;color:#d7dae3;margin:0}
.ei-hero__art{position:relative;min-height:420px;display:flex;justify-content:flex-end;align-items:flex-end}
.ei-hero__mascot{width:min(460px,100%);border-radius:28px;box-shadow:0 30px 60px -24px rgba(0,0,0,.7);transform:rotate(1.5deg)}
.ei-hero__c{position:absolute;width:150px;border-radius:18px;overflow:hidden;border:3px solid var(--goud);box-shadow:0 18px 30px -12px rgba(0,0,0,.7);transition:transform .5s var(--ease)}
.ei-hero__c1{left:0;bottom:32px;transform:rotate(-9deg);z-index:2}
.ei-hero__c2{left:120px;bottom:-6px;transform:rotate(4deg);z-index:3}
.ei-hero__c3{left:24px;top:24px;width:118px;transform:rotate(-4deg);z-index:1;border-color:#fff}
.ei-hero__art:hover .ei-hero__c1{transform:rotate(-12deg) translateY(-6px)}
.ei-hero__art:hover .ei-hero__c2{transform:rotate(7deg) translateY(-8px)}
@media (max-width:860px){
  .ei-hero::after{left:0;top:auto;height:240px;clip-path:polygon(0 40%,100% 0,100% 100%,0 100%)}
  .ei-hero__in{grid-template-columns:1fr;min-height:0;padding:22px 0 30px;gap:18px}
  .ei-hero__art{min-height:0;order:2;justify-content:center}
  .ei-hero__mascot{width:min(340px,78%);margin-left:auto}
  .ei-hero__c{width:104px}.ei-hero__c3{display:none}
  .ei-hero__c1{left:2%;bottom:20px}.ei-hero__c2{left:24%;bottom:-8px}
  .ei-hero__cta{margin:16px 0 8px}
  .ei-hero h1{margin-bottom:12px}
}
@media (max-width:420px){.ei-hero__lead{font-size:16px}.ei-btn{min-height:48px;padding:0 20px;font-size:17px}}

/* toc */
.ei-toc{margin:28px 0 0;background:var(--bg2);border:1px solid var(--lijn);border-radius:var(--r)}
.ei-toc summary{cursor:pointer;list-style:none;padding:16px 20px;font:600 18px/1.2 var(--kop);display:flex;justify-content:space-between;gap:12px;align-items:center}
.ei-toc summary::-webkit-details-marker{display:none}
.ei-toc summary span{font:400 14px/1 var(--tekst);color:var(--mut);margin-left:auto}
.ei-toc summary::after{content:"+";font-size:26px;color:var(--goud);line-height:1}
.ei-toc[open] summary::after{content:"\2212"}
.ei-toc ol{margin:0;padding:4px 24px 18px 44px;columns:2;column-gap:40px}
.ei-toc li{break-inside:avoid}
.ei-toc a{color:var(--ink);text-decoration:none}
.ei-toc a:hover{color:var(--goud)}
@media (max-width:700px){.ei-toc ol{columns:1}}

/* sections */
.ei-sec{padding:72px 0}
.ei-sec--strak{padding:56px 0}
.ei-sec--room{background:var(--room);color:var(--donker)}
.ei-sec--room a{color:#9a4a00}
.ei-sec--room .ei-acc{color:#d35b00}
.ei-sec--room .ei-muted{color:#3e3b35}
.ei-sec--diep{background:var(--bg2)}
@media (max-width:700px){.ei-sec{padding:44px 0}.ei-sec--strak{padding:40px 0}}
.ei-prose{max-width:none}
.ei-prose>h2:first-child{margin-top:0}
.ei-kopregel{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:22px;flex-wrap:wrap}
.ei-kopregel h2{margin:0;padding-left:16px;border-left:6px solid var(--oranje)}
.ei-kopregel p{margin:0;color:#dcdfe7;max-width:620px;font-size:18px}
.ei-sec--room .ei-kopregel p{color:#3e3b35}
.ei-split{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:stretch}
.ei-split--om{grid-template-columns:.85fr 1.15fr}
.ei-split--om>.ei-split__art{order:-1}
.ei-split__art{margin:0;display:flex}
.ei-split__art img{border-radius:24px;width:100%;height:100%;max-height:620px;min-height:320px;object-fit:cover;box-shadow:0 26px 50px -26px rgba(0,0,0,.6)}
@media (max-width:860px){.ei-split,.ei-split--om{grid-template-columns:1fr;gap:28px}.ei-split--om>.ei-split__art{order:0}}
.ei-twee{display:grid;grid-template-columns:1fr 1fr;gap:32px}
@media (max-width:760px){.ei-twee{grid-template-columns:1fr;gap:8px}}

/* chips */
.ei-chips{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 12px;margin-bottom:10px;scrollbar-width:none}
.ei-chips::-webkit-scrollbar{display:none}
.ei-chip{flex:none;min-height:44px;padding:0 18px;border-radius:12px;border:1px solid var(--lijn);background:var(--bg3);color:var(--ink);font:500 16px/1 var(--kop);cursor:pointer;transition:.2s var(--ease)}
.ei-chip:hover{border-color:var(--goud)}
.ei-chip.is-on{background:var(--goud);color:#1b1606;border-color:var(--goud)}

/* shelf */
.ei-plank{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.ei-plank--5{grid-template-columns:repeat(5,1fr)}
.ei-tegel{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:var(--ink);min-width:0}
.ei-tegel.is-weg{display:none}
.ei-tegel__cover{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:1;background:var(--bg3);box-shadow:0 12px 24px -16px rgba(0,0,0,.8);transition:transform .3s var(--ease)}
.ei-tegel__cover img{width:100%;height:100%;object-fit:cover}
.ei-tegel__play{position:absolute;inset:auto 10px 10px;display:flex;justify-content:center;align-items:center;min-height:38px;border-radius:10px;background:var(--goud);color:#1b1606;font:600 15px/1 var(--kop);
  opacity:0;transform:translateY(8px);transition:.25s var(--ease)}
.ei-tegel:hover .ei-tegel__cover,.ei-tegel:focus-visible .ei-tegel__cover{transform:translateY(-6px)}
.ei-tegel:hover .ei-tegel__play,.ei-tegel:focus-visible .ei-tegel__play{opacity:1;transform:none}
.ei-tegel__naam{font:500 16px/1.25 var(--kop);margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ei-tegel__prov{font-size:14px;color:#c4c9d6}
.ei-sec--room .ei-tegel{color:var(--donker)}
.ei-sec--room .ei-tegel__prov{color:#6c675c}
@media (max-width:1023px){.ei-plank,.ei-plank--5{grid-template-columns:repeat(4,1fr)}}
@media (max-width:700px){
  .ei-plank,.ei-plank--5{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:8px;margin-right:-16px;padding-right:16px;scrollbar-width:thin}
  .ei-tegel{flex:0 0 38%;scroll-snap-align:start}
  .ei-tegel__play{opacity:1;transform:none;min-height:32px;font-size:14px;inset:auto 6px 6px}
}
.ei-plank-meer{margin-top:18px;font:500 16px/1.3 var(--kop)}

/* top 10 */
.ei-top10-sec{position:relative;padding:72px 0 0;background:var(--bg)}
.ei-top10-sec .ei-kopregel h2 em{font-style:normal;color:var(--goud)}
.ei-top10{list-style:none;margin:0;padding:24px 0 34px;display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x mandatory;position:relative;scrollbar-width:thin;
  background:linear-gradient(180deg,transparent 0 52%,#ff6a1a 52%,#ff8b1d 78%,#ffae22 100%)}
.ei-top10 li{flex:0 0 auto;margin:0;scroll-snap-align:start}
.ei-top10__a{display:grid;grid-template-columns:92px 168px;align-items:center;text-decoration:none;color:var(--ink);padding-right:14px}
.ei-top10__nr{width:112px;height:auto;margin-right:-26px;position:relative;z-index:1;filter:drop-shadow(0 8px 14px rgba(0,0,0,.45));transition:transform .35s var(--ease)}
.ei-top10__cover{display:block;border-radius:18px;overflow:hidden;border:4px solid var(--goud);box-shadow:0 0 0 4px rgba(255,194,26,.25),0 20px 30px -14px rgba(0,0,0,.8);transition:transform .35s var(--ease)}
.ei-top10__naam{grid-column:2;font:600 15px/1.2 var(--kop);margin-top:10px;color:#1b1606;min-height:2.4em}
.ei-top10__naam small{display:block;font:500 13px/1.2 var(--tekst);color:#3b2a0a;opacity:.85}
.ei-top10__a:hover .ei-top10__cover{transform:translateY(-8px) rotate(-1.5deg)}
.ei-top10__a:hover .ei-top10__nr{transform:scale(1.06)}
.ei-top10-wrap{position:relative}
.ei-top10-wrap .ei-wrap{overflow:visible}
@media (max-width:700px){.ei-top10__a{grid-template-columns:70px 128px}.ei-top10__nr{width:84px;margin-right:-20px}}

/* table */
.ei-tbl-wrap{margin:24px 0;border-radius:var(--r);overflow:hidden;box-shadow:0 18px 40px -26px rgba(0,0,0,.7)}
.ei-tbl{width:100%;border-collapse:collapse;font-size:17px;background:var(--bg2)}
.ei-tbl caption{caption-side:bottom;text-align:left;padding:10px 16px;font-size:15px;color:#cfd3de;background:var(--bg2)}
.ei-tbl thead th{background:var(--goud);color:#1b1606;font:600 16px/1.2 var(--kop);text-align:left;padding:14px 16px}
.ei-tbl td,.ei-tbl tbody th{padding:13px 16px;text-align:left;vertical-align:top;font-weight:400}
.ei-tbl tbody th{font-weight:700}
.ei-tbl tbody tr:nth-child(even){background:var(--bg3)}
.ei-sec--room .ei-tbl{background:#fff;color:var(--donker)}
.ei-sec--room .ei-tbl tbody tr:nth-child(even){background:#fff8e8}
.ei-sec--room .ei-tbl caption{background:#fff;color:#5d5a52}
@media (max-width:640px){
  .ei-tbl thead{display:none}
  .ei-tbl,.ei-tbl tbody,.ei-tbl tr,.ei-tbl td,.ei-tbl tbody th{display:block;width:100%}
  .ei-tbl tr{padding:12px 4px;border-bottom:2px solid var(--goud)}
  .ei-tbl td,.ei-tbl tbody th{padding:4px 12px}
  .ei-tbl td::before{content:attr(data-l) ": ";font-weight:700;color:var(--goud)}
  .ei-sec--room .ei-tbl td::before{color:#a35600}
  .ei-tbl tbody th{font:600 18px/1.3 var(--kop)}
}

/* steps */
.ei-stappen{list-style:none;padding:0;margin:26px 0;counter-reset:st;display:grid;gap:18px}
.ei-stappen li{counter-increment:st;position:relative;padding:4px 0 4px 78px;min-height:64px;margin:0}
.ei-stappen li::before{content:counter(st);position:absolute;left:0;top:0;width:54px;height:66px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;
  background:radial-gradient(circle at 35% 30%,#ffe27a,var(--goud) 55%,#e79a00);color:#1b1606;font:700 26px/66px var(--kop);text-align:center;box-shadow:0 10px 18px -8px rgba(231,154,0,.7)}
.ei-stappen strong{display:block;font:600 20px/1.25 var(--kop);margin-bottom:4px}
.ei-stappen p{margin:0}

/* cards row (game type picker) */
.ei-kiezer{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}
.ei-kiezer a{display:flex;flex-direction:column;text-decoration:none;color:var(--ink);background:var(--bg3);border-radius:22px;overflow:hidden;transition:transform .3s var(--ease)}
.ei-kiezer a:hover{transform:translateY(-6px);color:var(--ink)}
.ei-kiezer__beeld{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.ei-kiezer__beeld img{aspect-ratio:1;object-fit:cover;width:100%}
.ei-kiezer__t{padding:18px 20px 22px}
.ei-kiezer__t h3{margin:0 0 6px}
.ei-kiezer__t p{margin:0;color:#e2e4ea;font-size:17px}
.ei-kiezer__t span{display:inline-block;margin-top:12px;color:var(--goud);font:600 16px/1 var(--kop)}
@media (max-width:860px){.ei-kiezer{grid-template-columns:1fr}}

/* note */
.ei-let{margin:26px 0;padding:20px 22px 20px 24px;border-radius:var(--r);background:linear-gradient(90deg,rgba(255,122,26,.16),rgba(255,122,26,.04));border-left:6px solid var(--oranje)}
.ei-let p:last-child{margin:0}
.ei-let strong:first-child{font-family:var(--kop);font-size:19px;display:block;margin-bottom:4px;color:var(--goud)}
.ei-sec--room .ei-let{background:#ffe2bf}
.ei-sec--room .ei-let strong:first-child{color:#a64500}

/* big quote */
.ei-groot{font:600 clamp(24px,3.2vw,36px)/1.25 var(--kop);max-width:30ch;margin:0}
.ei-groot em{font-style:normal;color:var(--goud)}

/* calculator */
.ei-teller{margin:28px 0;background:var(--donker);color:var(--ink);border-radius:24px;padding:26px;display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center}
.ei-teller label{display:block;font:500 15px/1.2 var(--kop);margin:0 0 6px;color:var(--mut)}
.ei-teller input{width:100%;min-height:48px;border-radius:12px;border:2px solid var(--lijn);background:var(--bg3);color:var(--ink);font:600 20px/1 var(--kop);padding:0 14px;margin-bottom:14px}
.ei-teller__uit{font:700 clamp(36px,5vw,56px)/1 var(--kop);color:var(--goud)}
.ei-teller__uit small{display:block;font:400 15px/1.4 var(--tekst);color:var(--mut);margin-top:8px}
@media (max-width:700px){.ei-teller{grid-template-columns:1fr;padding:20px}}

/* band */
.ei-band{background:linear-gradient(100deg,#1d2335 0 48%,#ff7a1a 48.2%,#ffb21d 100%);overflow:hidden}
.ei-band__in{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:56px 0}
.ei-band__img{border-radius:24px;box-shadow:0 30px 60px -30px rgba(0,0,0,.8);transform:rotate(-1.5deg)}
.ei-band__txt{color:#1b1606}
.ei-band__h{font-size:clamp(28px,3.6vw,42px)}
.ei-band__txt p{font-size:18px;max-width:46ch}
.ei-band .ei-btn{background:#1b1f2a;color:var(--goud);box-shadow:0 4px 0 #000}
.ei-band .ei-btn:hover{color:#ffd65c}
@media (max-width:760px){.ei-band{background:linear-gradient(180deg,#1d2335 0 38%,#ff7a1a 38.2%,#ffb21d 100%)}.ei-band__in{grid-template-columns:1fr;padding:36px 0 44px;gap:24px}}

/* rg, sources, faq */
.ei-rg{background:var(--bg2);border-top:4px solid var(--oranje)}
.ei-rg__in{display:grid;grid-template-columns:150px 1fr;gap:28px;align-items:center}
.ei-rg__img{width:150px}
.ei-rg h2{font-size:clamp(26px,3vw,34px)}
@media (max-width:640px){.ei-rg__in{grid-template-columns:1fr}.ei-rg__img{width:110px}}
.ei-bronnen{padding-top:56px;padding-bottom:40px}
.ei-bronnen h2{font-size:28px}
.ei-bronnen ul{columns:2;column-gap:40px;font-size:17px}
.ei-bronnen li{break-inside:avoid}
@media (max-width:700px){.ei-bronnen ul{columns:1}}
.ei-faq{padding-top:40px}
.ei-faq__item{border-bottom:1px solid var(--lijn)}
.ei-faq__item summary{cursor:pointer;list-style:none;padding:20px 44px 20px 0;font:600 19px/1.3 var(--kop);position:relative}
.ei-faq__item summary::-webkit-details-marker{display:none}
.ei-faq__item summary::after{content:"";position:absolute;right:8px;top:24px;width:12px;height:12px;border:solid var(--goud);border-width:0 3px 3px 0;transform:rotate(45deg);transition:transform .25s var(--ease)}
.ei-faq__item[open] summary::after{transform:rotate(225deg);top:30px}
.ei-faq__a{padding:0 0 18px;color:#ece9e1}

/* crumbs */
.ei-kruim{font-size:16px;color:#cfd3de;padding-top:14px}
.ei-kruim a{color:var(--mut)}

/* service pages */
.ei-dienst{padding:48px 0 72px}
.ei-dienst h1{font-size:clamp(34px,5vw,54px)}
.ei-dienst .ei-prose{font-size:17px}

/* footer */
.ei-voet{background:#0f121b;padding:64px 0 120px;color:#cfd3de;font-size:16px;border-top:4px solid var(--goud)}
.ei-voet__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px}
.ei-voet__logo{width:140px;margin-bottom:14px}
.ei-voet__h{font-size:18px;color:var(--ink);margin-bottom:10px}
.ei-voet ul{list-style:none;padding:0;margin:0}
.ei-voet li a{display:inline-block;padding:6px 0;color:#cfd3de;text-decoration:none}
.ei-voet li a:hover{color:var(--goud)}
.ei-voet__rg{display:flex;gap:16px;align-items:center;margin-top:36px;padding-top:24px;border-top:1px solid #222838}
.ei-voet__rg p{margin:0}
.ei-18{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:3px solid var(--rood);color:var(--ink);font:700 17px/1 var(--kop)}
.ei-voet__onder{margin-top:20px;font-size:14px}
@media (max-width:860px){.ei-voet__grid{grid-template-columns:1fr 1fr}.ei-voet__merk{grid-column:1/-1}}
@media (min-width:821px){.ei-voet{padding-bottom:48px}}

/* bottom tab bar with egg */
.ei-tab{display:none}
@media (max-width:820px){
  body{padding-bottom:78px}
  .ei-tab{display:grid;grid-template-columns:repeat(5,1fr);align-items:end;position:fixed;left:0;right:0;bottom:0;z-index:50;height:70px;
    background:rgba(24,29,42,.97);border-top:1px solid rgba(255,255,255,.07);padding:0 4px env(safe-area-inset-bottom);backdrop-filter:blur(10px)}
  .ei-tab__a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:70px;color:#d9dbe3;text-decoration:none;font:500 13px/1 var(--kop);background:none;border:0;cursor:pointer;padding:0}
  .ei-tab__a.is-hier{color:var(--goud)}
  .ei-tab__i{width:24px;height:24px;background:currentColor;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
  .ei-tab__i--slot{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Crect x='3' y='4' width='18' height='16' rx='3'/%3E%3Cpath d='M9 4v16M15 4v16'/%3E%3C/svg%3E")}
  .ei-tab__i--crash{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M3 20h18M4 17c6 0 10-3 15-12'/%3E%3Cpath d='M14 5h5v5'/%3E%3C/svg%3E")}
  .ei-tab__i--orig{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M12 3l2.6 5.6 6 .7-4.5 4.1 1.2 6L12 16.4 6.7 19.4l1.2-6L3.4 9.3l6-.7z'/%3E%3C/svg%3E")}
  .ei-tab__i--menu{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16'/%3E%3C/svg%3E")}
  .ei-tab__ei{display:flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none;color:var(--goud);font:600 13px/1 var(--kop);transform:translateY(-14px)}
  .ei-tab__egg{display:grid;place-items:center;width:58px;height:70px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;
    background:radial-gradient(circle at 35% 28%,#fff1a8,#ffd02e 38%,#f0a000 80%);color:#5a3a00;font-size:22px;padding-top:6px;
    box-shadow:0 0 0 5px rgba(24,29,42,.97),0 12px 22px -8px rgba(240,160,0,.8);animation:eiWiebel 4s ease-in-out infinite}
  @keyframes eiWiebel{0%,86%,100%{transform:rotate(0)}89%{transform:rotate(-7deg)}93%{transform:rotate(6deg)}96%{transform:rotate(-3deg)}}
}

/* reveal: text stays readable without JS */
.js .ei-rv{transform:translateY(12px);transition:transform .6s var(--ease)}
.js .ei-rv.is-in{transform:none}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .js .ei-rv{transform:none}
}

/* category index */
.ei-index{border-top:2px solid var(--goud)}
.ei-index__rij{display:grid;grid-template-columns:260px 1fr 250px;gap:28px;align-items:center;padding:26px 0;border-bottom:1px solid var(--lijn)}
.ei-index__rij h3{margin:0;font-size:clamp(24px,2.6vw,32px);color:var(--goud)}
.ei-index__rij p{margin:0;color:#dedad0}
.ei-index__rij p:only-of-type{grid-column:2/4}
.ei-index__mini{display:flex;gap:8px}
.ei-index__mini img{width:76px;height:76px;border-radius:12px;object-fit:cover}
@media (max-width:960px){.ei-index__rij{grid-template-columns:1fr;gap:12px}.ei-index__rij p:only-of-type{grid-column:auto}}
.ei-plank--drie{grid-template-columns:repeat(3,1fr)}
@media (max-width:1023px){.ei-plank--drie{grid-template-columns:repeat(3,1fr)}}

.ei-split>*,.ei-twee>*,.ei-hero__in>*,.ei-band__in>*{min-width:0}
.ei-wrap.ei-prose{max-width:none}
.ei-wrap.ei-prose>*{max-width:none}
.ei-hero h1{font-size:clamp(34px,4.9vw,62px)}

@media (max-width:860px){.ei-split__art img{min-height:0;max-height:360px}}

.ei-mini{display:block;border-radius:12px;transition:transform .2s}.ei-mini:hover,.ei-mini:focus-visible{transform:translateY(-3px)}a.ei-hero__c{display:block}