/* Page-specific rules from the reference; shared section typography is in theme.css. */
#about-hero .hero__content__inner {
  margin-top: 15vh;
}

#about-origins {
  --color-background: #ebd99d;
  --color-background-gradient: #ebd99d;
  background: var(--color-background);
}

#about-origins .hero {
  background: linear-gradient(90deg, #1a1a1a 50%, #6a6660 100%);
}

#about-origins .hero__content {
  padding: 24px 74px;
}

#about-origins .hero__content__inner {
  max-width: 500px;
}

@media (min-width: 1024px) {
  #about-hero .hero::after {
    opacity: 1;
    background: linear-gradient(90deg, rgba(26, 26, 26, 0.7) 0%, rgba(0, 0, 0, 0) 36.135%);
  }
}

@media (max-width: 768px) {
  #about-hero .hero__content {
    margin: 0 auto;
    text-align: center;
  }

  #about-hero .hero__content__inner {
    margin-top: 0;
  }

  #about-origins .hero__content {
    padding-right: 34px;
    padding-left: 34px;
  }
}