/* ══════════════════════════════
   HOME — HERO
══════════════════════════════ */
.home-hero {
  padding-block: var(--sp-80) var(--sp-112);
  border-bottom: 1px solid var(--color-vapor);
}

.home-hero__inner {
  display: grid;
  grid-template-columns: 1fr 380px;
  gap: var(--sp-64);
  align-items: end;
}

@media (max-width: 900px) {
  .home-hero__inner {
    grid-template-columns: 1fr;
  }
  .home-hero__image {
    order: -1;
    aspect-ratio: 16/9 !important;
  }
}

/* ══════════════════════════════
   HOME — DIENSTEN GRID
══════════════════════════════ */
.home-diensten {
  padding-block: var(--sp-80);
  border-bottom: 1px solid var(--color-vapor);
}

.home-diensten__eyebrow {
  margin-bottom: var(--sp-32);
}

.home-diensten__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: var(--color-vapor);
  border: 1px solid var(--color-vapor);
}

.home-diensten__item {
  background: var(--color-pure-white);
  padding: var(--sp-32);
}

.home-diensten__num {
  display: block;
  font-family: var(--font-body);
  font-size: var(--text-caption);
  color: var(--color-fog);
  letter-spacing: var(--tracking-label);
  margin-bottom: var(--sp-12);
}

.home-diensten__title {
  font-family: var(--font-display);
  font-feature-settings: "ss01";
  font-size: var(--text-body-lg);
  font-weight: var(--weight-regular);
  line-height: var(--leading-normal);
  margin-bottom: var(--sp-8);
}

.home-diensten__desc {
  font-size: var(--text-label);
  line-height: var(--leading-relaxed);
  color: var(--color-slate);
}

@media (max-width: 700px) {
  .home-diensten__grid { grid-template-columns: 1fr; }
}

/* ══════════════════════════════
   HOME — CASES PREVIEW
══════════════════════════════ */
.home-cases {
  padding-block: var(--sp-80);
  border-bottom: 1px solid var(--color-vapor);
}

.home-cases__eyebrow {
  margin-bottom: var(--sp-32);
}

.home-cases__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--sp-16);
}

.home-cases__card {
  border: 1px solid var(--color-vapor);
  border-radius: var(--radius-card);
  overflow: hidden;
}

.home-cases__img {
  border-radius: 0;
}

.home-cases__body {
  padding: var(--sp-20) var(--sp-24);
}

.home-cases__cat {
  font-size: var(--text-caption);
  color: var(--color-fog);
  letter-spacing: var(--tracking-label);
  margin-bottom: var(--sp-4);
}

.home-cases__title {
  font-family: var(--font-display);
  font-feature-settings: "ss01";
  font-size: var(--text-body-lg);
  font-weight: var(--weight-regular);
}

.home-cases__all {
  display: inline-block;
  margin-top: var(--sp-24);
  text-decoration: none;
  color: var(--color-ink-black);
}

.home-cases__all:hover { color: var(--color-fog); }

@media (max-width: 600px) {
  .home-cases__grid { grid-template-columns: 1fr; }
}