/* ==========================================================================
   Module: creed — dark dramatic statement band
   Reproduces the "Operational creed" section of the locked QP design.
   ========================================================================== */

.m-creed {
  padding: clamp(64px, 10vh, 120px) var(--pad-x);
  border-top: 1px solid var(--bd-dark-16);
  color: var(--light-body);
}

/* Surface mapping */
.m-creed--dark-2 { background: var(--dark-2); }
.m-creed--dark   { background: var(--dark); }
.m-creed--dark-3 { background: var(--dark-3); }

.m-creed .container { max-width: var(--maxw); margin: 0 auto; }

.m-creed__eyebrow {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--accent);
  margin-bottom: clamp(24px, 3.5vh, 40px);
}

.m-creed__words {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(18px, 4vw, 72px);
  font-family: var(--font-serif);
  font-weight: 600;
  font-size: clamp(2.4rem, 7vw, 5.5rem);
  line-height: 1;
  letter-spacing: -.02em;
  color: var(--light);
}

.m-creed__dot { color: var(--accent); }