/* About page: big heading, then one readable column of text.
   Builds on css/home.css (colors, type, header, menu). */

.about { padding-top: clamp(24px, 5vh, 56px); }

.about h1 {
  margin: 0 0 clamp(28px, 5vh, 48px);
  font-weight: 800;
  font-size: clamp(48px, 8vw, 104px);
  line-height: 0.95;
  letter-spacing: -0.045em;
  font-variation-settings: 'opsz' 96;
}
.about-highlight { background: var(--volt); color: var(--volt-ink); padding: 0 0.12em; border-radius: 0.12em; }

.about-text { max-width: 38em; font-size: clamp(18px, 1.5vw, 20px); line-height: 1.7; }
.about-text p { margin: 0 0 1.2em; }

.about-lead {
  font-weight: 800;
  font-size: clamp(28px, 3.4vw, 40px);
  line-height: 1.1;
  letter-spacing: -0.03em;
}