/* Interbit: lokale pagina’s, met de bestaande kleuren, lettertypen en componenten. */
.local-page .header { background: var(--surface-base); }
.local-hero { padding-top: 140px; padding-bottom: 80px; }
.local-breadcrumb { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:42px; font-size:13px; color:var(--text-secondary); }
.local-breadcrumb a { text-decoration:underline; text-underline-offset:4px; }
.local-hero-grid { display:grid; grid-template-columns:1.15fr 1fr; align-items:center; gap:clamp(32px,5vw,80px); }
.local-hero h1 { font-size:clamp(48px,5.5vw,86px); line-height:1.06; letter-spacing:-.04em; margin:18px 0 28px; font-weight:400; overflow-wrap:anywhere; }
.local-hero h1 em { font-family:'Instrument Serif',Georgia,serif; font-weight:400; color:var(--mint); }
.local-tagline { font-size:22px; line-height:1.4; color:var(--text-primary); margin-bottom:16px; }
.local-intro { max-width:65ch; font-size:17px; line-height:1.8; }
.local-hero .actions { flex-wrap:wrap; margin-top:28px; gap:18px 24px; }
.local-visual { margin:0; }
.local-visual img { width:100%; height:auto; display:block; border-radius:3px; }
.local-visual figcaption { padding-top:14px; font-size:12px; color:var(--text-secondary); }
.local-section { padding-top:80px; padding-bottom:80px; }
.local-section h2 { font-size:clamp(34px,3.9vw,56px); line-height:1.12; letter-spacing:-.025em; margin:16px 0 30px; max-width:23ch; }
.local-section h2 em { font-family:'Instrument Serif',Georgia,serif; font-weight:400; color:var(--mint); }
.local-section.light-section h2 em { color:var(--sage-accent); }
.local-section h3 { font-size:23px; line-height:1.3; margin:16px 0; font-weight:500; letter-spacing:-.015em; }
.local-section p { max-width:76ch; }
.local-editorial { display:grid; grid-template-columns:1.15fr 1fr; gap:clamp(32px,6vw,90px); align-items:start; }
.local-example { padding:30px; background:var(--surface-card); border:1px solid var(--border-soft); border-radius:3px; }
.local-services, .local-process { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; margin:40px 0 0; padding:0; list-style:none; }
.local-services article, .local-process li { border-top:1px solid var(--border-soft); padding-top:24px; }
.local-number { font-size:13px; letter-spacing:.1em; color:var(--text-secondary); }
.local-follow { display:flex; flex-wrap:wrap; gap:20px 32px; margin-top:28px; }
.local-checklist { border-top:1px solid var(--border-soft); margin-top:38px; padding-top:12px; }
.local-checklist ul { padding-left:20px; color:var(--text-secondary); }
.area-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 40px; margin:32px 0; }
.area-link { display:flex; justify-content:space-between; gap:24px; padding:24px 0; border-top:1px solid var(--border-soft); }
.area-link strong { display:block; font-size:24px; line-height:1.3; font-weight:500; }
.area-link span span { display:block; color:var(--text-secondary); margin-top:6px; font-size:14px; }
.area-link:hover strong { text-decoration:underline; text-underline-offset:5px; }
.local-page .faq { padding-top:80px; padding-bottom:80px; }
.local-page .faq summary { gap:20px; }
.local-page .faq summary>span { flex-shrink:0; }
.footer>div>a { display:block; }
@media (max-width:900px) {
  .local-hero-grid, .local-editorial { grid-template-columns:1fr; }
  .local-hero { padding-top:112px; padding-bottom:56px; }
  .local-visual { max-width:650px; }
  .local-services, .local-process { gap:24px; }
  .local-section { padding-top:56px; padding-bottom:56px; }
}
@media (max-width:640px) {
  .local-hero h1 { font-size:clamp(43px,10.7vw,66px); }
  .local-breadcrumb { margin-bottom:30px; font-size:12px; }
  .local-tagline { font-size:20px; }
  .local-intro { font-size:16px; }
  .local-services, .local-process, .area-grid { grid-template-columns:1fr; }
  .local-example { padding:24px; }
  .local-page .faq { padding-top:56px; padding-bottom:56px; }
  .local-page .actions .button { white-space:normal; }
}

/* Volledige plaatswebsites: dezelfde homepage-opbouw, met een lokale kop. */
.local-full-site .hero-fullbleed .city-headline { font-size: .70em; letter-spacing: -.045em; }
.place-footer-links a { text-decoration: underline; text-underline-offset: 3px; }