.od-kop{padding-bottom:var(--sp-5)}
.od-kop h1{margin-top:.6rem;max-width:18ch}


.od-persoon-in{display:grid;grid-template-columns:5fr 7fr;gap:var(--sp-7);align-items:start}


.od-foto{margin:0}
.od-foto img{display:block;width:100%;height:auto}


.od-tekst .od-citaat{
  font-family:var(--font-serif);font-style:italic;font-weight:400;
  font-size:clamp(1.3rem,2.4vw,1.6rem);line-height:1.42;color:var(--kleur-inkt);
  font-variation-settings:"opsz" 40;max-width:none;margin:0 0 1.5rem;
}
.od-tekst p{max-width:58ch}

.od-vraag{margin-top:1.6rem;font-size:1.1rem;color:var(--kleur-inkt)}
.od-tekst .knop{margin-top:1.2rem}

.od-volgt{
  display:inline-flex;align-items:center;gap:.6em;margin-top:var(--sp-3);
  padding:.85em 1.2em;border:1px dashed var(--kleur-inkt-2);color:var(--kleur-inkt-2);
  font-size:.85rem;font-style:italic;max-width:none;
}
.od-volgt svg{width:15px;height:15px;flex-shrink:0;color:var(--kleur-cta-terracotta)}

@media (max-width:900px){
  .od-persoon-in{grid-template-columns:1fr;gap:var(--sp-5)}
  .od-foto{max-width:24rem}
}


.od-cta-tekst{display:flex;flex-direction:column;gap:1.4rem}

.od-cta-link{
  display:inline-flex;align-items:center;gap:.5em;align-self:flex-start;
  font:500 .8rem/1 var(--font-sans);letter-spacing:.05em;
  color:inherit;text-decoration:underline;text-underline-offset:.25em;
  transition:opacity .18s ease;
}
.od-cta-link:hover{opacity:.75}