/* Shared Blog/article/About hero and proof surface: warm paper, fine grid, color along the lower edge. */
.resources-hero, .post-hero, .about-page .au-story-hero, .about-page .au-proof {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #f5f5eb;
  color: #14140f;
  box-shadow: inset 0 -1px rgba(91,120,101,.12);
}
.resources-hero::before, .post-hero::before, .about-page .au-story-hero::before, .about-page .au-proof::before {
  content: '';
  position: absolute;
  inset: 0;
  width: auto;
  height: auto;
  border-radius: 0;
  z-index: 0;
  pointer-events: none;
  filter: none;
  background-image:
    linear-gradient(rgba(77,98,72,.065) 1px, transparent 1px),
    linear-gradient(90deg,rgba(77,98,72,.065) 1px, transparent 1px);
  background-size: 40px 40px;
  background-position: center top;
  -webkit-mask-image: linear-gradient(to bottom,transparent,#000 22%,#000 80%,transparent);
  mask-image: linear-gradient(to bottom,transparent,#000 22%,#000 80%,transparent);
}
.resources-hero::after, .post-hero::after, .about-page .au-story-hero::after, .about-page .au-proof::after {
  content: '';
  position: absolute;
  inset: auto -6% -40px;
  width: auto;
  height: 90px;
  border-radius: 0;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(ellipse 27% 60% at 16% 72%,rgba(164,145,246,.65),transparent 100%),
    radial-gradient(ellipse 28% 65% at 43% 76%,rgba(59,155,235,.55),transparent 100%),
    radial-gradient(ellipse 30% 64% at 67% 76%,rgba(49,219,223,.6),transparent 100%),
    radial-gradient(ellipse 26% 60% at 91% 74%,rgba(61,209,149,.55),transparent 100%);
  filter: blur(14px);
}
.resources-intro, .post-hero .inner, .about-page .au-story-hero > *, .about-page .au-proof > * { position: relative; z-index: 2; }

/* The proof section receives color at the top and fades into white below. */
.about-page .au-proof{
  background:linear-gradient(180deg,#f5f5eb 0%,#f5f6ef 28%,#fff 88%);
  box-shadow:none;
}
.about-page .au-proof::before{
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.65) 0%,rgba(0,0,0,.5) 18%,rgba(0,0,0,.18) 42%,transparent 64%);
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.65) 0%,rgba(0,0,0,.5) 18%,rgba(0,0,0,.18) 42%,transparent 64%);
}
.about-page .au-proof::after{
  inset:-40px -6% auto;
  height:200px;
  background:
    radial-gradient(ellipse 27% 65% at 16% 8%,rgba(164,145,246,.44),transparent 100%),
    radial-gradient(ellipse 28% 65% at 43% 8%,rgba(59,155,235,.36),transparent 100%),
    radial-gradient(ellipse 30% 65% at 67% 8%,rgba(49,219,223,.4),transparent 100%),
    radial-gradient(ellipse 26% 65% at 91% 8%,rgba(61,209,149,.36),transparent 100%);
  filter:blur(18px);
}