@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Permanent+Marker&display=swap');
:root{--blue:#13399c;--orange:#e35d3c;--yellow:#f8d84d;--cream:#fbf8ee;--mint:#d5eee7;--ink:#202432}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);font-family:'DM Sans',Arial,sans-serif;color:var(--ink)}header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px max(5vw,20px);background:var(--blue);color:white}a{text-decoration:none;color:inherit}.brand{font-family:'Permanent Marker',sans-serif;letter-spacing:.4px;font-size:clamp(19px,2.1vw,30px);line-height:1}.brand span{color:var(--yellow)}nav{display:flex;gap:22px;align-items:center;font-size:14px;font-weight:700}.nav-btn{border:2px solid white;border-radius:30px;padding:11px 17px}h1,h2{font-family:'Permanent Marker',Impact,sans-serif;font-weight:400;line-height:1.12;margin:15px 0 22px;letter-spacing:.4px}h1{font-size:clamp(52px,6.9vw,104px);color:var(--blue)}h2{font-size:clamp(38px,4.4vw,66px)}h1 em,h2 em{color:var(--orange);font-style:normal}p{line-height:1.65;font-size:clamp(16px,1.45vw,20px)}.eyebrow{font-weight:800;font-size:14px;letter-spacing:1.6px;color:var(--orange)}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center;min-height:690px;padding:80px max(5vw,20px)}.hero p{max-width:630px}.btn{background:var(--blue);border:0;border-radius:8px;color:#fff;font-size:17px;font-weight:800;padding:18px 24px;display:inline-flex;gap:20px;cursor:pointer;align-items:center;margin-top:16px}.btn:hover{background:#0a2475}.quiet{display:block;color:var(--blue);font-weight:700;margin-top:22px;text-decoration:underline;text-underline-offset:4px}.draw{min-height:450px;position:relative;background:#e7f1ff;border:8px solid white;outline:3px solid var(--blue);box-shadow:13px 16px 0 var(--yellow);transform:rotate(2deg);border-radius:3px;padding:35px}.stroke{font:clamp(34px,4vw,61px) 'Permanent Marker';color:var(--orange);transform:rotate(-11deg)}.comic-bubble{display:inline-block;background:white;border:4px solid var(--ink);border-radius:60% 50% 60% 35%;padding:23px;font-family:'Permanent Marker';font-size:25px;transform:rotate(7deg);margin:35px 10px 0}.sun{position:absolute;right:34px;top:25px;font-size:90px;color:var(--yellow)}.people{display:flex;justify-content:center;margin-top:20px;font-size:105px;color:var(--blue);letter-spacing:-20px}.people span:nth-child(2){color:var(--orange);transform:translateY(20px)}.people span:nth-child(3){color:#0b9674}.draw small{display:block;margin-top:23px;font-family:'Permanent Marker';color:var(--blue)}.yellow{background:var(--yellow);text-align:center;padding:90px max(12vw,28px)}.yellow p{max-width:720px;margin:auto}.yellow h2{color:var(--blue)}.yellow h2 i{font-style:normal;color:var(--orange)}.book,.listen{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;padding:100px max(7vw,24px)}.book p,.listen p{max-width:650px}.book h2,.listen h2{color:var(--blue)}.chips{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.chips span{padding:15px;border-radius:10px;background:#e7edf8;color:var(--blue);font-weight:700}.note{font-size:13px!important;opacity:.8}.book-art{display:flex;align-items:center;justify-content:center;flex-direction:column}.mini-cover{width:min(100%,380px);aspect-ratio:3/4;background:var(--blue);border:12px solid white;box-shadow:17px 15px 0 #f8d84d,19px 20px 0 var(--ink);font:clamp(32px,4vw,57px)/1 'Permanent Marker';color:#fff;text-shadow:3px 4px 0 var(--orange);text-align:center;padding:30px 10px}.mini-ppl{font:70px Arial;margin:65px 0 30px;color:var(--yellow);text-shadow:none}.mini-cover small{font:20px 'Permanent Marker';text-shadow:none}.scribble{font:35px 'Permanent Marker';color:var(--orange);transform:rotate(-8deg);margin-top:35px}.listen{background:var(--mint)}.listen-art{background:white;border:5px solid var(--blue);border-radius:80px 15px 95px 20px;min-height:340px;padding:45px 20px;transform:rotate(3deg);text-align:center;box-shadow:17px 16px 0 var(--yellow)}.ear{font-size:100px;color:var(--orange)}.listen-art p{font:46px/1.2 'Permanent Marker';color:var(--blue);margin:auto}.about{text-align:center;padding:110px max(13vw,24px)}.about p:not(.eyebrow){max-width:850px;margin:auto}.about h2{color:var(--blue)}.final-cta{background:var(--blue);color:white;text-align:center;padding:90px 24px}.final-cta h2{color:white}.final-cta h2 em{color:var(--yellow)}.yellowbtn{background:var(--yellow);color:var(--blue)}.yellowbtn:hover{background:white}footer{padding:27px max(5vw,20px);display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;font-size:13px;background:#102b76;color:white}.gate{max-width:850px;margin:70px auto 120px;padding:30px}.gate h1{font-size:clamp(45px,7vw,78px)}.gate form{border:2px solid var(--blue);background:#fff;padding:25px;border-radius:18px;margin-top:40px}.gate label{display:block;font-weight:800;color:var(--blue);margin-bottom:10px}.formline{display:flex;gap:10px;align-items:center}.formline input{flex:1;min-width:0;border:2px solid #bec8e4;border-radius:8px;padding:17px;font:inherit}.formline .btn{margin:0;white-space:nowrap}.status{font-size:14px;color:#b62b2b}.track{background:#fff;border-left:7px solid var(--orange);border-radius:9px;display:flex;flex-direction:column;gap:8px;padding:22px;margin:18px 0}.track span{font-size:14px;color:#555}#tracks{margin-top:45px}#tracks[hidden],form[hidden]{display:none}@media(max-width:850px){header{align-items:flex-start;flex-direction:column}nav{gap:13px;flex-wrap:wrap}.hero,.book,.listen{grid-template-columns:1fr;padding:55px 23px}.hero{min-height:0}.draw{min-height:330px}.people{font-size:70px}.yellow,.about,.final-cta{padding:65px 24px}.formline{flex-direction:column;align-items:stretch}.chips{grid-template-columns:1fr 1fr}.book-art{margin:25px 0}}

/* Huisstijl rechtstreeks ontleend aan het originele geïllustreerde boekje. */
:root{--blue:#07329a;--orange:#df421f;--yellow:#f7e857;--cream:#fffefa;--mint:#c9f0fa;--ink:#141319}
body{background-color:#fffefa;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 38px,rgba(65,159,198,.07) 39px,transparent 40px)}
header{border-bottom:7px solid white;box-shadow:0 5px 0 #ea5b28}.brand{color:white;text-shadow:2px 2px 0 #e44a20,-1px -1px 0 #e44a20;font-weight:900}.brand span{color:white}.hero{background:#fff;min-height:690px}.hero h1{letter-spacing:-1px}.hero h1 em{color:#e34826}.eyebrow{color:#154494}.hero-book{position:relative;margin:auto;max-width:420px;transform:rotate(2deg);filter:drop-shadow(17px 19px 0 #f8d75b)}.hero-book img{width:100%;display:block;box-shadow:0 0 0 6px #fff,0 0 0 9px #07329a}.book-sticker{position:absolute;right:-30px;bottom:22px;background:#ffe46a;color:#153485;font-family:'Permanent Marker',cursive;font-size:23px;padding:12px 18px;transform:rotate(-8deg);box-shadow:3px 4px 0 #e65c3e}.yellow{display:grid;grid-template-columns:230px 1fr;gap:55px;align-items:center;text-align:left;background:#fff9a7;border-top:9px solid #f6e34a;border-bottom:9px solid #f6e34a;padding:65px max(7vw,28px)}.yellow-doodle{width:100%;transform:rotate(-5deg);box-shadow:9px 12px 0 #ffdb42}.yellow h2{font-size:clamp(38px,4.1vw,60px)}.yellow p{margin:0}.book{background:linear-gradient(180deg,#ecf9ff 0,#fff 100%)}.book-art .book-page{width:min(100%,390px);box-shadow:13px 14px 0 #0f369e;transform:rotate(2deg)}.chips span{background:white;border:2px dashed #1442a0;border-radius:0}.listen{background:#dff7fb}.listen-art{border:0;box-shadow:12px 14px 0 #f4d94c;border-radius:0;background:white;padding:16px;transform:rotate(2deg)}.listen-art img{width:100%;max-height:330px;object-fit:contain}.listen-art p{font-size:clamp(26px,3vw,38px);margin:4px auto;color:#df421f}.about{background:white}.about-art{width:min(290px,72%);max-height:280px;object-fit:contain;display:block;margin:0 auto 30px;transform:rotate(-3deg);box-shadow:8px 9px 0 #f5e464}.final-cta{background:#07329a;border-top:8px solid #e65231}.gate{position:relative}.gate-art{width:160px;float:right;margin:0 0 20px 25px;transform:rotate(5deg);box-shadow:7px 9px 0 #fbe165} .btn{border-radius:2px;box-shadow:5px 5px 0 #f8d84d}.btn:hover{transform:translate(-2px,-2px)}.track{border-radius:0}
@media(max-width:850px){.hero-book{width:min(76%,390px);margin:35px auto}.book-sticker{font-size:17px;right:-15px}.yellow{grid-template-columns:1fr;text-align:center;gap:25px}.yellow-doodle{width:170px;margin:auto}.listen-art{max-width:400px}.gate-art{float:none;display:block;margin:0 auto 25px;width:125px}}

/* Zachte kleurenrevisie november 2026 */
:root{--blue:#526d91;--orange:#c97765;--yellow:#e7d09b;--cream:#f8f4ec;--mint:#dceae5;--ink:#333b45}
body{background-color:var(--cream);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 39px,rgba(111,144,155,.035) 40px,transparent 41px)}
header{background:#526d91;border-bottom:5px solid #f8f4ec;box-shadow:0 4px 0 #e3b5a6}
.brand{color:#fffdf7;text-shadow:1px 1px 0 #c97765,-1px -1px 0 #c97765}
.hero{background:#f8f4ec;min-height:620px}
h1,h2,.book h2,.listen h2,.about h2,.yellow h2{color:#526d91}
h1 em,h2 em,.hero h1 em{color:#c97765}
.eyebrow{color:#a96d63}
.hero-book{filter:drop-shadow(13px 14px 0 #e7d09b)}
.hero-book img{box-shadow:0 0 0 6px #fffefa,0 0 0 8px #8398af}
.book-sticker{background:#f1dfba;color:#526d91;box-shadow:3px 4px 0 #d8a89a}
.yellow{background:#f5e9cd;border-top:6px solid #ead4a7;border-bottom:6px solid #ead4a7}
.yellow-doodle{box-shadow:9px 12px 0 #e6cda2}
.book{background:linear-gradient(180deg,#edf2f0 0%,#f8f4ec 100%)}
.book-art .book-page{box-shadow:12px 13px 0 #a3b4bc}
.chips span{background:#fffdf8;border:1px dashed #a4b1ba;color:#526d91}
.listen{background:#dceae5}
.listen-art{background:#fffdf8;box-shadow:12px 13px 0 #e7d09b}
.listen-art p{color:#b97263}
.about{background:#fffdf8}
.about-art{box-shadow:8px 9px 0 #e8d5ab}
.final-cta{background:#526d91;border-top:6px solid #e1b3a6}
footer{background:#415977}
.btn{background:#c97765;color:#fff;border-radius:9px;box-shadow:4px 4px 0 #e7d09b}
.btn:hover{background:#b76656}
.yellowbtn{background:#f1dfba;color:#425875}
.yellowbtn:hover{background:#fffdf8}
.quiet{color:#526d91}
.gate form{border-color:#9aabb5;background:#fffdf8}
.gate label{color:#526d91}
.formline input{border-color:#cad3cf}
.track{border-left-color:#c97765;background:#fffdf8;border-radius:9px}
.gate-art{box-shadow:7px 9px 0 #ead6ab}
.nav-btn{border-color:#e9ecec}
/* Sparkle-achtergronden 2026 */
:root{--blue:#3165da;--orange:#ed7056;--yellow:#ffdf65;--cream:#fffefa;--mint:#daf8f1}
body{background:radial-gradient(circle at 25% 15%,#fff5c5 0%,transparent 30%),radial-gradient(circle at 87% 42%,#e2f8ff 0%,transparent 24%),#fffefa}
header{background:linear-gradient(105deg,#2857ca,#4b79e8,#2564c9);box-shadow:0 8px 24px #2148991a;border-bottom:0}
.hero{background:radial-gradient(circle at 85% 20%,#ffdede 0%,transparent 33%),radial-gradient(circle at 10% 88%,#cff9ee 0%,transparent 30%),linear-gradient(120deg,#f4f8ff,#fff8e4)}
.yellow{background:linear-gradient(110deg,#ffe38b,#fff5c2,#faddb2);border:0;border-radius:28px;margin:16px max(4vw,16px)}
.book{background:radial-gradient(circle at 75% 25%,#fce3ef 0%,transparent 40%),linear-gradient(140deg,#ffffff,#e9f7ff)}
.listen{background:radial-gradient(circle at 75% 20%,#fff1b6 0%,transparent 32%),linear-gradient(110deg,#d2f7ee,#ebf6ff)}
.about{background:radial-gradient(circle at 15% 75%,#fbe9da 0%,transparent 40%),#fffefa}
.final-cta{background:linear-gradient(110deg,#295bc7,#547ef0,#2566c5);border:0}
.btn{background:#3165da;border-radius:14px;box-shadow:0 8px 20px #2750ae24}
.btn:hover{background:#214da8}.yellowbtn{background:#ffe077;color:#1c4286}.chips span{background:#fff;border:1px solid #e2eaf9;border-radius:14px;box-shadow:0 7px 22px #2857ad10}.track{border-radius:18px;border-left:5px solid #ed7056;background:#fff}.brand{text-shadow:none}

/* Definitieve coverblauw-koraal-aqua huisstijl */
:root{--blue:#07329a;--orange:#e66b53;--yellow:#c8e9e8;--cream:#fff9f4;--mint:#c8e9e8;--ink:#26324a}
body{background-color:#fff9f4;background-image:radial-gradient(circle at 12% 20%,rgba(200,233,232,.37),transparent 25%),radial-gradient(circle at 87% 75%,rgba(230,107,83,.09),transparent 24%)}
header{background:linear-gradient(110deg,#07329a,#174aa8);box-shadow:0 9px 24px rgba(7,50,154,.14);border:0}
.brand,.brand span{color:#fff;text-shadow:none}
.nav-btn{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.55)}
.hero{background:radial-gradient(ellipse at 86% 18%,rgba(200,233,232,.86),transparent 47%),linear-gradient(130deg,#fff9f4,#f4fafc)}
h1,h2,.hero h1,.book h2,.listen h2,.about h2,.yellow h2{color:#07329a}
h1 em,h2 em,.hero h1 em,.yellow h2 i{color:#e66b53}
.eyebrow{color:#da6750}
.btn{background:#07329a;color:white;border-radius:14px;box-shadow:0 9px 22px rgba(7,50,154,.22)}
.btn:hover{background:#164cba;box-shadow:0 12px 26px rgba(7,50,154,.26)}
.quiet{color:#07329a}
.hero-book{filter:drop-shadow(0 18px 30px rgba(7,50,154,.16))}
.hero-book img{box-shadow:0 0 0 7px #fff,0 14px 34px rgba(7,50,154,.12)}
.book-sticker{background:#e66b53;color:#fff;box-shadow:0 7px 17px rgba(230,107,83,.22)}
.yellow{background:linear-gradient(115deg,#d8f0ef,#effbf9);border:0;box-shadow:none}
.yellow-doodle{box-shadow:10px 11px 0 #b1dedd}
.book{background:linear-gradient(160deg,#fff9f4 0%,#f5fbfb 100%)}
.book-art .book-page{box-shadow:14px 14px 0 #b8e2e2}
.chips span{background:#fff;border:1px solid #dbeceb;color:#07329a;border-radius:15px}
.listen{background:linear-gradient(125deg,#c8e9e8,#effaf9)}
.listen-art{background:#fff;box-shadow:15px 17px 0 #a7d5d5;border-radius:22px}
.listen-art p{color:#e66b53}
.about{background:#fff9f4}
.about-art,.gate-art{box-shadow:10px 11px 0 #c8e9e8}
.final-cta{background:linear-gradient(130deg,#07329a,#2059b1);border-top:0}
.final-cta h2 em{color:#ffad9d}
.yellowbtn{background:#e66b53;color:white}
.yellowbtn:hover{background:#f17d67}
footer{background:#092c77}
.gate form{background:white;border:1px solid #c8e9e8;box-shadow:0 12px 28px rgba(7,50,154,.07)}
.gate label{color:#07329a}
.track{background:#fff;border-left:5px solid #e66b53;box-shadow:0 10px 22px rgba(7,50,154,.08)}
.track strong{color:#07329a}
:focus-visible{outline:3px solid #e66b53;outline-offset:3px}

/* Over ons: portretten en illustraties uit oorspronkelijke bronnen */
.team-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:center;padding:85px max(7vw,25px);background:radial-gradient(circle at 93% 20%,#c8e9e8,transparent 40%),#fff9f4}
.team-hero img{display:block;width:min(100%,340px);margin:auto;transform:rotate(3deg);border-radius:13px;box-shadow:16px 18px 0 #c8e9e8}
.team-hero h1{font-size:clamp(43px,5.7vw,88px)}
.team-intro{text-align:center;max-width:940px;padding:70px 22px 25px;margin:auto}
.team-intro h2{font-size:clamp(35px,4vw,58px)}
.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;max-width:1240px;padding:25px 22px 100px;margin:auto}
.team-card{background:#fff;border-radius:25px;overflow:hidden;box-shadow:0 16px 40px rgba(7,50,154,.10);border:1px solid #e1eeee}
.team-card img{display:block;width:100%;aspect-ratio:1.35;object-fit:cover;object-position:center top}
.team-card>div{padding:25px 30px 35px}
.team-card h2{font-size:clamp(31px,3.3vw,46px);margin:5px 0 15px}
.team-card p{font-size:17px}
.team-bottom{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:8vw;padding:80px max(7vw,25px);background:linear-gradient(110deg,#d6f1ef,#f6fdfc)}
.team-bottom img{width:min(100%,360px);display:block;margin:auto;transform:rotate(-2deg);border-radius:14px}
@media(max-width:850px){.team-hero,.team-bottom,.team-grid{grid-template-columns:1fr}.team-hero{padding:55px 23px}.team-hero img{max-width:260px}.team-grid{padding-bottom:60px}.team-bottom{padding:60px 23px}.team-card>div{padding:22px}}