/* ==========================================================================
   04-manifesto.css — Four-word manifesto strip
   BRED. STEWARDED. WELCOMED. PASSED ON.
   ========================================================================== */

.manifesto {
  background-color: var(--color-bone);
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-inline: var(--space-24);
  overflow: hidden;
  border-bottom: 1px solid var(--color-green-muted);
}

.manifesto__text {
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.20em;
  text-transform: uppercase;
  color: var(--color-dust);
  display: flex;
  align-items: center;
  gap: var(--space-16);
  white-space: nowrap;
  flex-wrap: wrap;
  justify-content: center;
}

/* Em-dash separator in rust — used as section 4.9 specifies */
.manifesto__sep {
  color: var(--color-rust);
  font-size: 14px;
  line-height: 1;
  margin: 0 2px;
}

@media (max-width: 640px) {
  .manifesto {
    height: auto;
    padding-block: var(--space-16);
  }

  .manifesto__text {
    font-size: 10px;
    letter-spacing: 0.14em;
    gap: var(--space-8);
  }

  .manifesto__sep {
    font-size: 12px;
  }
}

@media (max-width: 380px) {
  .manifesto__text {
    font-size: 9px;
    letter-spacing: 0.10em;
  }
}