/* SEO heading outline support, loaded last.
   The page keeps exactly one <h1>. Decorative display text that used to be extra <h1>s is now
   <div>/<h2>/<h3> with class "h1"; these rules reproduce the compiled theme's h1 look
   (transition-*.css h1 + theme.css h1 + the per-section h1 sizes) so nothing moves visually. */

.h1 {
  display: block;
  font-family: rader;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: -.01em;
  line-height: .95;
  font-size: 5rem;
  color: inherit;
}
.h1 > .h1-line { display: block; }
@media (max-width: 1000px) {
  .h1 { font-size: 2.5rem; }
}

/* hero name (main-*.css + geek.css) */
.hero .hero-header .h1 { font-size: min(18vw, 26svh); line-height: .9; }

/* about hero (main-*.css) */
.about-hero .about-hero-header .h1 { font-size: 7.5rem; }
@media (max-width: 1000px) {
  .about-hero .about-hero-header .h1 { font-size: 4rem; }
}

/* home contact CTA (transition-*.css + theme.css) */
.contact-cta .contact-text-large .h1 { font-size: 7rem; color: #fff; }
@media (max-width: 1000px) {
  .contact-cta .contact-text-large .h1 { font-size: 3rem; }
}

/* accessible, crawlable text that is not drawn on screen */
.sr-only {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

/* footer summary line under the name */
footer .footer-header .footer-tagline {
  max-width: 44em;
  margin: .9em auto 0;
  font-size: .95rem;
  line-height: 1.55;
  color: rgba(255, 255, 255, .72);
}
footer .footer-header .footer-tagline-ar { margin-top: .35em; font-family: "IBM Plex Sans Arabic", var(--read); }