.section {
  min-height: 42rem;
  padding: clamp(5rem, 10vw, 8rem) 1.5rem;
  scroll-margin-top: var(--header-offset);
  border-bottom: 1px solid var(--color-line);
  background: var(--color-surface);
}

.section__inner {
  width: min(100%, var(--page-width));
  margin-inline: auto;
}

.section__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.8fr);
  align-items: center;
  gap: clamp(3rem, 8vw, 8rem);
}

.section__content {
  max-width: 45rem;
}