/* Home-specifieke layouts */

/* Intro-statement, links uit, ruim, editorial */
.intro-statement { max-width: 780px; }
.intro-statement h2 em { display: inline; }

/* Intro-split, tekst links, foto zwevend rechts */
.intro-split {
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  gap: clamp(3rem, 6vw, 7rem);
  align-items: center;
}
.intro-split__body { max-width: 46ch; }
.intro-split__media {
  aspect-ratio: 4 / 5;
  margin: 0;
  transform: translateY(-12px);
}
@media (max-width: 900px) {
  .intro-split { grid-template-columns: 1fr; gap: var(--space-10, 2.5rem); }
  .intro-split__media { aspect-ratio: 16/11; transform: none; }
}

/* Sectie-kop links-uit (gebruikt op meerdere plekken) */
.section-head { max-width: 780px; margin-bottom: var(--space-8); }
.section-head h2 { margin-top: var(--space-4); margin-bottom: var(--space-5); }
.section-head p.lead { color: var(--ink-soft); max-width: 58ch; }

.pillars {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-10, 2.5rem);
}
@media (max-width: 900px) { .pillars { grid-template-columns: repeat(2, 1fr); gap: var(--space-8); } }
@media (max-width: 560px) { .pillars { grid-template-columns: 1fr; } }

.arr-feature {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-10, 2.5rem);
  margin-top: var(--space-10, 2.5rem);
}
@media (max-width: 900px) { .arr-feature { grid-template-columns: 1fr; gap: var(--space-8); margin-top: var(--space-8); } }

.story {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-16);
  align-items: center;
}
.story__media { aspect-ratio: 4/5; margin: 0; }
.story__media img { width: 100%; height: 100%; object-fit: cover; }
.story__body { max-width: 52ch; }
@media (max-width: 900px) {
  .story { grid-template-columns: 1fr; gap: var(--space-8); }
  .story__media { aspect-ratio: 16/10; }
}

.quotes {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-16);
  max-width: 1200px;
  margin-inline: auto;
}
@media (max-width: 900px) { .quotes { grid-template-columns: 1fr; gap: var(--space-12); } }
.quote-editorial {
  border-top: 1px solid var(--line);
  padding-top: var(--space-8);
  display: flex;
  flex-direction: column;
}
.quote-editorial__mark {
  font-family: var(--font-display);
  font-style: italic;
  font-size: 3rem;
  line-height: 0.8;
  color: var(--brand-orange);
  margin-bottom: var(--space-4);
}
.quote-editorial p {
  font-family: var(--font-display);
  font-style: italic;
  font-size: clamp(1.3rem, 1.4vw + 1rem, 1.75rem);
  line-height: 1.4;
  color: var(--ink);
  margin-bottom: var(--space-8);
}
.quote-editorial__who {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  margin-top: auto;
}
.quote-editorial__avatar {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  object-fit: cover;
  background: var(--brand-navy);
  color: var(--paper);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-display);
  font-size: 1.25rem;
  font-weight: var(--fw-display-bold);
  flex-shrink: 0;
}
.quote-editorial__meta {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.quote-editorial__name {
  font-family: var(--font-body);
  font-size: var(--fs-body-sm);
  font-weight: var(--fw-body-med);
  color: var(--ink);
  font-style: normal;
  letter-spacing: 0;
  text-transform: none;
}
.quote-editorial__context {
  font-size: var(--fs-caption);
  color: var(--ink-mute);
  font-style: normal;
}
.quote-editorial__stars {
  color: var(--brand-orange);
  letter-spacing: 0.15em;
  font-size: 0.95rem;
  margin-bottom: var(--space-4);
}

.cta-block { text-align: center; }
.cta-block .eyebrow { color: rgba(246,241,232,0.72); justify-content: center; display: inline-flex; }
.cta-block h2 { max-width: 18ch; margin: var(--space-6) auto var(--space-8); }
.cta-block__actions { display: inline-flex; flex-wrap: wrap; gap: var(--space-4); justify-content: center; }