/* ═══════════════════════════════════════════
   Nu kies ik (/viermaandentraject), alleen wat specifiek is voor deze pagina.
   Gedeeld: nieuwe-stijl.css
═══════════════════════════════════════════ */

/* ── HERO ── */
.nk-hero {
  display: flex; flex-wrap: wrap; min-height: 760px; background: var(--aarde-bg);
  padding-top: clamp(92px, 7.5vw, 148px);
}
.nk-hero-foto { flex: 1 1 520px; min-height: 460px; position: relative; overflow: hidden; }
.nk-hero-foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.nk-hero-tekst {
  flex: 1 1 520px; display: flex; flex-direction: column; justify-content: center;
  gap: 20px; padding: clamp(40px, 6vw, 96px);
}
.nk h1.nk-titel { font-size: clamp(64px, 8vw, 120px); line-height: 0.95; }
.nk-ondertitel {
  font-family: 'Cormorant Garamond', serif; font-style: italic;
  font-size: clamp(26px, 2.6vw, 36px); color: var(--diepzee); line-height: 1.2;
}
.nk-sterk {
  margin-top: 12px !important; font-family: 'Cormorant Garamond', serif; font-style: italic;
  font-size: clamp(32px, 3.4vw, 48px); line-height: 1.15; color: var(--aarde); max-width: 14ch;
}
.nk-acties { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; margin-top: 16px; }

/* ── INTRO ── */
.nk-intro { display: flex; flex-wrap: wrap; gap: clamp(40px, 6vw, 96px); align-items: center; }
.nk-intro-tekst { flex: 1 1 480px; display: flex; flex-direction: column; gap: 28px; }
.nk-groot {
  font-family: 'Cormorant Garamond', serif; font-style: italic;
  font-size: clamp(34px, 3.6vw, 54px); line-height: 1.15; color: var(--tekst);
}
.nk-slot {
  margin-top: 8px !important; font-family: 'Cormorant Garamond', serif; font-style: italic;
  font-size: clamp(30px, 3vw, 42px); line-height: 1.2; color: var(--aarde);
}
.nk-intro-beeld { flex: 1 1 400px; position: relative; min-height: 560px; }
.nk-veer {
  width: 78%; height: 520px; object-fit: cover; margin-left: auto;
  border-radius: 240px 240px 32px 32px;
}
.nk-regisseur {
  position: absolute; left: 0; bottom: 0; width: 62%; min-width: 260px;
  background: var(--diepzee); color: var(--wit); border-radius: 32px; padding: 32px 30px;
}
.nk-regisseur .nk-r1 {
  margin-bottom: 12px !important; font-family: 'Cormorant Garamond', serif; font-style: italic;
  font-size: 28px; line-height: 1.2;
}
.nk-regisseur .nk-r2 { font-size: 16px; line-height: 1.6; }

/* ── VOOR EN NA ── */
.nk-paren-kop { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px; margin-bottom: 48px; }
.nk h2.nk-h2 { font-size: clamp(40px, 4.4vw, 64px); line-height: 1.05; }
.nk-nustraks { align-self: flex-end; font-size: 15px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--diepzee); }
.nk-paren { display: flex; flex-direction: column; gap: 22px; }
.nk-paar {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 0;
  border-radius: 48px; overflow: hidden; box-shadow: 0 1px 0 #D5E2DF;
}
.nk-nu { background: var(--nk-nu); padding: 34px 40px; }
.nk-straks { background: var(--aarde-bg); padding: 34px 40px; }
.nk-label { margin-bottom: 4px !important; font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase; }
.nk-nu .nk-label { color: var(--nk-nu-label); }
.nk-straks .nk-label { color: var(--nk-bruin); }
.nk-citaat {
  margin-bottom: 10px !important; font-family: 'Cormorant Garamond', serif; font-style: italic;
  font-size: 27px; line-height: 1.2;
}
.nk-nu .nk-citaat { color: var(--nk-nu-kop); }
.nk-straks .nk-citaat { color: var(--aarde); }
.nk-paar p:last-child { font-size: 16px; }
.nk-nu p:last-child { color: var(--nk-nu-tekst); }
.nk-straks p:last-child { color: var(--nk-straks-tekst); }

