.container { width: min(1180px, 92%); margin: 0 auto; }
.section { padding: 80px 0; }
.section-alt { background: var(--color-card-bg); }
.section-dark { background: var(--color-primary-dark); color: var(--color-white); }
.section-label {
  font-size: var(--text-xs);
  letter-spacing: .15em;
  text-transform: uppercase;
  color: var(--color-accent);
  margin-bottom: var(--space-2);
  display: inline-block;
}
.section-heading { font-size: var(--text-3xl); }
.section-subheading { font-size: var(--text-md); max-width: 600px; }
.grid-1 { display: grid; grid-template-columns: 1fr; gap: var(--space-6); }
.grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-8); }
.grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); }
.grid-4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-6); }
.center { text-align: center; }
.page-hero { background: linear-gradient(120deg, var(--color-primary-dark), var(--color-primary-mid)); color: var(--color-white); padding: 120px 0 64px; }
.page-hero h1 { color: var(--color-white); }
.breadcrumb { color: var(--color-secondary); font-size: var(--text-sm); }