.container {
  width: min(var(--container), calc(100% - var(--gutter) - var(--gutter)));
  margin-inline: auto;
}
.section { padding-block: var(--section-space); overflow: hidden; }
.section--compact { padding-top: 0; }
.section__action { display: flex; justify-content: center; margin-top: 48px; }
.section-heading { display: flex; flex-direction: column; gap: 8px; margin-bottom: 48px; }
.section-heading h2 { margin-bottom: 0; font-size: 32px; line-height: 48px; font-weight: 600; }
.section-heading p { margin-bottom: 0; color: var(--ds-neutral-lighter); font-size: 18px; line-height: 28px; font-weight: 500; }
.section-heading--center { align-items: center; text-align: center; }
.section-heading__decor { display: block; width: 48px; height: 16px; margin-top: 8px; object-fit: contain; }
.section-heading__decor img { display: block; width: 100%; height: 100%; object-fit: contain; }
@media (max-width: 1279px) { :root { --container: 960px; --section-space: 64px; } }
@media (max-width: 768px) { :root { --section-space: 56px; } .section-heading { margin-bottom: 32px; } .section-heading h2 { font-size: 24px; line-height: 36px; } .section-heading p { font-size: 16px; line-height: 24px; } .section-heading__decor { width: 32px; height: 11px; } }