/* Standalone, scoped CSS. No Tailwind build. */
.ethos-page-intro {
  box-sizing: border-box;
  background: #efefe4;
  color: #000;
  padding: clamp(48px, 8vw, 128px) clamp(24px, 7.5vw, 120px);
}
.ethos-page-intro *, .ethos-page-intro *::before, .ethos-page-intro *::after { box-sizing: border-box; }
.ethos-page-intro .ethos-page-intro__inner { max-width: 1440px; margin: 0 auto; display: grid; gap: 28px; }
.ethos-page-intro .ethos-page-intro__heading { min-width: 0; }
.ethos-page-intro .ethos-page-intro__eyebrow {
  margin: 0 0 24px; padding: 0; font: 400 12px/1.5 ABCWhyte, Arial, sans-serif;
  letter-spacing: .16em; text-transform: uppercase;
}
.ethos-page-intro .ethos-page-intro__title {
  margin: 0; padding: 0; font-family: VictorSerif, Georgia, serif; font-weight: 400;
  font-size: clamp(36px, 4.8vw, 76px); line-height: 1.08; overflow-wrap: anywhere;
}
.ethos-page-intro .ethos-page-intro__text {
  margin: 0; padding: 0; min-width: 0; font-family: ABCWhyte, Arial, sans-serif;
  font-size: clamp(18px, 1.5vw, 23px); line-height: 1.65; white-space: pre-line; overflow-wrap: anywhere;
}
@media (min-width: 1024px) {
  .ethos-page-intro .ethos-page-intro__inner { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); align-items: end; gap: clamp(40px, 6vw, 96px); }
}