/* About hero and proof section share a cream, blue, mint and lilac palette. */
.about-page .au-story-hero,
.about-page .au-proof{
  color:var(--ink);
  background:linear-gradient(180deg,#f5f5eb 0%,#f5f6ef 38%,#f0f6f3 72%,#fff 100%);
}
.about-page .au-story-hero::before,
.about-page .au-proof::before{
  inset:0;
  filter:none;
  background:
    radial-gradient(ellipse at 4% 72%,rgba(188,175,237,.36) 0%,rgba(188,175,237,0) 52%),
    radial-gradient(ellipse at 96% 20%,rgba(169,191,237,.32) 0%,rgba(169,191,237,0) 52%),
    radial-gradient(ellipse at 51% 84%,rgba(135,222,225,.27) 0%,rgba(135,222,225,0) 54%),
    radial-gradient(ellipse at 100% 88%,rgba(154,226,189,.34) 0%,rgba(154,226,189,0) 50%),
    radial-gradient(ellipse at 13% 5%,rgba(163,216,185,.18) 0%,rgba(163,216,185,0) 48%);
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 76%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 76%,transparent 100%);
}
.about-page .au-story-hero .eyebrow{color:var(--green);}
.about-page .au-story-hero h1{color:var(--ink);}
.about-page .au-story-hero h1 .g{color:var(--green);}

/* Match the area revealed around the rounded introduction to the proof section. */
.about-page .au-story-flow{background:#f5f5eb;}
.about-page .au-proof .eyebrow{color:var(--green);}
.about-page .au-proof h2{color:var(--ink);}
.about-page .au-proof h2 .g{color:var(--green);}
.about-page .au-proof > p{color:var(--graphite);}