body[data-page="about"] .about-content-background {
  position: relative;
  isolation: isolate;
  background-color: var(--color-page-background);
  background-image: url("assets/about-background-generated.png");
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
}

body[data-page="about"] .about-content-background::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgb(247 244 237 / 0.08) 0%,
    rgb(247 244 237 / 0.02) 58%,
    rgb(247 244 237 / 0.08) 100%
  );
  pointer-events: none;
}

body[data-page="about"] .about-content-background .muted-section,
body[data-page="about"] .about-content-background .about-story-section {
  background: transparent;
}

body[data-page="about"] .about-content-background .supply-quality {
  margin-top: 0;
}

body[data-page="about"] .about-content-background .supply-quality-grid {
  margin-top: 0;
}

@media (max-width: 720px) {
  body[data-page="about"] .about-content-background {
    background-position: 28% bottom;
  }
}