.about-intro{
  background:linear-gradient(180deg,var(--bg-top),var(--bg-panel2));
  border-bottom:1px solid var(--border);
}
.about-intro::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:radial-gradient(var(--ink-a03) 1px,var(--clear) 1.5px);
  background-size:14px 14px;
  pointer-events:none;
}
.about-intro::after{
  content:"";
  position:absolute;
  inset:24px var(--gutter) 24px 72%;
  background:repeating-linear-gradient(90deg,var(--clear) 0 18px,var(--white-a40) 18px 19px,var(--accent-a10) 19px 31px,var(--clear) 31px 38px,var(--accent-a22) 38px 43px,var(--clear) 43px 58px);
  mask-image:linear-gradient(180deg,var(--clear),var(--text) 45%,var(--clear));
  pointer-events:none;
}
.about-intro__copy{
  position:relative;
  z-index:1;
  max-width:860px;
}
.about-intro h1{
  margin-top:24px;
  font-size:var(--size-display);
}
.about-intro__lede{
  margin-bottom:24px;
  font-size:var(--size-h3);
  color:var(--text);
}
.about-record{
  display:grid;
  gap:40px;
}
.about-record__row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,2fr);
  gap:48px;
  padding-bottom:40px;
  border-bottom:1px solid var(--border);
}
.about-record__row:last-child{
  padding-bottom:0;
  border-bottom:0;
}
.about-record__row>*{
  min-width:0;
}
.about-record__row h2{
  margin-top:12px;
  margin-bottom:0;
}
.about-record__text{
  max-width:800px;
  color:var(--muted);
  line-height:1.9;
  overflow-wrap:anywhere;
}
.about-record__text p+p{
  margin-top:16px;
}
.about-record__text a{
  color:var(--accent-dark);
}
@media(max-width:900px){
  .about-intro::after{
    opacity:.45;
    left:82%;
  }
  .about-record__row{
    grid-template-columns:minmax(0,1fr);
    gap:20px;
  }
}
@media(max-width:768px){
  .about-intro h1{
    font-size:40px;
  }
  .about-intro::after{
    display:none;
  }
  .about-record{
    gap:32px;
  }
  .about-record__row{
    padding-bottom:32px;
  }
}