.hero-home{padding:var(--sp-7) 0 var(--sp-8)}
.hero-home-in{
  display:grid;grid-template-columns:1fr;gap:var(--sp-7);align-items:center;
}
.hero-home-tekst h1{margin-top:.7rem}

.hero-home-tekst h1 em{color:var(--kleur-cta-terracotta);font-style:italic}
.hero-home-lead{
  font-size:1.08rem;line-height:1.65;max-width:42ch;
  color:var(--kleur-inkt-2);margin-top:1.1rem;
}
.hero-home-acties{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.8rem}
.hero-home-acties .knop span{font-size:1em}

.hero-home-beeld{order:-1}
.hero-home-beeld svg{display:block;width:100%;height:auto}
.hero-home-beeld image{filter:saturate(1.03)}

.hero-home-cijfers{
  margin:var(--sp-7) 0 0;padding-top:var(--sp-5);border-top:1px solid var(--kleur-lijn);
  display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-5) var(--sp-4);
}
.hero-home-cijfers>div{padding-left:var(--sp-4);border-left:1px solid var(--kleur-lijn)}
.hero-home-cijfers>div:first-child{padding-left:0;border-left:0}

.hero-home-cijfers dt{
  font-family:var(--font-serif);font-weight:400;font-size:clamp(1.6rem,3vw,2.1rem);
  color:var(--kleur-inkt);line-height:1;
}
.hero-home-cijfers dd{margin:.5rem 0 0;font-size:.84rem;color:var(--kleur-inkt-2);line-height:1.4}

@media (min-width:900px){
  .hero-home-in{grid-template-columns:1fr 1.05fr;gap:var(--sp-6)}
  .hero-home-beeld{order:0}
  .hero-home-cijfers{grid-template-columns:repeat(4,1fr);gap:var(--sp-4)}
  .hero-home-cijfers>div{padding-left:var(--sp-5)}
  
  .hero-home{
    min-height:calc(100dvh - var(--kop-hoogte));
    display:flex;flex-direction:column;
    padding:var(--sp-6) 0 var(--sp-5);
  }
  .hero-home-in{flex:1;align-content:center}
  .hero-home-cijfers{margin-top:0}
}


.pakketten-intro{max-width:52rem}
.pakketten-intro h2{margin-top:.6rem}
.pakketten-lead{font-size:1.05rem;max-width:56ch;color:var(--kleur-inkt-2);margin-top:1rem}


.pakketten-teaser{padding-top:var(--sp-6)}



.pakketten-as{
  display:flex;align-items:center;gap:1.25rem;margin-top:2.6rem;
  font:700 .76rem/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;
  color:var(--kleur-inkt-2);
}
.pakketten-as span:first-child,.pakketten-as span:last-child{line-height:1.4}
.pakketten-as-lijn{flex:1;min-width:2rem;height:1px;background:var(--kleur-inkt-2);position:relative}
.pakketten-as-lijn::after{
  content:"";position:absolute;right:0;top:50%;width:.5rem;height:.5rem;
  border-top:1px solid var(--kleur-inkt-2);border-right:1px solid var(--kleur-inkt-2);
  transform:translateY(-50%) rotate(45deg);
}
@media (max-width:480px){
  .pakketten-as{gap:.6rem}
  .pakketten-as-lijn{min-width:1rem}
}


.pakketten-kaarten .kaart-pakket p{margin-top:.6rem}
.pakketten-kaarten .knop{align-self:stretch;justify-content:center}


.stappen-kop{max-width:44rem}
.stappen-kop h2{margin-top:.7rem}
.stappen-kop p{margin-top:.9rem;font-size:1.02rem}

.stappenlijst{
  list-style:none;margin:var(--sp-6) 0 0;padding:0;border-top:1px solid var(--kleur-inkt);
}
.stappenlijst li{
  display:grid;grid-template-columns:4.5rem 1fr;gap:1.5rem;
  padding:1.9rem 0;border-bottom:1px solid var(--kleur-lijn);
}

.stappenlijst .nr{
  font-family:var(--font-serif);font-weight:400;font-size:2.2rem;line-height:1;
  color:var(--kleur-cta-terracotta);
}
.stappenlijst h3{margin-bottom:.45rem;font-size:1.15rem}
.stappenlijst p{margin:0;max-width:60ch}
@media (max-width:640px){
  .stappenlijst li{grid-template-columns:1fr;gap:.4rem}
}


.cta-balk--split .wrap{gap:var(--sp-5)}
.cta-balk--split h2{font-size:clamp(2.2rem,4.4vw,3.1rem)}
.cta-balk-tekst p{margin:.9rem 0 1.6rem;max-width:36ch}
@media (min-width:800px){
  
  .cta-balk--split .wrap{grid-template-columns:1.15fr 1fr;align-items:center;gap:var(--sp-7)}
}


.cta-groen-home{padding:var(--sp-6) 0}
.cta-groen-home h2{font-size:clamp(1.9rem,3.4vw,2.5rem)}


.persoonlijk-in{display:grid;grid-template-columns:1fr;gap:var(--sp-6);align-items:start}

.persoonlijk-tekst blockquote{
  margin:.9rem 0 1.4rem;font-family:var(--font-serif);font-style:italic;
  font-weight:400;font-size:clamp(1.5rem,3vw,2rem);line-height:1.3;
  color:var(--kleur-inkt);border-left:2px solid var(--kleur-cta-terracotta);
  padding-left:1.2rem;max-width:26ch;
}
.persoonlijk-tekst p{max-width:56ch}
.persoonlijk-tekst .knop{margin-top:.6rem}


.persoonlijk-foto{margin:0;max-width:24rem}
.persoonlijk-foto img{display:block;width:100%;height:auto}
@media (min-width:900px){
  .persoonlijk-in{grid-template-columns:.8fr 1.1fr;gap:var(--sp-7)}
}


.kennis-kop{
  display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:1rem;
  border-bottom:1px solid var(--kleur-lijn);padding-bottom:var(--sp-4);
}
.kennis-kop h2{margin-top:.6rem}

.kennis-lijst{margin-top:0}
.kennis-item{
  display:grid;grid-template-columns:7rem 1fr auto;gap:1.5rem;align-items:center;
  padding:1.8rem 0;border-bottom:1px solid var(--kleur-lijn);
}
.kennis-beeld{display:block;aspect-ratio:1/1;overflow:hidden}
.kennis-beeld img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.kennis-item:hover .kennis-beeld img{transform:scale(1.05)}
.kennis-body h3{font-size:1.15rem;margin:.3rem 0 .4rem}
.kennis-body h3 a:hover{color:var(--kleur-cta-terracotta)}
.kennis-body p{margin:0;font-size:.92rem;max-width:52ch}
.kennis-lees{white-space:nowrap;justify-self:end}

@media (max-width:700px){
  .kennis-item{grid-template-columns:5.5rem 1fr;grid-template-areas:"beeld body" "beeld lees"}
  .kennis-beeld{grid-area:beeld}
  .kennis-body{grid-area:body}
  .kennis-lees{grid-area:lees;justify-self:start;margin-top:.4rem}
}