/* Layout primitives */

.container {
  width: 100%;
  max-width: var(--maxw);
  margin: 0 auto;
  padding-left: var(--pad-x);
  padding-right: var(--pad-x);
}

.section {
  padding: clamp(72px, 9vw, 128px) 0;
  position: relative;
}

.section--tight { padding: clamp(56px, 7vw, 96px) 0; }

.section--cream { background: var(--tc-cream); }
.section--mist { background: var(--tc-mist); }
.section--navy {
  background: var(--tc-navy);
  color: #E9F0FA;
}
.section--navy h2,
.section--navy h3 { color: #fff; }