.brand-ethos {
  color: rgb(var(--ethos-text));
  background: rgb(var(--ethos-background));
  font-family: var(--senro-sans);
  font-weight: 300;
}

.brand-ethos .brand-ethos__inner {
  width: 100%;
  max-width: 1440px;
  padding: var(--ethos-padding-top) 48px var(--ethos-padding-bottom);
  margin: 0 auto;
  text-align: center;
}

.brand-ethos__eyebrow {
  margin-block-end: 24px;
  color: rgb(var(--ethos-muted));
  font-family: var(--senro-sans);
  font-size: 11px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: .3em;
  text-transform: uppercase;
}

.brand-ethos__divider {
  display: block;
  width: 40px;
  height: 1px;
  margin: 0 auto 32px;
  background: rgb(var(--ethos-accent));
}

.brand-ethos__content {
  max-width: var(--ethos-content-width);
  margin: 0 auto;
}

.brand-ethos__heading {
  margin: 0 0 12px;
  color: rgb(var(--ethos-text));
  font-family: var(--senro-serif);
  font-size: clamp(28px, 5vw, var(--ethos-heading-size));
  font-weight: 300;
  line-height: 1.4;
  letter-spacing: .01em;
  white-space: pre-line;
}

.brand-ethos__quote {
  margin: 24px auto 0;
  color: rgb(var(--ethos-muted));
  font-family: var(--senro-serif);
  font-size: clamp(22px, 3.5vw, var(--ethos-quote-size));
  font-style: italic;
  font-weight: 300;
  line-height: 1.4;
  letter-spacing: .01em;
  white-space: pre-line;
}

@media (max-width: 1024px) {
  .brand-ethos .brand-ethos__inner {
    padding: min(var(--ethos-padding-top), 120px) 32px min(var(--ethos-padding-bottom), 120px);
  }
}

@media (max-width: 768px) {
  .brand-ethos .brand-ethos__inner {
    padding: min(var(--ethos-padding-top), 80px) 24px min(var(--ethos-padding-bottom), 80px);
  }
}