/**
 * Shared heading styles for all public pages.
 * Keeps hero headings visually consistent and prevents broken words.
 */

h1,
h2,
h3 {
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}


.worm-hero h1,
.page-hero h1,
.experience-hero h1,
.device-hero h1,
.guide-hero h1 {
  max-width: 900px;
  margin: 0;
  font-size: clamp(1.75rem, calc(8vw + .25rem), 5rem);
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -.035em;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
  text-wrap: balance;
}


.worm-hero h1>span,
.experience-hero h1>span,
.device-hero h1>span {
  display: block;
  margin-top: .3em;
  font-size: .72em;
  line-height: 1.08;
  letter-spacing: -.02em;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}


@media (max-width: 480px) {

  .worm-hero h1,
  .page-hero h1,
  .experience-hero h1,
  .device-hero h1,
  .guide-hero h1 {
    line-height: 1.08;
    letter-spacing: -.02em;
  }
}