/* Over ons — alleen wat op deze pagina staat, één op één uit over-ons.html (referentie).
   Gedeeld: home.css (componenten) en subpage.css (subpagina's). */
.start{display:flex;align-items:center;gap:14px;min-height:78px;padding:18px 20px;border-radius:16px;background:#FFFFFF;font-size:16px}
.start__n{flex:none;font-family:'Fraunces',Georgia,serif;font-size:24px;font-weight:500;color:#9E4A2F}
.person{display:grid;grid-template-columns:minmax(0,0.8fr) minmax(0,1.2fr);gap:22px;padding:14px;border-radius:22px;background:#F8F2EC}
.person__ini{aspect-ratio:4/5;border-radius:14px;display:flex;align-items:center;justify-content:center;font-family:'Fraunces',Georgia,serif;font-size:72px;font-weight:500;letter-spacing:-.02em}
.person__body{display:flex;flex-direction:column;gap:16px;padding:14px 10px 6px 0}
.person__tags{display:flex;flex-wrap:wrap;gap:6px}
.person__tags .chip{padding:6px 11px;font-size:13px}
.value{display:flex;flex-direction:column;gap:10px;min-height:150px;padding:24px;border-radius:18px;background:#FFFFFF;border:1px solid #E6D6C6}
.svc{display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#FFFFFF;color:#2C1722;transition:transform .2s ease, box-shadow .2s ease}
.svc:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(44,23,34,.10)}
.svc__img{position:relative;height:260px;background:#EADFD3}
.svc__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (max-width:999px){.person{grid-template-columns:minmax(0,1fr)}}

/* Mobiel (< 768 px) — alleen deze pagina, één op één uit over-ons-mobiel.html. Gedeeld: mobile.css */
@media (max-width:767px){
.start-m{display:flex;align-items:center;gap:14px;min-height:56px;padding:12px 16px;border-radius:14px;background:#FFFFFF;font-size:15.5px}
.start-m span{flex:none;width:30px;font-family:'Newsreader','Fraunces',Georgia,serif;font-size:20px;font-weight:500;color:#9E4A2F}
.pm{display:flex;flex-direction:column;gap:16px;padding:14px 14px 18px;border-radius:20px;background:#F8F2EC}
.pm__ini{flex:none;width:96px;height:116px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-family:'Newsreader','Fraunces',Georgia,serif;font-size:40px;font-weight:500;letter-spacing:-.02em}
.pm__foot{display:flex;flex-direction:column;gap:8px;padding-top:14px;border-top:1px solid #E2D6C9}
.pm__call{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:12px;background:#2C1722;color:#FFFFFF!important;text-decoration:none;font-size:15px;font-weight:600}
.pm__foot a[href^="mailto"]{text-align:center;min-height:32px;display:flex;align-items:center;justify-content:center}
.svc{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:#FFFFFF;color:#2C1722;text-decoration:none}
.svc__img{position:relative;height:200px;background:#EADFD3}
.svc__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
}
