.container,
.container-wide,
.container-full {
  width: 100%;
  margin-inline: auto;
  padding-inline: var(--gutter);
}

.container { max-width: calc(var(--content-width) + (var(--gutter) * 2)); }
.container-wide { max-width: calc(var(--content-width-wide) + (var(--gutter) * 2)); }
.container-full { max-width: none; }
.container--narrow { max-width: calc(var(--content-width-narrow) + (var(--gutter) * 2)); }

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

.section--dark { background: var(--gradient-section); }
.section--surface { background: var(--gradient-surface); }

.section-header {
  max-width: 52rem;
  margin-bottom: clamp(2.5rem, 4vw, 5rem);
}

.content-stack > * + * { margin-top: var(--space-8); }
.content-stack--tight > * + * { margin-top: var(--space-4); }

.content-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
  gap: var(--card-gap);
}

.split-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: var(--column-gap);
}

.cluster {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-4);
}

.stack {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.full-bleed {
  width: 100vw;
  margin-left: calc(50% - 50vw);
}

@media (max-width: 960px) {
  .split-layout { grid-template-columns: 1fr; }
}