/* Fonts: Momo Trust Display (titels) + Poppins (overige tekst). Foto's vierkant. */
:root {
  --serif: "Momo Trust Display", Georgia, serif;
  --font: "Poppins", "Helvetica Neue", Arial, sans-serif;
  --mono: "Poppins", "Helvetica Neue", Arial, sans-serif;
}
body { font-family: var(--font); font-size: 16px; line-height: 1.7; }
.lead { font-size: clamp(17px, 1.4vw, 19px); line-height: 1.7; }
.display, .h2, .h3, .step h3, .row h3, .faq summary, .route-title, .big-num, .stat-num, .price-num, .compare-col .big, .calc output, .calc-cell strong, .compare-table thead th {
  font-family: var(--serif); font-weight: 400; font-synthesis: none;
}
.display { letter-spacing: -0.02em; line-height: 1.06; }
.h2 { letter-spacing: -0.015em; line-height: 1.1; }
.h3, .step h3, .row h3, .route-title, .faq summary { letter-spacing: -0.005em; }
.display .accent, .h2 .accent { font-style: normal; font-weight: 400; }
.compare-table thead th span { font-family: var(--font); }
.btn { font-weight: 600; }
.nav-links a { font-weight: 500; font-size: 14.5px; }
.step-num, .footer h4, .route-who { font-family: var(--font); }

.split-media img, .founder img { aspect-ratio: 1 / 1; height: auto; }
.hero-media img { aspect-ratio: 1 / 1; max-width: 640px; margin: 0 auto; }
.split { align-items: center; }
.page-hero .split-media { align-self: center; }
@media (max-width: 900px) { .split-media img, .founder img, .hero-media img { max-width: 520px; margin: 0 auto; } }