/* Divisions overview page */

.div-intro {
  display: grid;
  gap: var(--space-6);
  align-items: start;
}
@media (min-width: 900px) {
  .div-intro { grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: var(--space-8); }
}

/* Alternating feature rows */
.div-rows .container { display: grid; gap: clamp(3rem, 2rem + 4vw, 5.5rem); }
.div-row {
  display: grid;
  gap: var(--space-6);
  align-items: center;
}
@media (min-width: 900px) {
  .div-row { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: var(--space-8); }
  .div-row:nth-child(even) .div-row__media { order: 2; }
}
.div-row__media { aspect-ratio: 4 / 3; box-shadow: var(--shadow-lg); }
.div-row__num {
  display: inline-block;
  padding: 0.15rem 0.7rem;
  background: var(--color-accent);
  color: var(--white);
  font-family: var(--font-display);
  font-weight: 700;
  letter-spacing: 0.1em;
  transform: skewX(var(--slant));
}
.div-row h2 {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  font-size: var(--fs-2xl);
}
.div-row h2 svg { width: 32px; height: 32px; flex: none; color: var(--color-accent); }
.div-row__body > p { color: var(--color-text-muted); }

/* Geotechnical card */
.geo-card {
  display: grid;
  overflow: hidden;
  background: var(--ink-900);
  color: var(--color-text-inverse-muted);
  border-radius: var(--radius-lg);
}
@media (min-width: 800px) { .geo-card { grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); } }
.geo-card__media { position: relative; border-radius: 0; min-height: 260px; }
.geo-card__media img { position: absolute; inset: 0; }
.geo-card__body { padding: clamp(1.75rem, 1rem + 3vw, 3.5rem); align-self: center; }
.geo-card h2 { color: var(--white); font-size: var(--fs-2xl); }
.geo-card .eyebrow { color: var(--red-500); }
.geo-card .chips li { background: transparent; border-color: var(--color-border-dark); color: var(--white); }
.geo-card .link-arrow { color: var(--red-500); }