/* Premium-laag: verfijnde typografie, rust, ingetogen palet */
:root{--navy:#0f1a2e;--navy-2:#0a1220;--ink:#141a24;--muted:#6b7280;--line:#e7e5e0;--bg:#f7f6f3;--gold:#b49a6a;--r:2px;--sh:0 30px 60px -30px rgba(10,18,32,.35);--max:1280px}
body{font-family:"Manrope",system-ui,sans-serif;font-weight:400;font-size:17px;letter-spacing:.005em;color:var(--ink)}
h1,h2,h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;letter-spacing:-.005em;color:var(--navy)}
h1{font-size:clamp(2.6rem,6vw,5.2rem);line-height:1.02}h2{font-size:clamp(2.1rem,4vw,3.4rem);line-height:1.05}h3{font-size:1.55rem;font-weight:600}
.eyebrow{font-family:"Manrope";font-weight:600;font-size:.72rem;letter-spacing:.28em;color:var(--navy);opacity:.75}
.eyebrow:before{width:40px;height:1px;background:var(--gold)}
.lead{font-size:1.12rem;font-weight:300;line-height:1.75;color:var(--muted)}
.sec{padding:140px 0}.sec.alt{background:var(--bg)}.sh{margin-bottom:64px}
.wrap{padding:0 40px}
/* topbar + header */
.topbar{background:var(--navy-2);font-size:.75rem;letter-spacing:.06em;color:#9aa3b5}
.topbar .wrap{min-height:34px}
.hdr{background:rgba(255,255,255,.96);border-bottom:1px solid var(--line)}
.hdr .wrap{min-height:88px}
.brand .bt b{font-family:"Cormorant Garamond";font-weight:600;font-size:1.5rem;letter-spacing:.01em}
.brand .bt span{font-size:.62rem;letter-spacing:.24em}
.nav a{font-weight:500;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;border-radius:0;padding:10px 12px;position:relative}
.nav a:hover,.nav a[aria-current=page]{background:none}
.nav a:not(.btn):after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:1px;background:var(--navy);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.nav a:hover:after,.nav a[aria-current=page]:after{transform:scaleX(1)}
/* buttons: strak, rechthoekig */
.btn{border-radius:0;font-weight:600;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;padding:18px 30px;box-shadow:none}
.btn:hover{transform:none;background:var(--red-d)}
.btn.sm{padding:13px 22px;font-size:.74rem}
.btn.line{background:transparent;border:1px solid rgba(255,255,255,.55)}.btn.line:hover{background:#fff;color:var(--navy)}
.btn.ghost{border:1px solid var(--navy);color:var(--navy)}.btn.ghost:hover{background:var(--navy);color:#fff}
.hdr .btn.cta{padding:13px 20px}
/* hero met pand */
.hero{min-height:min(calc(100vh - 122px),820px);display:flex;align-items:center;background:#0a1220}
.hero picture img{object-position:62% 45%;animation:zoom 18s ease-out forwards;filter:saturate(.9) contrast(1.04)}
.hero:after{background:linear-gradient(90deg,rgba(10,18,32,.94) 0%,rgba(10,18,32,.8) 40%,rgba(10,18,32,.3) 70%,rgba(10,18,32,.05) 100%),linear-gradient(0deg,rgba(10,18,32,.55),transparent 35%)}
.hero .wrap{width:100%;padding-top:110px;padding-bottom:120px;grid-template-columns:1.3fr .8fr;gap:80px}
.hero h1{font-weight:500;margin-bottom:.35em}.hero h1 em{background:none;font-style:italic;color:#e9e3d6}
.hero .lead{color:#d3d8e2;font-size:1.2rem;max-width:560px}
.badge-bcs{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:0;font-weight:500;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;padding:6px 16px 6px 6px}
.badge-bcs img{height:30px;background:#fff}
.hero p[style]{font-size:.85rem;font-weight:400!important;letter-spacing:.04em;color:#c8cfdb}
.chips{gap:0;margin:28px 0 40px}
.chips li{background:none;border:0;border-left:1px solid rgba(255,255,255,.3);border-radius:0;padding:2px 18px;font-weight:400;font-size:.85rem;letter-spacing:.06em;color:#d3d8e2}
.chips li:first-child{border-left:0;padding-left:0}
.platecard{border-radius:0;padding:40px 36px;background:rgba(255,255,255,.97);box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}
.platecard h2{font-size:2rem}.platecard p{font-weight:300}
.plate{border-width:2px;border-radius:6px}
/* trust */
.trust{border-bottom:1px solid var(--line)}.trust .wrap{padding:36px 40px}
.trust div{font-weight:500;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;color:var(--navy)}
.trust svg{background:none;padding:0;width:26px!important;height:26px!important;color:var(--gold);stroke-width:1.4}
/* cards: rustig, groot beeld, geen randen */
.svc{gap:48px 32px}
.card{border:0;border-radius:0;background:transparent}
.card:hover{transform:none;box-shadow:none}
.card .im{aspect-ratio:4/3}
.card .im img{filter:saturate(.82) contrast(1.05);transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter .8s}
.card:hover .im img{transform:scale(1.04);filter:saturate(1)}
.card .bd{padding:26px 0 0}
.card h3{font-size:1.7rem;margin-bottom:.3em}
.card p{font-weight:300;line-height:1.7}
.more{color:var(--navy);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;border-bottom:1px solid var(--gold);padding-bottom:4px;width:max-content}
.mini{margin-top:70px;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.mini a{border:0;border-radius:0;background:transparent;border-left:1px solid var(--line);padding:26px 24px;font-weight:500;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;justify-content:center}
.mini a:first-child{border-left:0}.mini a:hover{transform:none;background:#fff}
.mini svg{width:20px!important;height:20px!important;color:var(--gold);stroke-width:1.4}
/* split / foto's */
.split{gap:100px}.split .pic{border-radius:0;box-shadow:none;aspect-ratio:4/5}
.split .pic img{filter:saturate(.85) contrast(1.05)}
.tick li:before{background:none;border:1px solid var(--gold);width:18px;height:18px;top:5px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b49a6a' stroke-width='2.5'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E");background-size:12px;background-repeat:no-repeat;background-position:center}
.tick li{font-weight:400}
.duo{border-radius:0;border:0;border-top:1px solid var(--line);padding:24px 0 0;background:none}
/* stappen */
.sec.dark{background:var(--navy-2)}
.steps3{gap:0}.steps3 li{background:none;border:0;border-left:1px solid rgba(255,255,255,.14);border-radius:0;padding:10px 40px 10px 40px}
.steps3 li:first-child{border-left:0;padding-left:0}
.steps3 li:before{background:none;border:0;color:var(--gold);font-family:"Cormorant Garamond";font-size:3.4rem;font-weight:500;width:auto;height:auto;display:block;margin-bottom:10px;content:"0" counter(s)}
.steps3 p{font-weight:300;color:#b9c1d0;line-height:1.75}
/* pakketten */
.pk{gap:0;border:1px solid var(--line)}
.pkc{border:0;border-left:1px solid var(--line);border-radius:0;padding:48px 40px;background:#fff}
.pkc:first-child{border-left:0}
.pkc.hl{border:0;border-left:1px solid var(--line);background:var(--navy);color:#cfd6e3}.pkc.hl h3,.pkc.hl .price{color:#fff}.pkc.hl li{border-color:rgba(255,255,255,.12)}
.pkc.hl:after{border-radius:0;background:var(--gold);letter-spacing:.14em;text-transform:uppercase;font-size:.62rem;top:-11px;left:40px}
.pkc li{border-bottom:1px solid var(--line);font-weight:300}.pkc li:before{color:var(--gold);font-weight:400}
.price{font-family:"Cormorant Garamond";font-weight:500;font-size:2.1rem}
/* reviews */
.rev{gap:32px}.revc{border:0;border-top:1px solid var(--navy);border-radius:0;background:transparent;padding:30px 0 0}
.stars{color:var(--gold);font-size:.9rem;letter-spacing:4px}
/* faq */
.faq summary{font-family:"Cormorant Garamond";font-weight:600;font-size:1.5rem;padding:22px 50px 22px 0}
.faq summary:after{color:var(--navy);font-family:"Manrope";font-weight:300}
.faq details p{font-weight:300;line-height:1.75}
/* band */
.band{border-radius:0;background:var(--navy);padding:80px}
.band h2{font-size:clamp(2rem,3.6vw,3rem)}.band p{color:#b9c1d0;font-weight:300}
.band .btn{background:var(--red);color:#fff}.band .btn:hover{background:var(--red-d)}
.band .btn.line{background:transparent;border:1px solid rgba(255,255,255,.5)}
/* page hero */
.phero{background:var(--navy-2)}.phero img{opacity:.38;filter:saturate(.6)}
.phero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,18,32,.85),rgba(10,18,32,.3))}
.phero .wrap{padding:130px 40px 110px;z-index:2}.phero h1{font-size:clamp(2.6rem,5vw,4.4rem)}
.phero p{font-weight:300}.crumb{letter-spacing:.14em;text-transform:uppercase;font-size:.7rem}
/* info cards */
.info{gap:0;border-top:1px solid var(--line)}.ic{border:0;border-left:1px solid var(--line);border-radius:0;padding:44px 40px 10px;background:transparent}
.ic:first-child{border-left:0;padding-left:0}.ic svg{color:var(--gold);width:26px!important;height:26px!important;stroke-width:1.4}
.ic p{font-weight:300;line-height:1.75}
/* formulieren */
.panel{border-radius:0;box-shadow:none;border:1px solid var(--line);padding:48px}
.inp{border-radius:0;border:0;border-bottom:1px solid #cfccc4;padding:14px 2px;background:transparent}
.inp:focus{box-shadow:none;border-color:var(--navy)}
.opt span{border-radius:0;border:1px solid var(--line);font-weight:500}
.opt input:checked+span{background:var(--navy);color:#fff;border-color:var(--navy)}
.opt input:checked+span:before{background:var(--red);border-color:#fff}
.prog li{letter-spacing:.12em;text-transform:uppercase;font-size:.68rem}.prog li:before{height:2px}
.note{border-radius:0;background:#faf6ea;border:0;border-left:2px solid var(--gold)}
legend{font-family:"Cormorant Garamond";font-weight:600;font-size:1.6rem}
.map{border-radius:0}
/* footer */
.ftr{background:var(--navy-2);padding:110px 0 40px}.ftr h4{font-weight:600;font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.ftr a{color:#cfd6e3}.ftr p,.ftr li{font-weight:300}
/* rustige animaties */
.rv{transform:translateY(16px);transition:opacity 1.2s cubic-bezier(.2,.7,.2,1),transform 1.2s cubic-bezier(.2,.7,.2,1)}
.ph{font-family:"Manrope";font-weight:500;font-size:.8em;letter-spacing:0}
@media (max-width:1080px){.wrap{padding:0 28px}.hero .wrap{grid-template-columns:1fr;gap:50px}.steps3 li,.ic,.pkc{border-left:0;padding-left:0}.split{gap:60px}.mini a{border-left:0;border-top:1px solid var(--line)}}
@media (max-width:720px){.wrap{padding:0 22px}.sec{padding:90px 0}.hero{min-height:0}.hero .wrap{padding-top:70px;padding-bottom:70px}
.hero:after{background:linear-gradient(180deg,rgba(10,18,32,.55),rgba(10,18,32,.88) 55%)}
.chips li{border-left:0;padding:2px 14px 2px 0}.split .pic{aspect-ratio:4/3}.band{padding:48px 28px}.panel{padding:26px}.pkc{padding:36px 26px}.steps3 li{padding:20px 0;border-top:1px solid rgba(255,255,255,.12)}
.brand .bt b{font-size:1.2rem}.phero .wrap{padding:80px 22px 70px}.trust div{font-size:.72rem}}
/* Merkaccent: Blair ITC Bold (breed, kapitaal) voor woordmerk, labels, menu en knoppen.
   Commercieel Monotype/ITC-font: web-font licentie vereist vóór livegang. */
.brand .bt b,.eyebrow,.nav a,.btn,.crumb,.trust div,.more,.ftr h4,.prog li,.badge-bcs,.mini a,.topbar,.chips li,.pkc.hl:after{font-family:"Blair ITC","Manrope",sans-serif;font-weight:700}
.brand .bt b{font-size:1.02rem;letter-spacing:.06em;text-transform:uppercase}
.brand .bt span{letter-spacing:.3em}
.nav a{font-size:.66rem;letter-spacing:.14em}
.btn{font-size:.66rem;letter-spacing:.16em}.btn.sm{font-size:.6rem}
.eyebrow{font-size:.62rem;letter-spacing:.26em}
.trust div{font-size:.66rem;letter-spacing:.12em;line-height:1.7}
.more,.mini a{font-size:.62rem}
.topbar{font-size:.6rem;letter-spacing:.14em;text-transform:uppercase}
.chips li{font-size:.62rem;letter-spacing:.16em;text-transform:uppercase}
.badge-bcs{font-size:.58rem}
.crumb{font-size:.58rem}.ftr h4{font-size:.62rem}.prog li{font-size:.58rem}
.topbar .ph,.chips .ph{font-family:"Manrope";text-transform:none;letter-spacing:0}
@media (max-width:720px){.brand .bt b{font-size:.82rem}.trust div{font-size:.58rem}}
.brand{flex:none}.brand .bt b,.brand .bt span{white-space:nowrap}.brand .bt span{font-size:.55rem;letter-spacing:.22em}
.nav{gap:0;flex-wrap:nowrap}.nav a{padding:10px 9px;letter-spacing:.1em}.hdr .btn.cta{margin-left:10px!important}
@media (max-width:1240px){.brand .bt span{display:none}}
/* === Feedback: leesbare sans overal, Blair alleen in woordmerk === */
.eyebrow,.nav a,.btn,.crumb,.trust div,.more,.ftr h4,.prog li,.badge-bcs,.mini a,.topbar,.chips li,.pkc.hl:after{font-family:"Manrope",system-ui,sans-serif}
.brand .bt b{font-family:"Blair ITC","Manrope",sans-serif} /* Blair ITC: commercieel Monotype-font, web-licentie nodig vóór livegang */
.nav a{font-size:15px;font-weight:500;letter-spacing:.01em;text-transform:none;padding:10px 11px}
.topbar{font-size:13px;letter-spacing:.01em;text-transform:none;font-weight:400}
.btn{font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:none}.btn.sm{font-size:13px}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:.16em}
.trust div{font-size:14px;font-weight:500;letter-spacing:.01em;text-transform:none;line-height:1.4}
.more,.mini a{font-size:13px;letter-spacing:.06em;font-weight:600}
.mini a{text-transform:none;font-size:15px;letter-spacing:.01em}
.crumb{font-size:13px;letter-spacing:.02em;text-transform:none}.ftr h4{font-size:12px;letter-spacing:.16em}.prog li{font-size:12px;letter-spacing:.04em;text-transform:none}
.badge-bcs{font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:none}
.pkc.hl:after{font-size:11px;letter-spacing:.08em}
/* === Hero: volledige gevel zichtbaar === */
.hero{min-height:0;aspect-ratio:1672/941;max-height:calc(100vh - 60px);display:block}
.hero picture img{object-position:50% 50%;filter:none;animation:none;transform:none}
.hero:after{background:linear-gradient(0deg,rgba(10,18,32,.82) 0%,rgba(10,18,32,.35) 34%,rgba(10,18,32,0) 58%),linear-gradient(90deg,rgba(10,18,32,.45) 0%,rgba(10,18,32,0) 45%)}
.hero .wrap{position:absolute;left:0;right:0;bottom:0;display:block;padding-top:0;padding-bottom:56px;max-width:var(--max);margin:0 auto}
.hero .wrap>div{max-width:620px}
.hero h1{font-size:clamp(2.2rem,4.2vw,3.6rem);text-shadow:0 2px 24px rgba(0,0,0,.35)}
.hero .lead{font-size:1.05rem;margin:0 0 26px;text-shadow:0 1px 12px rgba(0,0,0,.4)}
.badge-bcs{margin-bottom:16px;background:rgba(10,18,32,.35);backdrop-filter:none}
/* === Snelboek-strip onder hero === */
.quick{background:var(--navy-2);color:#cfd6e3;border-top:1px solid rgba(255,255,255,.08)}
.qform{display:grid;grid-template-columns:1fr 330px auto;gap:28px;align-items:center;padding:34px 0}
.qtxt h2{color:#fff;font-size:1.9rem;margin:0}.qtxt p{margin:4px 0 0;font-size:14px;color:#9aa3b5}
.quick .plate{height:58px}.quick .plate input{font-size:1.6rem}
.quick .btn{height:58px}
.qrev{grid-column:1/-1;margin:0;font-size:13px;color:#9aa3b5;border-top:1px solid rgba(255,255,255,.08);padding-top:16px}
.qrev{color:#9aa3b5}.qrev:first-letter{color:var(--gold)}
@media (max-width:1080px){.qform{grid-template-columns:1fr 1fr}.qtxt{grid-column:1/-1}}
@media (max-width:720px){
.hero{aspect-ratio:auto;max-height:none;background:var(--navy-2)}
.hero picture{position:relative;aspect-ratio:1672/941}.hero picture img{position:absolute}
.hero:after{display:none}
.hero .wrap{position:relative;padding:28px 22px 34px}
.hero h1{font-size:2.1rem;text-shadow:none}.hero .lead{text-shadow:none}
.badge-bcs{position:absolute;top:-14px;transform:translateY(-100%);background:rgba(10,18,32,.55)}
.qform{grid-template-columns:1fr;gap:16px;padding:30px 0}.quick .btn{width:100%;justify-content:center}
.nav a{font-size:16px}}
/* hero-tekst compact onderin, onder de gevelborden */
.hero .wrap>div{max-width:none;display:grid;grid-template-columns:1fr auto;column-gap:40px;align-items:end}
.hero h1{grid-column:1;font-size:clamp(2rem,3.3vw,2.9rem);margin:0 0 6px;white-space:nowrap}
.hero h1 em{font-style:italic}
.hero .lead{grid-column:1;margin:0;font-size:1rem}
.hero .ctas{grid-column:2;grid-row:1/3;flex-wrap:nowrap}
.hero .wrap{padding-bottom:38px}
.hero:after{background:linear-gradient(0deg,rgba(10,18,32,.85) 0%,rgba(10,18,32,.45) 20%,rgba(10,18,32,0) 36%)}
@media (max-width:1080px){.hero .wrap>div{grid-template-columns:1fr}.hero .ctas{grid-column:1;grid-row:auto;margin-top:18px}.hero h1{white-space:normal}}
@media (max-width:720px){.hero .ctas{flex-wrap:wrap}}