.about-page { padding: 8rem 2rem 4rem; max-width: 70ch; margin: 0 auto; position: relative; }
.about-page::before {
  content: "";
  position: absolute;
  top: 0; right: -10%;
  width: 60%;
  aspect-ratio: 2/3;
  background: url("/assets/marks/flores.webp") no-repeat center/contain;
  opacity: 0.18;
  pointer-events: none;
  mix-blend-mode: screen;
  z-index: -1;
}
.about-page > * { position: relative; }
.about-page__heading { font-family: var(--font-display); font-size: var(--fs-section); letter-spacing: var(--tracking-display); margin-bottom: 3rem; }
.about-page__manifesto { font-family: var(--font-editorial); font-size: clamp(1.125rem, 1.4vw, 1.4rem); line-height: 1.65; }
.about-page__manifesto p:first-of-type::first-letter { font-family: var(--font-display); font-size: 4em; float: left; line-height: 0.8; padding-right: 0.5rem; padding-top: 0.25rem; color: var(--ember); }
.about-page__what { margin-top: 4rem; padding-top: 3rem; border-top: 1px solid var(--smoke); }
.about-page__what-label { font-family: var(--font-mono); font-size: var(--fs-meta); letter-spacing: var(--tracking-mono); color: var(--cream-dim); margin-bottom: 1rem; display: block; }
.about-page__what-list { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 1rem; font-family: var(--font-display); font-size: clamp(1.5rem, 3vw, 2rem); letter-spacing: var(--tracking-display); }
.about-page__cta { margin-top: 3rem; }
@media (max-width: 768px) { .about-page { padding: 5.5rem 1.25rem 3rem; } }