:root {
  --cream:      #fff3de;
  --cream-mid:  #fde8c0;
  --cream-deep: #f5d9a0;
  --red:        #e94536;
  --red-dark:   #c73628;
  --ink:        #2a1208;
  --muted:      rgba(42,18,8,.42);
  --border:     rgba(233,69,54,.18);
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--cream);color:var(--ink);font-family:'Cormorant',serif;overflow-x:hidden;cursor:none;}
.cur{position:fixed;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:12px 52px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(to bottom,rgba(255,243,222,.98) 0%,rgba(255,243,222,0) 100%);transition:background .4s,box-shadow .4s;}
nav.scrolled{background:rgba(255,243,222,.97);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--border);}
.nav-brand img{height:75px;width:auto;display:block;}
.nav-links{display:flex;gap:32px;list-style:none;align-items:center;}
.nav-links a{font-family:'Montserrat',sans-serif;font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);text-decoration:none;opacity:.55;transition:opacity .3s,color .3s;white-space:nowrap;}
.nav-links a:hover,.nav-links a.active{opacity:1;color:var(--red);}
.nav-btn{background:var(--red);color:var(--cream);padding:10px 26px;font-family:'Montserrat',sans-serif;font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;cursor:none;transition:background .3s,transform .2s;text-decoration:none;display:inline-block;flex-shrink:0;}
.nav-btn:hover{background:var(--red-dark);transform:translateY(-1px);}

/* DROPDOWN */
.nav-links ul,.nav-links li{list-style:none !important;}
.nav-links .has-sub{position:relative;}
.nav-links .has-sub>a::after{display:none !important;content:'' !important;}
.nav-links .has-sub .sub-menu{list-style:none !important;display:none;position:absolute;top:calc(100% + 2px);left:0;transform:none;background:rgba(255,243,222,.98);backdrop-filter:blur(18px);box-shadow:0 12px 48px rgba(42,18,8,.09);min-width:190px;flex-direction:column;z-index:500;padding:12px 0;}
.nav-links .has-sub:hover .sub-menu{display:flex;}
.nav-links .has-sub .sub-menu li{list-style:none !important;padding:0;margin:0;}
.nav-links .has-sub .sub-menu li::before{display:none !important;content:none !important;}
.nav-links .has-sub .sub-menu a{font-family:'Montserrat',sans-serif;font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);text-decoration:none;opacity:.5;padding:11px 24px;display:block;border:none;background:transparent;transition:opacity .25s,color .25s;white-space:nowrap;}
.nav-links .has-sub .sub-menu a:hover{opacity:1;color:var(--red);}

/* SHARED */
.lbl{font-family:'Bebas Neue',sans-serif;font-size:11px;letter-spacing:.5em;color:var(--red);margin-bottom:18px;display:block;}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);}
.reveal.in{opacity:1;transform:translateY(0);}
.d1{transition-delay:.12s;}.d2{transition-delay:.24s;}.d3{transition-delay:.36s;}
.btn-fill{background:var(--red);color:var(--cream);padding:14px 38px;font-family:'Montserrat',sans-serif;font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:background .3s,transform .2s;display:inline-block;}
.btn-fill:hover{background:var(--red-dark);transform:translateY(-2px);}

/* HERO */
#hero{min-height:60vh;padding:200px 56px 100px;background:var(--cream-mid);position:relative;overflow:hidden;display:flex;align-items:center;}
.hero-bg-stripe{position:absolute;inset:0;background-image:repeating-linear-gradient(-45deg,transparent,transparent 38px,rgba(233,69,54,.028) 38px,rgba(233,69,54,.028) 39px);}
.hero-bg-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 40%,rgba(233,69,54,.08) 0%,transparent 55%);}
.hero-inner{max-width:860px;position:relative;z-index:1;}
.hero-inner h1{font-family:'Playfair Display',serif;font-weight:900;font-size:clamp(52px,7vw,100px);line-height:.93;color:var(--ink);margin-bottom:28px;}
.hero-inner h1 em{font-style:italic;color:var(--red);display:block;}
.hero-inner p{font-size:20px;line-height:1.8;color:var(--ink);opacity:.68;font-weight:300;max-width:600px;margin-bottom:40px;}

