.about-tabs {
  position: sticky;
  top: 0;
  z-index: 20;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: min(920px, 100%);
  margin: 54px 0 76px;
  border: 1px solid var(--ink);
  background: var(--bg);
  box-shadow: 0 8px 18px rgba(17,17,15,.08);
}

.about-tabs a {
  min-width: 0;
  padding: 13px 15px 14px;
  border-right: 1px solid var(--ink);
  color: var(--muted);
  text-decoration: none;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .055em;
  text-transform: uppercase;
  transition: background .16s ease, color .16s ease;
}

.about-tabs a:last-child { border-right: 0; }
.about-tabs a span {
  display: block;
  margin-bottom: 3px;
  color: var(--accent-ink);
  font-size: .58rem;
  letter-spacing: .1em;
}
.about-tabs a:hover { color: var(--ink); background: rgba(255,255,255,.32); }
.about-tabs a.is-active { color: var(--card); background: var(--ink); }
.about-tabs a.is-active span { color: var(--accent); }

.about-section-head {
  display: grid;
  grid-template-columns: minmax(130px, .34fr) 1fr;
  align-items: end;
  gap: 24px;
  width: min(920px, 100%);
  margin: 92px 0 28px;
  padding-top: 18px;
  border-top: 1px solid var(--ink);
  scroll-margin-top: 92px;
}

.about-tabs + link + script + .about-section-head { margin-top: 0; }

.about-section-head > span {
  padding-bottom: .32em;
  color: var(--accent-ink);
  font-size: .65rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.about-section-head h2 {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(2.35rem, 5vw, 4.6rem);
  line-height: .9;
  letter-spacing: -.06em;
}

@media (max-width: 680px) {
  .about-tabs {
    display: flex;
    width: calc(100vw - 26px);
    margin: 42px calc(50% - 50vw + 13px) 62px;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .about-tabs::-webkit-scrollbar { display: none; }
  .about-tabs a { flex: 0 0 auto; min-width: 118px; }
  .about-section-head { grid-template-columns: 1fr; gap: 10px; margin-top: 76px; }
  .about-section-head > span { padding-bottom: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .about-tabs a { transition: none; }
}