.about-page{gap:56px}
.about-opening{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:48px;align-items:start}
.about-opening>*{min-width:0}
.about-opening h1{margin:20px 0 28px}
.about-context{max-width:60ch;margin-top:24px;margin-bottom:28px;color:var(--muted)}
.about-record-note{margin-top:24px;font-size:var(--size-small)}
.about-note h2{margin:16px 0 20px;font-size:var(--size-h3)}
.about-note p:not(.cap){line-height:1.85}
.about-note>a{display:inline-flex;align-items:center;min-height:44px;margin-top:20px;color:var(--accent);font-weight:var(--weight-semibold);text-decoration:underline;text-underline-offset:.2em}
@media(max-width:768px){
  .about-page{gap:36px}
  .about-opening{grid-template-columns:minmax(0,1fr);gap:32px}
}