/* QUOTE */
#quote{padding:100px 56px;background:var(--ink);text-align:center;position:relative;overflow:hidden;}
#quote::before{content:'"';position:absolute;top:0;left:40px;font-family:'Playfair Display',serif;font-size:280px;color:rgba(233,69,54,.07);line-height:1;pointer-events:none;}
.quote-text{font-family:'Playfair Display',serif;font-style:italic;font-weight:700;font-size:clamp(24px,4vw,52px);line-height:1.2;color:var(--cream);max-width:820px;margin:0 auto;position:relative;z-index:1;}
.quote-text span{color:var(--red);}
.quote-attr{margin-top:28px;font-family:'Montserrat',sans-serif;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:rgba(255,243,222,.3);position:relative;z-index:1;}

/* HOE WERKT HET */
#hoe-werkt-het{padding:120px 56px;background:var(--cream);}
.hwh-inner{max-width:1160px;margin:0 auto;}
.hwh-inner h2{font-family:'Playfair Display',serif;font-weight:900;font-size:clamp(34px,4vw,56px);line-height:1;color:var(--ink);margin-bottom:16px;}
.hwh-inner h2 em{font-style:italic;color:var(--red);}
.hwh-intro{font-size:18px;line-height:1.85;color:var(--ink);opacity:.68;font-weight:300;max-width:680px;margin-bottom:64px;}
.hwh-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;background:rgba(233,69,54,.1);}
.hwh-step{background:var(--cream);padding:40px 32px;transition:background .3s;}
.hwh-step:hover{background:var(--cream-mid);}
.hwh-step .snum{font-family:'Bebas Neue',sans-serif;font-size:56px;color:rgba(233,69,54,.15);line-height:1;margin-bottom:16px;}
.hwh-step h3{font-family:'Playfair Display',serif;font-style:italic;font-weight:700;font-size:20px;color:var(--ink);margin-bottom:12px;}
.hwh-step p{font-size:15px;line-height:1.8;color:var(--ink);opacity:.62;font-weight:300;}
.hwh-note{margin-top:48px;padding:32px 40px;background:var(--cream-mid);border-left:3px solid var(--red);}
.hwh-note p{font-size:17px;line-height:1.85;color:var(--ink);opacity:.75;font-weight:300;}
.hwh-note strong{font-weight:700;opacity:1;}

/* PAKKETTEN */
#pakketten{padding:120px 56px;background:var(--cream-deep);position:relative;overflow:hidden;}
#pakketten::after{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(-45deg,transparent,transparent 38px,rgba(233,69,54,.028) 38px,rgba(233,69,54,.028) 39px);pointer-events:none;}
.pak-inner{max-width:1160px;margin:0 auto;position:relative;z-index:1;}
.pak-inner h2{font-family:'Playfair Display',serif;font-weight:900;font-size:clamp(34px,4vw,56px);line-height:1;color:var(--ink);margin-bottom:16px;}
.pak-inner h2 em{font-style:italic;color:var(--red);}
.pak-intro{font-size:18px;line-height:1.85;color:var(--ink);opacity:.68;font-weight:300;max-width:640px;margin-bottom:64px;}
.pak-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;background:rgba(233,69,54,.12);}
.pak{background:var(--cream);padding:44px 34px 50px;position:relative;display:flex;flex-direction:column;border-top:3px solid transparent;transition:background .35s;}
.pak:hover{background:var(--cream-mid);}
.pak.feat{background:var(--cream-mid);border-top-color:var(--red);}
.pak.feat:hover{background:var(--cream-deep);}
.pak-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--red);color:var(--cream);font-family:'Bebas Neue',sans-serif;font-size:11px;letter-spacing:.3em;padding:3px 18px;white-space:nowrap;}
.pak-name{font-family:'Bebas Neue',sans-serif;font-size:30px;letter-spacing:.08em;color:var(--ink);margin-bottom:6px;}
.pak-tag{font-size:14px;font-style:italic;color:var(--red);margin-bottom:6px;display:block;}
.pak-sessions{font-family:'Montserrat',sans-serif;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--red);margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border);}
.pak-price{font-family:'Playfair Display',serif;font-style:italic;font-size:24px;font-weight:700;color:var(--red);margin-bottom:16px;display:block;}
.pak-price small{font-size:14px;font-weight:400;font-family:'Montserrat',sans-serif;color:var(--muted);font-style:normal;}
.pak-desc{font-size:15px;line-height:1.75;color:var(--ink);opacity:.65;font-weight:300;margin-bottom:24px;}
.pak ul{list-style:none;flex:1;margin-bottom:28px;display:flex;flex-direction:column;gap:6px;}
.pak li{font-size:14px;color:var(--ink);opacity:1;padding:10px 14px;background:rgba(255,243,222,.85);border-left:2px solid var(--red);display:flex;align-items:flex-start;gap:10px;line-height:1.5;}
.pak li::before{content:none;display:none;}
.pak-cta{display:block;text-align:center;padding:13px 28px;font-family:'Montserrat',sans-serif;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border:1.5px solid var(--border);color:var(--red);transition:all .3s;margin-top:auto;}
.pak-cta:hover,.pak.feat .pak-cta{background:var(--red);color:var(--cream);border-color:var(--red);}
.pak-note{margin-top:36px;text-align:center;font-size:15px;font-style:italic;color:var(--muted);position:relative;z-index:1;}