/* ── DE REIS ── */
.nk-reis { max-width: 1200px; margin: 0 auto; display: flex; flex-direction: column; gap: 56px; }
.nk-reis-kop { display: flex; flex-wrap: wrap; gap: clamp(32px, 5vw, 80px); align-items: center; }
.nk-reis-tekst { flex: 1 1 440px; display: flex; flex-direction: column; gap: 22px; }
.nk-teal .nk-oog { color: var(--nk-licht); }
.nk-teal h2 { color: var(--wit); font-size: clamp(44px, 5vw, 72px); line-height: 1.02; }
.nk-teal h2 em { color: var(--nk-zand); }
.nk-reis-tekst p { color: var(--nk-teal-tekst); }
.nk-reis-beeld { flex: 1 1 460px; }
.nk-reis-beeld img { width: 100%; height: 440px; object-fit: cover; border-radius: 32px 220px 32px 32px; }
.nk-fases { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 24px; padding-top: 12px; list-style: none; margin: 0; }
.nk-fase { display: flex; flex-direction: column; gap: 14px; border-top: 2px solid var(--nk-zee); padding-top: 22px; }
.nk-fase:nth-child(even) { border-top-color: var(--nk-zand); }
.nk-fase-rond { width: 22px; height: 22px; border-radius: 50%; background: var(--nk-zee); margin-top: -34px; box-shadow: 0 0 0 6px var(--diepzee); }
.nk-fase:nth-child(even) .nk-fase-rond { background: var(--nk-zand); }
.nk-fase-nr { font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--nk-licht); }
.nk-fase-naam { font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: 34px; line-height: 1.1; }
.nk-fotorij { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; }
.nk-fotorij img { width: 100%; height: 300px; object-fit: cover; border-radius: 24px; }
.nk-fotorij .nk-boog { border-radius: 160px 160px 24px 24px; }
.nk-reis-slot {
  margin: 0 auto !important; max-width: 760px; text-align: center;
  font-family: 'Cormorant Garamond', serif; font-style: italic;
  font-size: clamp(28px, 2.8vw, 38px); line-height: 1.25; color: var(--wit);
}

/* ── DE WEG ── */
.nk-weg { display: flex; flex-wrap: wrap; gap: clamp(40px, 6vw, 96px); }
.nk-weg-links { flex: 1 1 340px; display: flex; flex-direction: column; gap: 24px; }
.nk h2.nk-h2b { font-size: clamp(40px, 4.4vw, 62px); line-height: 1.05; }
.nk-bospad { width: 100%; max-width: 420px; height: 520px; object-fit: cover; border-radius: 210px 210px 28px 28px; }
.nk-pad {
  flex: 2 1 520px; border-left: 2px solid var(--nk-lijn); padding-left: 40px;
  display: flex; flex-direction: column; gap: 44px; list-style: none; margin: 0;
}
.nk-stap { position: relative; }
.nk-stap-rond { position: absolute; left: -52px; top: 8px; width: 20px; height: 20px; border-radius: 50%; background: var(--diepzee); box-shadow: 0 0 0 6px var(--wit); }
.nk-stap:nth-child(even) .nk-stap-rond { background: var(--aarde); }
.nk-stap-nr { font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--nk-bruin); }
.nk .nk-stap h3 { margin: 4px 0 8px; font-weight: 500; font-size: 32px; }
.nk-stap-rij { display: flex; flex-wrap: wrap; gap: 24px; align-items: flex-start; }
.nk-stap-rij p { flex: 1 1 280px; }
.nk-pendel { flex: 0 0 auto; width: 220px; height: 220px; object-fit: cover; border-radius: 50%; }

/* ── INVESTERING ── */
.nk-invest { display: flex; flex-wrap: wrap; gap: clamp(32px, 5vw, 72px); align-items: stretch; }
.nk-invest-links { flex: 1 1 460px; display: flex; flex-direction: column; justify-content: center; gap: 28px; }

/* ── GESPREK ── */
.nk-gesprek { max-width: 1100px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: clamp(32px, 5vw, 80px); align-items: center; }
.nk-gesprek > img { flex: 1 1 320px; width: 100%; max-width: 440px; height: 540px; object-fit: cover; border-radius: 220px 220px 32px 32px; }
.nk-gesprek-tekst { flex: 1 1 400px; display: flex; flex-direction: column; gap: 20px; }
.nk-gesprek .nk-oog { color: var(--diepzee); }
.nk h2.nk-h2d { font-size: clamp(44px, 4.8vw, 68px); line-height: 1.02; }

.nk-gesprek-tekst .nk-link { align-self: flex-start; }

/* ── VEELGESTELDE VRAGEN ── */

/* ── MOBIEL ── */
@media (max-width: 700px) {
  .nk { font-size: 17px; }
  .nk-hero { min-height: 0; }
  .nk-hero-foto { min-height: 360px; }
  .nk-intro-beeld { min-height: 0; padding-bottom: 0; }
  .nk-veer { width: 100%; height: 440px; border-radius: 200px 200px 32px 32px; }
  .nk-regisseur { position: relative; width: 88%; min-width: 0; margin: -64px 0 0; }
  .nk-nu, .nk-straks { padding: 28px 28px; }
  .nk-paar { border-radius: 36px; }
  .nk-reis-beeld img { height: 320px; border-radius: 28px 160px 28px 28px; }
  .nk-fotorij { grid-template-columns: 1fr 1fr; }
  .nk-fotorij img { height: 220px; }
  .nk-bospad { height: 440px; border-radius: 170px 170px 24px 24px; }
  .nk-pad { padding-left: 30px; gap: 40px; }
  .nk-stap-rond { left: -41px; }
  .nk .nk-stap h3 { font-size: 28px; }
  .nk-pendel { width: 180px; height: 180px; }
  
  .nk-gesprek > img { height: 440px; border-radius: 180px 180px 28px 28px; max-width: 100%; }
  
  
  
}