html.work-grid :is(.about-desktop-story, .about-mobile-story) .about-story-passage[data-about-greeting] {
  font-size: clamp(32px, 2.75vw, 40px);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -.035em;
  text-wrap: balance;
  color: var(--heading);
}
.about-greeting-word { display: inline-block; white-space: nowrap; }
.about-greeting-letter { display: inline-block; }
[data-about-greeting][data-reveal-pending] .about-greeting-letter { opacity: 0; }
@media (max-width: 767px) {
  html.work-grid .about-mobile-story .about-story-passage[data-about-greeting] {
    font-size: var(--mobile-intro-heading-size);
    line-height: 1.2;
  }
}
@media (prefers-reduced-motion: reduce) {
  [data-about-greeting][data-reveal-pending] .about-greeting-letter { opacity: 1; }
}