:root{--creme: #F5EFE3;--creme-2: #EDE5D4;--creme-3: #FBF7EE;--teal: #1E4D4B;--teal-diep: #143634;--teal-zacht:#2E6461;--perzik: #FFB27D;--perzik-diep: #F79B5C;--perzik-wash: #FBE3CE;--inkt: #2A3835;--inkt-zacht: #64726E;--inkt-vaag: #7C8983;--op-donker: #F5EFE3;--op-donker-zacht:#BCCBC6;--lijn: rgba(30,77,75,.16);--lijn-sterk: rgba(30,77,75,.34);--lijn-donker:rgba(245,239,227,.18);--f-disp: "Poppins", "Avenir Next", sans-serif;--f-body: "Poppins", "Avenir Next", sans-serif;--f-mono: "IBM Plex Mono", ui-monospace, monospace;--gutter: clamp(18px, 4vw, 72px);--rand: clamp(10px, 1.2vw, 20px);--maxw: 1480px;--r-s: 10px;--r-m: 20px;--r-l: 32px;--r-xl: 44px;--fs-micro: 13px;--fs-meta: 14.5px;--schaduw-zacht: 0 24px 60px -28px rgba(30,77,75,.35);--ease-out: cubic-bezier(.19,1,.22,1);--ease-spring: cubic-bezier(.34,1.4,.64,1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{font-family:var(--f-body);background:var(--creme);color:var(--inkt);font-size:16.5px;line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}::selection{background:var(--teal);color:var(--creme)}:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:var(--gutter)}.display{font-family:var(--f-disp);font-weight:800;text-transform:uppercase;letter-spacing:.005em;line-height:1.04;color:var(--teal)}.display .outline{color:transparent;-webkit-text-stroke:clamp(1.2px,.14vw,2.2px) currentColor;color:var(--teal);-webkit-text-fill-color:transparent}.display .zacht{font-weight:300;font-style:italic;text-transform:none;letter-spacing:0}.display-xl{font-size:clamp(40px,6.2vw,104px);line-height:1}.display-l{font-size:clamp(32px,4.6vw,76px);line-height:1.02}.display-m{font-size:clamp(25px,3vw,48px)}.display-s{font-size:clamp(19px,2vw,29px)}.op-foto .display,.op-foto .display .outline{color:var(--creme);-webkit-text-stroke-color:var(--creme)}.op-foto .display .outline{-webkit-text-fill-color:transparent}.kicker{font-family:var(--f-mono);font-size:var(--fs-micro);font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--inkt-zacht);display:inline-flex;align-items:center;gap:14px}.kicker:before{content:"";width:30px;height:1px;background:currentColor;opacity:.55;flex:none}.kicker--bare:before{display:none}.lede{font-size:clamp(16px,1.25vw,19px);line-height:1.75;color:var(--inkt-zacht);font-weight:400}.lede strong{color:var(--inkt);font-weight:600}.zij-tekst{border-left:2px solid var(--teal);padding-left:clamp(18px,2vw,30px);font-size:clamp(15.5px,1.2vw,18px);line-height:1.8;color:var(--inkt-zacht);max-width:44ch}.zij-tekst strong{color:var(--teal);font-weight:600}.mono-data{font-family:var(--f-mono);letter-spacing:.02em}.btn{position:relative;display:inline-flex;align-items:center;gap:12px;font-family:var(--f-disp);font-size:13.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:17px 32px;border-radius:999px;background:var(--perzik);color:var(--teal-diep);transition:transform .35s var(--ease-spring),background .3s,box-shadow .35s;box-shadow:0 10px 26px -12px #f79b5c8c;white-space:nowrap}.btn:hover{transform:translateY(-3px);background:var(--perzik-diep);box-shadow:0 16px 34px -12px #f79b5cb3}.btn:active{transform:translateY(0) scale(.98)}.btn .arr{transition:transform .3s var(--ease-spring)}.btn:hover .arr{transform:translate(5px)}.btn--teal{background:var(--teal);color:var(--creme);box-shadow:0 10px 26px -12px #1e4d4b80}.btn--teal:hover{background:var(--teal-diep);box-shadow:0 16px 34px -12px #1e4d4b99}.btn--rand{background:transparent;color:var(--teal);border:1.5px solid var(--lijn-sterk);box-shadow:none}.btn--rand:hover{background:#1e4d4b0f;border-color:var(--teal)}.op-foto .btn--rand,.donker .btn--rand{color:var(--creme);border-color:#f5efe366}.op-foto .btn--rand:hover,.donker .btn--rand:hover{background:#f5efe31a;border-color:var(--creme)}.link-onder{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:var(--fs-micro);letter-spacing:.18em;text-transform:uppercase;color:inherit;padding-bottom:5px;border-bottom:1.5px solid currentColor;transition:gap .3s,opacity .3s}.link-onder:hover{gap:12px;opacity:.75}.pill-tab{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-disp);font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:12px 24px;border-radius:999px;border:1.5px solid var(--lijn-sterk);color:var(--teal);transition:all .3s;background:transparent;cursor:pointer}.pill-tab:hover{border-color:var(--teal)}.pill-tab.actief{background:var(--perzik);border-color:var(--perzik);color:var(--teal-diep)}.chip{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:var(--fs-micro);letter-spacing:.1em;text-transform:uppercase;padding:9px 18px;border-radius:999px;border:1.5px solid var(--lijn);color:var(--inkt-zacht);background:var(--creme-3)}.chip b{color:var(--teal);font-weight:500}.foto-paneel{position:relative;border-radius:var(--r-xl);overflow:hidden;background:var(--teal-diep);color:var(--op-donker);isolation:isolate}.foto-paneel>img,.foto-paneel>video,.foto-paneel .media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.foto-paneel .sluier{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#10242273,#10242261 40%,#102422b8)}.foto-paneel .sluier--links{background:linear-gradient(100deg,#102422b8,#10242257 55%,#1024221f)}.foto-paneel>*:not(img):not(video):not(.media):not(.sluier){position:relative;z-index:2}.lijst-kop{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-bottom:1.5px solid var(--lijn);padding-bottom:14px;margin-bottom:clamp(24px,3vw,40px)}.lijst-kop .lk-titel{font-family:var(--f-disp);font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:clamp(17px,1.7vw,24px);color:transparent;-webkit-text-stroke:1.4px var(--teal)}.lijst-kop .lk-teller{font-family:var(--f-mono);font-size:var(--fs-micro);color:var(--inkt-vaag);letter-spacing:.1em}.draai-badge{width:clamp(84px,7.5vw,120px);aspect-ratio:1;position:relative;flex:none}.draai-badge svg{width:100%;height:100%;animation:draai 14s linear infinite}@keyframes draai{to{transform:rotate(360deg)}}.draai-badge .kern{position:absolute;inset:0;display:grid;place-items:center;font-size:20px}.section{padding-block:clamp(76px,9.5vw,150px);position:relative}.section--donker,.donker{background:var(--teal-diep);color:var(--op-donker)}.section--donker .display,.donker .display{color:var(--creme)}.section--donker .display .outline,.donker .display .outline{-webkit-text-stroke-color:var(--creme)}.section--donker .lede,.donker .lede{color:var(--op-donker-zacht)}.section--donker .lede strong,.donker .lede strong{color:var(--creme)}.section--donker .kicker,.donker .kicker{color:var(--op-donker-zacht)}.section--donker ::selection{background:var(--perzik);color:var(--teal-diep)}.hr-soft{border:none;height:1px;background:var(--lijn)}.paginakop{padding:clamp(130px,15vw,200px) 0 0}.paginakop .terug{font-family:var(--f-mono);font-size:var(--fs-micro);letter-spacing:.16em;text-transform:uppercase;color:var(--inkt-zacht);display:inline-flex;gap:10px;align-items:center;transition:color .3s,gap .3s}.paginakop .terug:hover{color:var(--teal);gap:14px}.paginakop .terug:before{content:"←"}.paginakop h1{margin-top:22px}.paginakop .intro{font-size:clamp(16px,1.3vw,19px);max-width:54ch;color:var(--inkt-zacht);margin-top:24px;line-height:1.75}.nav{position:fixed;inset:0 0 auto;z-index:80;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px var(--gutter);transition:background .4s,backdrop-filter .4s,box-shadow .4s,padding .4s}.nav.is-scrolled,.nav.solid{background:#f5efe3e0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 1px 0 var(--lijn);padding-block:11px}.nav-logo{display:flex;align-items:center;gap:10px;line-height:1}.nav-logo .beeld{width:32px;height:32px;flex:none;color:var(--teal);transition:transform .5s var(--ease-spring)}.nav-logo:hover .beeld{transform:rotate(140deg)}.nav-logo .woord{font-family:var(--f-disp);font-weight:800;font-size:19px;letter-spacing:.02em;text-transform:uppercase;color:var(--teal)}.nav-links{display:flex;align-items:center;gap:clamp(16px,2.4vw,36px)}.nav-links a{font-family:var(--f-mono);font-size:13.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--inkt);transition:color .25s;position:relative;padding-block:6px;white-space:nowrap}.nav-links a:after{content:"";position:absolute;left:50%;bottom:-2px;width:5px;height:5px;border-radius:50%;background:var(--perzik-diep);transform:translate(-50%) scale(0);transition:transform .3s var(--ease-spring)}.nav-links a:hover:after,.nav-links a.actief:after{transform:translate(-50%) scale(1)}.nav-links a:hover,.nav-links a.actief{color:var(--teal)}.nav .btn{padding:12px 26px;font-size:13px}.nav-toggle{display:none}.nav:not(.is-scrolled):not(.solid).nav--licht{color:var(--creme)}.nav:not(.is-scrolled):not(.solid).nav--licht .nav-logo .woord{color:var(--creme)}.nav:not(.is-scrolled):not(.solid).nav--licht .nav-logo .beeld{color:var(--creme)}.nav:not(.is-scrolled):not(.solid).nav--licht .nav-links a{color:#f5efe3f2}.nav:not(.is-scrolled):not(.solid).nav--licht .nav-links a:hover,.nav:not(.is-scrolled):not(.solid).nav--licht .nav-links a.actief{color:var(--creme)}.mobiel-cta{display:none}.footer{background:var(--teal-diep);color:var(--op-donker);position:relative;overflow:hidden;border-radius:var(--r-xl) var(--r-xl) 0 0;margin-top:var(--rand)}.footer-giant{font-family:var(--f-disp);font-weight:800;text-transform:uppercase;letter-spacing:.01em;font-size:clamp(56px,12.5vw,224px);line-height:.95;text-align:center;color:transparent;-webkit-text-stroke:1px rgba(245,239,227,.22);user-select:none;pointer-events:none;white-space:nowrap;padding-top:clamp(44px,6vw,96px)}.footer-inner{padding:clamp(36px,4.5vw,72px) 0 30px;position:relative;z-index:2}.footer-grid{display:flex;flex-wrap:wrap;justify-content:space-between;gap:40px;align-items:flex-start}.footer-meta{font-family:var(--f-mono);font-size:var(--fs-meta);letter-spacing:.04em;color:var(--op-donker-zacht);display:flex;flex-direction:column;gap:8px;line-height:1.9}.footer-links{display:flex;gap:clamp(16px,2.2vw,34px);flex-wrap:wrap}.footer-links a{font-family:var(--f-mono);font-size:var(--fs-micro);letter-spacing:.14em;text-transform:uppercase;color:var(--op-donker-zacht);transition:color .3s}.footer-links a:hover{color:var(--perzik)}.footer-onder{margin-top:clamp(32px,4vw,56px);padding-top:22px;border-top:1px solid var(--lijn-donker);display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;color:var(--op-donker-zacht);text-transform:uppercase}.footer-onder a{color:inherit;transition:color .3s}.footer-onder a:hover{color:var(--perzik)}.reveal{opacity:0;transform:translateY(30px)}.reveal-line{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.06em}.reveal-line>span{display:inline-block;transform:translateY(112%);will-change:transform}.img-reveal{position:relative;overflow:hidden}.img-reveal img,.img-reveal video{transform:scale(1.12);transition:transform 1.5s var(--ease-out)}.img-reveal.is-open img,.img-reveal.is-open video{transform:scale(1)}.veld-capsule{display:flex;gap:6px;border:1.5px solid var(--lijn-sterk);border-radius:999px;background:var(--creme-3);max-width:500px;width:100%;padding:6px;transition:border-color .3s,box-shadow .3s}.veld-capsule:focus-within{border-color:var(--teal);box-shadow:var(--schaduw-zacht)}.veld-capsule input{flex:1;min-width:0;padding:11px 20px;background:transparent;border:none;color:var(--inkt);font-size:15px}.veld-capsule input::placeholder{color:var(--inkt-vaag)}.veld-capsule input:focus{outline:none}.veld-capsule .btn{padding:12px 24px;font-size:12px}.donker .veld-capsule,.section--donker .veld-capsule{background:#f5efe312;border-color:#f5efe34d}.donker .veld-capsule input,.section--donker .veld-capsule input{color:var(--creme)}.signup-bedankt{font-family:var(--f-disp);font-weight:700;font-size:16px;letter-spacing:.02em;color:var(--perzik-diep);margin:0;text-transform:uppercase}.kaart{background:var(--creme-3);border:1px solid var(--lijn);border-radius:var(--r-l);transition:transform .4s var(--ease-spring),box-shadow .4s var(--ease-out);overflow:hidden}.kaart:hover{transform:translateY(-6px);box-shadow:var(--schaduw-zacht)}@media (max-width:1100px){.nav-links{gap:16px}.nav-links a{font-size:12px;letter-spacing:.08em}}@media (max-width:900px){.footer-grid{flex-direction:column}}@media (max-width:760px){body{font-size:15.5px}.nav-links,.nav .btn{display:none}.nav-toggle{display:inline-flex;flex-direction:column;gap:6px;padding:12px;z-index:90}.nav-toggle i{display:block;width:24px;height:2px;background:currentColor;border-radius:2px;transition:transform .4s var(--ease-out),opacity .3s;color:var(--teal)}.nav--licht:not(.is-scrolled) .nav-toggle i{color:var(--creme)}.nav.menu-open .nav-toggle i{color:var(--teal)}.nav.menu-open .nav-toggle i:nth-child(1){transform:translateY(8px) rotate(45deg)}.nav.menu-open .nav-toggle i:nth-child(2){opacity:0}.nav.menu-open .nav-toggle i:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav.menu-open{background:var(--creme)}.nav.menu-open .nav-links{display:flex;position:fixed;inset:0;background:var(--creme);flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:0 var(--gutter)}.nav.menu-open .nav-links a{font-family:var(--f-disp);font-weight:800;text-transform:uppercase;font-size:clamp(30px,8.5vw,44px);letter-spacing:.01em;color:var(--teal);padding-block:6px}.nav.menu-open .nav-links a:after{display:none}.nav.menu-open .nav-links a.actief{color:var(--perzik-diep)}.mobiel-cta{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:70;padding-bottom:env(safe-area-inset-bottom)}.mobiel-cta .btn{flex:1;justify-content:center}body{padding-bottom:82px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}.reveal-line>span{transform:none!important}.img-reveal img,.img-reveal video{transform:none}}@media print{.nav,.footer,.mobiel-cta,.nav-toggle{display:none!important}body{background:#fff;color:#000;padding-bottom:0}.reveal{opacity:1!important;transform:none!important}.reveal-line>span{transform:none!important}}
