.hc-container {
  width: min(var(--hc-container), calc(100% - (2 * var(--hc-gutter))));
  margin-inline: auto;
}

.hc-section {
  padding-block: clamp(72px, 8vw, 112px);
}

.hc-section--compact {
  padding-block: clamp(48px, 6vw, 72px);
}

.hc-section--light { background: var(--hc-surface); }
.hc-section--soft { background: var(--hc-surface-2); }
.hc-section--dark {
  background: var(--hc-navy-950);
  color: #c6d3e2;
}

.hc-section--dark h1,
.hc-section--dark h2,
.hc-section--dark h3,
.hc-section--dark h4 {
  color: var(--hc-white);
}

.hc-grid {
  display: grid;
  gap: var(--hc-space-4);
}

.hc-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.hc-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.hc-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.hc-stack > * + * { margin-top: var(--hc-space-4); }
.hc-stack--sm > * + * { margin-top: var(--hc-space-2); }
.hc-stack--lg > * + * { margin-top: var(--hc-space-6); }

.hc-content-narrow {
  max-width: 760px;
}

.hc-content-medium {
  max-width: 920px;
}

.hc-text-center { text-align: center; }