/* Consistent cinematic main-heading typography, including Projects and Contact.
   Deliberately scoped to the public page, not authenticated Agentic OS pages. */
.page[data-view="home"] .hero h1,
.page[data-view="levels"] .hero h1,
.page[data-view="about"] .hero h1,
.page[data-view="agents"] .hero h1,
.page[data-view="projects"] .ex-heading h2,
.page[data-view="contact"] .ex-heading h2 {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: clamp(57px, 7vw, 105px) !important;
  font-weight: 900 !important;
  line-height: .94 !important;
  letter-spacing: -.075em !important;
  text-transform: uppercase;
}
.page[data-view="home"] .hero h1,
.page[data-view="levels"] .hero h1,
.page[data-view="about"] .hero h1,
.page[data-view="agents"] .hero h1 {
  white-space: nowrap;
  max-width: 100%;
}
@media(max-width:680px) {
  .page[data-view="home"] .hero h1,
  .page[data-view="levels"] .hero h1,
  .page[data-view="about"] .hero h1,
  .page[data-view="agents"] .hero h1,
  .page[data-view="projects"] .ex-heading h2,
  .page[data-view="contact"] .ex-heading h2 {
    font-size: clamp(41px, 12vw, 61px) !important;
    line-height: 1.04 !important;
  }
  .page[data-view="home"] .hero h1,
  .page[data-view="levels"] .hero h1,
  .page[data-view="about"] .hero h1,
  .page[data-view="agents"] .hero h1 {white-space: normal;}
}