/* Luxe variant: laadt na style.css en overschrijft kleur, vorm en typografie. */
:root{
  --green:#0e1c17; --green-2:#1b3229; --cream:#f8f4ec; --sand:#efe8da; --line:#d3c5a5;
  --ink:#141a17; --ink-2:#4a4f48; --brick:#86651f; --brick-d:#6c5016; --gold:#d6b56d;
  --r:2px; --shadow:0 30px 60px -30px rgba(14,28,23,.55);
}
body{font-size:1.2rem;line-height:1.7}
h1,h2,h3{font-weight:400;letter-spacing:-.015em}
h1{font-size:clamp(2.6rem,5.6vw,4.6rem);line-height:1.06}
h1 em{color:var(--gold);font-weight:300}
h2{font-size:clamp(2.1rem,4vw,3.3rem)}
.sec{padding-block:clamp(4.5rem,10vw,8.5rem)}
.eyebrow{display:flex;align-items:center;gap:1rem;font-weight:600;font-size:.9rem;letter-spacing:.22em;color:var(--brick-d);margin-bottom:1.4rem}
.eyebrow::before{content:"";flex:none;width:3rem;height:1px;background:currentColor}
.sec--dark .eyebrow,.hero .eyebrow{color:var(--gold)}

/* knoppen: strak, met gouden lijn */
.btn{border-radius:0;border-width:1px;text-transform:uppercase;letter-spacing:.14em;font-size:.98rem;font-weight:600;padding:1rem 2rem;min-height:3.6rem}
.btn .ext{text-transform:none;letter-spacing:0}
.btn--primary{background:var(--gold);color:var(--green);border-color:var(--gold)}
.btn--primary:hover{background:#fff;color:var(--green);border-color:#fff}
.sec:not(.sec--dark) .btn--primary,.route .btn--primary{background:var(--green);color:var(--gold);border-color:var(--green)}
.sec:not(.sec--dark) .btn--primary:hover,.route .btn--primary:hover{background:var(--brick-d);color:#fff;border-color:var(--brick-d)}
.callout .btn--primary{background:var(--gold)!important;color:var(--green)!important;border-color:var(--gold)!important}
.btn--ghost{border-color:var(--gold);color:#f4efe2}
.btn--ghost:hover{background:var(--gold);color:var(--green)}
.btn--light{background:var(--gold);color:var(--green)}
.btn--outline{border-color:var(--gold)}

/* kop */
.top{background:rgba(14,28,23,.97);border-bottom:1px solid rgba(214,181,109,.35)}
.logo{color:#f4efe2}.logo svg{color:var(--gold)}
.logo strong{font-weight:400;letter-spacing:.02em}
.logo small{color:#b9c2b8;letter-spacing:.14em;text-transform:uppercase;font-size:.72rem}
.nav a{color:#f4efe2;font-weight:600;letter-spacing:.06em;border-radius:0}
.nav a:hover{background:transparent;color:var(--gold);box-shadow:inset 0 -1px var(--gold)}
.textsize,.menubtn{border-radius:0;border:1px solid var(--gold);color:#f4efe2;background:transparent}
.textsize[aria-pressed="true"],.menubtn{background:var(--gold);color:var(--green)}
@media (max-width:1180px){.nav{background:var(--green)!important;border-color:rgba(214,181,109,.35)!important}.nav a{border-color:rgba(214,181,109,.25)!important}}
html[data-size="groot"] .nav{background:var(--green);border-color:rgba(214,181,109,.35)}
html[data-size="groot"] .nav a{border-color:rgba(214,181,109,.25)}

/* hero */
.hero{background:radial-gradient(120% 90% at 85% 10%,#1b3229 0%,var(--green) 60%);color:#f4efe2}
.hero__in{padding-block:6rem 6.5rem}
.lead{color:#cfd3c6;font-size:1.35rem}
.steps figure{border:1px solid var(--gold);padding:8px;background:var(--green);border-radius:0;box-shadow:0 40px 70px -30px #000}
.facts{clip-path:none;background:var(--green);border-top:1px solid rgba(214,181,109,.4)}
.facts__in{padding-block:2.8rem;gap:0}
.facts__in>div{padding:.4rem 2rem;border-left:1px solid rgba(214,181,109,.4)}
.facts__in>div:first-child{border-left:0;padding-left:0}
.facts dt{font-weight:300;color:var(--gold)}
.facts dd{letter-spacing:.04em;color:#cfd3c6}
@media (max-width:900px){.facts__in{gap:1.6rem 0}.facts__in>div{padding:.2rem 1.2rem;border-left:1px solid rgba(214,181,109,.4)!important;padding-left:1.2rem!important}}

/* vlakken en kaders */
.frame img,.wide img,.gallery button,.video__play,.video iframe{border-radius:0}
.frame img{border:1px solid var(--line);padding:10px;background:#fffdf8}
.cards4 article,.plans figure,.near article,.week,.faq details,.card{border-radius:0;background:#fffdf8;border:1px solid var(--line);box-shadow:none}
.cards4 article{padding:2.2rem 1.8rem;border-top:1px solid var(--brick)}
.cards4 svg{stroke:var(--brick);stroke-width:1.6}
.near article{border-top:1px solid var(--brick)}
.near__d,.week time{color:var(--brick-d)}
.chips li{border-radius:0;background:transparent;border-color:var(--brick);font-weight:600;letter-spacing:.04em}
.route__tabs button{border-radius:0;border-width:1px}
.route__tabs strong{font-weight:400}
.route__tabs button[aria-selected="true"]{box-shadow:inset 0 -3px var(--gold)}
.route__pan{border-width:1px;border-radius:0;background:#fffdf8}
.ticks li::before{background-color:var(--green);box-shadow:0 0 0 1px var(--gold)}
.callout{border-radius:0;border:1px solid var(--gold);padding:clamp(2rem,5vw,3.5rem)}
.callout h3{font-weight:300;font-size:2rem;color:var(--gold)}
.seasons button{border-radius:0;border-width:1px;letter-spacing:.1em;text-transform:uppercase;font-size:1rem;font-weight:600}
.seasons button[aria-selected="true"]{color:var(--gold)}
.week{box-shadow:var(--shadow)}
.week .today{background:#f6ecd2}
.timeline li{border-radius:0;background:#fffdf8;border:1px solid var(--line);border-bottom:3px solid var(--green)}
.timeline b{font-weight:300;font-size:2.8rem;color:var(--brick)}
.timeline li:nth-child(4){background:var(--green);border-color:var(--green);border-bottom-color:var(--gold)}
.faq summary{font-weight:400;font-size:1.4rem}
.faq summary::after{border-radius:0;background:transparent;color:var(--brick-d);border:1px solid var(--brick)}
.video__icon{background:transparent;border:1px solid var(--gold)}
.video__icon::after{border-left-color:var(--gold)}
.video__txt{border-radius:0;letter-spacing:.1em;text-transform:uppercase;font-size:.95rem}
.links a{letter-spacing:.04em}
.foot{background:#08120e;border-top:1px solid rgba(214,181,109,.35)}
.lb__close,.lb__nav{border-radius:0;background:var(--gold)}
.lb img{border-radius:0}

/* verfijning */
.textsize,.menubtn,.logo small{white-space:nowrap}
.logo small{letter-spacing:.1em}
.nav a{letter-spacing:.03em;padding-inline:.6rem}
.eyebrow{letter-spacing:.18em}
.video__icon{background:var(--gold);border:0}
.video__icon::after{border-left-color:var(--green)}
@media (max-width:1320px){
  .menubtn{display:flex}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--green);border-bottom:1px solid rgba(214,181,109,.35);flex-direction:column;padding:.8rem 1.25rem 1.4rem}
  .nav.open{display:flex}
  .nav a{font-size:1.25rem;padding:1rem .5rem;border-bottom:1px solid rgba(214,181,109,.25)}
}
@media (max-width:560px){
  .eyebrow{letter-spacing:.12em;gap:.7rem;font-size:.82rem}.eyebrow::before{width:1.5rem}
  .btn{letter-spacing:.08em;padding-inline:1.2rem}
  .facts__in>div{padding-inline:.9rem!important}
  .facts dt{font-size:1.6rem}
  .seasons button{letter-spacing:.06em;padding-inline:1rem}
}