/* VOOR WIE */
#voor-wie{padding:120px 56px;background:var(--cream);}
.vw-inner{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;}
.vw-left h2{font-family:'Playfair Display',serif;font-weight:900;font-size:clamp(34px,4vw,56px);line-height:1;color:var(--ink);margin-bottom:24px;}
.vw-left h2 em{font-style:italic;color:var(--red);}
.vw-left p{font-size:18px;line-height:1.85;color:var(--ink);opacity:.68;font-weight:300;margin-bottom:16px;}
.vw-check{list-style:none;display:flex;flex-direction:column;gap:10px;}
.vw-check li{display:flex;align-items:flex-start;gap:14px;font-size:17px;line-height:1.6;color:var(--ink);padding:14px 18px;background:var(--cream-mid);border-left:2px solid var(--red);}
.vw-check li::before{content:'✓';color:var(--red);font-weight:700;font-size:14px;flex-shrink:0;margin-top:2px;}
.vw-not{margin-top:28px;padding:24px 28px;border:1px solid var(--border);}
.vw-not h4{font-family:'Bebas Neue',sans-serif;font-size:12px;letter-spacing:.3em;color:var(--muted);margin-bottom:12px;}
.vw-not ul{list-style:none;display:flex;flex-direction:column;gap:8px;}
.vw-not li{font-size:15px;color:var(--ink);opacity:.55;padding-left:18px;position:relative;line-height:1.5;}
.vw-not li::before{content:'×';position:absolute;left:0;color:var(--muted);}

