/* Quiet glass studies, revealed by diffuse pink reflections. */
body.about-page .about-visual-heading { min-width:0; }
body.about-page .about-visual-heading h2 { margin:0; }
.about-editorial-art {
  position:relative;
  width:100%;
  height:var(--about-art-height,320px);
  max-width:100%;
  margin-top:32px;
  overflow:hidden;
  pointer-events:none;
  isolation:isolate;
  -webkit-mask-image:radial-gradient(ellipse 60% 62% at 50% 50%,#000 34%,rgba(0,0,0,.92) 53%,rgba(0,0,0,.35) 73%,transparent 87%);
  mask-image:radial-gradient(ellipse 60% 62% at 50% 50%,#000 34%,rgba(0,0,0,.92) 53%,rgba(0,0,0,.35) 73%,transparent 87%);
}
.about-editorial-art > svg { display:block;width:100%;height:100%;overflow:visible; }
.about-editorial-art .about-art-type { font-family:var(--mono,"Berkeley Mono",monospace);font-weight:400;letter-spacing:0; }
body.about-page [data-about-art="steps"] {
  -webkit-mask-image:linear-gradient(transparent 0%,rgba(0,0,0,.2) 8%,#000 24%,#000 76%,rgba(0,0,0,.2) 92%,transparent 100%);
  mask-image:linear-gradient(transparent 0%,rgba(0,0,0,.2) 8%,#000 24%,#000 76%,rgba(0,0,0,.2) 92%,transparent 100%);
}
body.about-page [data-about-art="records"] .about-art-type { font-weight:700; }
body.about-page [data-about-art="records"] {
  -webkit-mask-image:radial-gradient(ellipse 58% 54% at 50% 50%,#000 28%,rgba(0,0,0,.8) 48%,rgba(0,0,0,.28) 69%,transparent 90%);
  mask-image:radial-gradient(ellipse 58% 54% at 50% 50%,#000 28%,rgba(0,0,0,.8) 48%,rgba(0,0,0,.28) 69%,transparent 90%);
}
body.about-page .about-faq-heading .about-editorial-art {
  margin-top:32px;
}
@media (min-width:880px) {
  body.about-page .about-editorial-row:is(
    [aria-labelledby="about-foundation-title"],
    [aria-labelledby="about-knowledge-title"]
  ) > .about-visual-heading { grid-column:2;grid-row:1;text-align:right; }
  body.about-page .about-editorial-row[aria-labelledby="about-rules-title"] > .about-visual-heading { grid-column:1;grid-row:1; }
}
@media (max-width:879px) {
  body.about-page .about-visual-heading { grid-column:auto;grid-row:auto; }
  .about-editorial-art { margin-top:24px; }
  body.about-page .about-faq-heading .about-editorial-art { margin-top:24px; }
}

/* The number sequence fills its column without shrinking Berkeley Mono. */
body.about-page [data-about-art="compound"] {
  -webkit-mask-image:linear-gradient(transparent,#000 5%,#000 94%,transparent);
  mask-image:linear-gradient(transparent,#000 5%,#000 94%,transparent);
}