/* Preserve the original visual character while making the content easier to scan. */
.hero { min-height: 620px; text-align: center; }
body { font-family: 'Alber-Regular_0.ttf', Arial, sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
h1, h2, h3, .button, .eyebrow, .text-link, .site-menu > a { font-family: 'Alber-Bold_0.ttf', Arial, sans-serif; }
.button, .text-link { font-family: 'Alber-Medium_0.ttf', Arial, sans-serif; font-weight: 400; }
.button[href*="app.afspraakgezocht.nl"], .service-card a[href*="app.afspraakgezocht.nl"] { font-family: 'Alber-Bold_0.ttf', Arial, sans-serif; font-weight: 400; }
.button span[aria-hidden="true"], .text-link span[aria-hidden="true"] { display: none; }
.site-menu > a:not(.button) { font-weight: 500; }
.hero-content { margin-inline: auto; }
.hero-copy { margin-inline: auto; }
.hero-actions { justify-content: center; }
.trust-grid p { display: flex; align-items: center; gap: 14px; margin: 0; }
.trust-grid p > img { width: 42px; height: 42px; object-fit: contain; flex: 0 0 42px; }
.trust-grid p > span { display: block; }
.trust-grid p strong { display: block; }
.trust-grid p em { display: block; color: var(--muted); font-size: .92rem; font-style: normal; }
.steps article { padding: 22px 28px 30px; overflow: hidden; }
.steps article > img { display: block; width: 100%; height: 174px; object-fit: contain; margin: 0 0 8px; }
.steps article span { margin-top: 4px; }
.service-card { transition: transform .2s ease, box-shadow .2s ease; }
.service-card:hover { transform: translateY(-4px); box-shadow: var(--shadow); }
.section-muted { background: #f7f7f7; }
.about-grid > img { background: #fff; }
.about-content { max-width: 760px; margin-inline: auto; text-align: center; }
.about-content > p:not(.eyebrow) { color: var(--muted); font-size: 1.07rem; }
@media (max-width: 800px) {
  html, body { max-width: 100%; overflow-x: clip; }
  .navigation, .hero-content, .section-intro, .appointment-copy, .about-content { min-width: 0; }
  .navigation { width: min(100% - 30px, 1120px); }
  .menu-toggle { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; }
  .site-menu { max-width: 100vw; }
  .hero { min-height: 540px; }
  .steps article > img { height: 140px; }
}
@media (max-width: 520px) {
  .hero-content { width: min(100% - 30px, 1120px); }
  .hero .eyebrow { font-size: .69rem; letter-spacing: .09em; overflow-wrap: anywhere; }
  .hero h1 { font-size: clamp(2rem, 10vw, 2.45rem); overflow-wrap: anywhere; }
  .hero-copy, .section-intro > p:last-child { overflow-wrap: anywhere; }
  .site-menu.is-open { max-height: calc(100vh - 68px); overflow-y: auto; }
}