.section {
  padding: var(--space-6) var(--space-3);
  position: relative;
}

.section + .section {
  border-top: 1px solid var(--line);
}

.section__inner {
  max-width: var(--max);
  margin: 0 auto;
}

.section__head {
  margin-bottom: var(--space-4);
  max-width: 36rem;
}

.section__progress {
  position: absolute;
  left: 0;
  top: 0;
  height: 2px;
  width: 0%;
  background: linear-gradient(90deg, var(--accent-bright), transparent);
  opacity: 0.7;
  pointer-events: none;
  transform-origin: left;
}

@media (min-width: 900px) {
  .section {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }
}