/* FAQ */
#faq{padding:120px 56px;background:var(--cream-mid);}
.faq-inner{max-width:860px;margin:0 auto;}
.faq-inner h2{font-family:'Playfair Display',serif;font-weight:900;font-size:clamp(34px,4vw,56px);line-height:1;color:var(--ink);margin-bottom:56px;}
.faq-inner h2 em{font-style:italic;color:var(--red);}
.faq-item{border-bottom:1px solid var(--border);padding:26px 0;cursor:pointer;}
.faq-item:first-of-type{border-top:1px solid var(--border);}
.faq-q{font-family:'Playfair Display',serif;font-weight:700;font-size:19px;color:var(--ink);display:flex;justify-content:space-between;align-items:center;gap:20px;user-select:none;}
.faq-q::after{content:'+';font-family:'Bebas Neue',sans-serif;font-size:24px;color:var(--red);flex-shrink:0;transition:transform .3s;}
.faq-item.open .faq-q::after{transform:rotate(45deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease;}
.faq-item.open .faq-a{max-height:300px;}
.faq-a p{padding-top:16px;font-size:17px;line-height:1.85;color:var(--ink);opacity:.68;font-weight:300;}

/* CTA */
#cta{padding:140px 56px;background:var(--cream-deep);text-align:center;position:relative;overflow:hidden;}
#cta::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(233,69,54,.08) 0%,transparent 65%);pointer-events:none;}
#cta::after{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(-45deg,transparent,transparent 38px,rgba(233,69,54,.025) 38px,rgba(233,69,54,.025) 39px);pointer-events:none;}
.cta-inner{position:relative;z-index:1;max-width:700px;margin:0 auto;}
.cta-inner h2{font-family:'Playfair Display',serif;font-weight:900;font-size:clamp(36px,6vw,80px);line-height:.96;color:var(--ink);margin-bottom:24px;}
.cta-inner h2 em{font-style:italic;color:var(--red);display:block;}
.cta-inner p{font-size:19px;font-style:italic;font-weight:300;color:var(--muted);line-height:1.75;margin-bottom:48px;}

/* FOOTER */
footer{background:var(--cream-mid);padding:36px 56px;border-top:1px solid var(--border);}
.ft-bottom-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;width:100%;}
.ft-social{display:flex;flex-direction:row;align-items:center;gap:15px;flex-wrap:nowrap;}
.ft-icon{display:flex;align-items:center;justify-content:center;text-decoration:none !important;flex-shrink:0;}
.ft-icon svg{width:32px;height:32px;fill:#e94536 !important;display:block;}
.ft-icon:hover{opacity:.7;}
.ft-legal{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:10px;}
.ft-links{display:flex;flex-direction:row;gap:20px;list-style:none !important;justify-content:flex-end;flex-wrap:wrap;}
.ft-links li{list-style:none !important;}
.ft-links a{color:var(--muted);font-size:11px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:color .3s;font-family:'Montserrat',sans-serif;font-weight:400;}
.ft-links a:hover{color:var(--red);}
.ft-copy{font-size:11px;color:var(--muted);letter-spacing:.04em;text-align:right;}

@media(max-width:960px){
  nav{padding:16px 22px;flex-wrap:wrap;gap:10px;}
  .nav-links{flex-wrap:wrap;gap:10px 16px;}
  #hero{padding:160px 22px 80px;}
  #quote,#hoe-werkt-het,#pakketten,#voor-wie,#faq,#cta{padding:80px 22px;}
  .hwh-steps,.pak-grid{grid-template-columns:1fr;}
  .vw-inner{grid-template-columns:1fr;gap:48px;}
  footer{flex-direction:column;padding:28px 22px;}
  .ft-bottom-row{flex-direction:column;align-items:center;}
  .ft-legal{align-items:center;text-align:center;}
  .ft-links{justify-content:center;}
  .ft-copy{text-align:center;}
}


.nav-toggle{display:none;background:transparent;border:0;padding:0;width:42px;height:36px;flex-direction:column;align-items:center;justify-content:center;gap:6px;flex-shrink:0;}
.nav-toggle span{display:block;width:24px;height:2px;background:var(--red);border-radius:2px;transition:transform .3s ease,opacity .25s ease;}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg);}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg);}

@media(max-width:960px){
  nav{flex-wrap:wrap;gap:10px;padding:8px 18px;align-items:center;}
  .nav-brand{order:1;}
  .nav-brand img{height:29px !important;}
  nav .nav-btn{order:2;margin-left:auto;padding:9px 14px;font-size:10px;letter-spacing:.05em;}
  .nav-toggle{display:flex;order:3;}
  .nav-links{order:4;width:100%;display:none;flex-direction:column;align-items:stretch;gap:0;padding:4px 0 12px;}
  .nav-links.open{display:flex;}
  nav.menu-open{background:rgba(255,243,222,.985);backdrop-filter:blur(14px);box-shadow:0 6px 30px rgba(42,18,8,.08);}
  .nav-links li{width:100%;}
  .nav-links a{display:block;width:100%;padding:14px 2px;font-size:13px;letter-spacing:.12em;opacity:.75;border-bottom:1px solid rgba(233,69,54,.12);}
  .nav-links .has-sub .sub-menu,
  .nav-links .has-sub:hover .sub-menu{display:none;position:static;transform:none;min-width:0;width:100%;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0 0 4px 16px;margin:0;}
  .nav-links .has-sub .sub-menu.open{display:flex;}
  .nav-links .has-sub .sub-menu a{padding:12px 2px;font-size:11px;opacity:.6;border-bottom:1px solid rgba(233,69,54,.08);}
  .nav-links .has-sub::after{display:none;}
}