:root {
  --cec-blue: #17324D;
  --cec-teal: #287D73;
  --cec-amber: #F2B544;
  --cec-offwhite: #F7F5F0;
  --cec-charcoal: #252A2D;
}

.cec-hero {
  padding-top: clamp(4rem, 8vw, 8rem);
  padding-bottom: clamp(4rem, 8vw, 8rem);
  background: var(--cec-blue);
  color: #fff;
}

.cec-hero a {
  color: inherit;
}

.cec-kicker {
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--cec-amber);
}

.cec-section {
  padding-top: clamp(2.5rem, 5vw, 5rem);
  padding-bottom: clamp(2.5rem, 5vw, 5rem);
}

.cec-card-grid > .wp-block-column {
  border: 1px solid color-mix(in srgb, var(--cec-blue) 16%, transparent);
  border-radius: 12px;
  padding: 1.5rem;
}

.cec-flagship {
  background: var(--cec-offwhite);
  border-left: 6px solid var(--cec-teal);
  padding-left: clamp(1.25rem, 3vw, 3rem);
  padding-right: clamp(1.25rem, 3vw, 3rem);
}

.cec-live-teaser {
  background: var(--cec-charcoal);
  color: #fff;
  padding-top: clamp(3rem, 6vw, 6rem);
  padding-bottom: clamp(3rem, 6vw, 6rem);
}

.cec-live-teaser h2,
.cec-live-teaser p {
  color: inherit;
}