.about {
  padding-top: 44px;
  padding-bottom: 96px;
}
.about h1 {
  margin-bottom: 28px;
  font-size: clamp(3rem, 10vw, var(--s5));
}
.about-body { max-width: calc(var(--measure) + var(--gutter) * 2); }
.about-body > p { margin: 0 0 16px; }
.about-body h2 {
  margin: 48px 0 14px;
  font-size: var(--s3);
}
.about-lede {
  margin-bottom: 24px;
  padding: 18px 22px 16px;
  font-size: var(--s1);
  line-height: 1.4;
  transform: rotate(-0.8deg);
  clip-path: polygon(0 3%, 99% 0, 100% 96%, 1% 100%);
}

.about-now { margin: 0; padding-left: 1.2em; }
.about-now li { margin-bottom: 6px; }
.about-now li::marker { color: var(--neon); }

.contact {
  margin: 0 0 20px;
  border-top: 1px solid var(--g27);
}
.contact div {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2px 24px;
  padding: 12px 0;
  border-bottom: 1px solid var(--g27);
}
@media (min-width: 600px) {
  .contact div { grid-template-columns: 9rem minmax(0, 1fr); align-items: baseline; }
}
.contact dt { color: var(--g92); font-size: var(--s-1); }
.contact dd {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 12px;
  margin: 0;
  overflow-wrap: anywhere;
}
.contact code { color: var(--white); }
.contact .fingerprint { flex-basis: 100%; color: var(--g92); font-size: 0.85em; }
.contact-button[hidden] { display: none; }
.contact-status { color: var(--g92); font-size: var(--s-1); }