.section {
  padding: 5.5rem 0;
}

.hero + .section { padding-top: 0; }

.container {
  max-width: var(--max);
  margin: 0 auto;
  padding: 0 var(--px);
}

.section-head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 3.5rem;
}

.section-num {
  font-family: var(--mono);
  font-size: 1.2rem;
  letter-spacing: 0.15em;
  color: var(--third);
  white-space: nowrap;
}

.section-divider-line {
  width: 100%;
  height: 1px;
  background: var(--border);
}