.container {
  width: min(1120px, calc(100% - 3rem));
  margin: 0 auto;
}

.section {
  padding: 5.5rem 0;
}

.section-head {
  display: grid;
  gap: 0.65rem;
  margin-bottom: 2.2rem;
}

.copy-muted {
  color: var(--muted);
  max-width: 62ch;
}

.eyebrow {
  letter-spacing: 0.22em;
  text-transform: uppercase;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--muted);
}

.contrast-section {
  background: linear-gradient(145deg, var(--surface-soft), var(--surface));
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.split-block {
  display: flex;
  gap: 2.4rem;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.split-block > * {
  flex: 1 1 320px;
}

.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 560ms ease, transform 560ms ease;
}

.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 780px) {
  .container {
    width: min(1120px, calc(100% - 2rem));
  }

  .section {
    padding: 4.2rem 0;
  }
}