/* Tobias is a display accent for the homepage hero, not a site-wide font change. */
.hero .hero-title {
  font-family: var(--serif);
  font-weight: 500;
  font-style: normal;
  font-synthesis: none;
  font-kerning: normal;
  font-variant-ligatures: common-ligatures;
  font-size: clamp(72px, 7.5vw, 120px);
  letter-spacing: -.035em;
  line-height: 1.02;
}

/* Keep the authored phrase break in native HTML and the desktop canvas capture. */
.hero .hero-title .hero-line {
  display: block;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .hero .hero-title {
    /* Measured against Tobias Medium's longer line and the real page gutters. */
    font-size: clamp(32px, calc((100vw - var(--edge) * 2) / 6.9), 72px);
    letter-spacing: -.028em;
    line-height: 1.04;
  }
}

/* Preserve the existing compact composition in short desktop/landscape views. */
@media (min-width: 768px) and (max-height: 760px) {
  .hero .hero-title { font-size: clamp(64px, 7.5vw, 88px); }
}
@media (min-width: 768px) and (max-height: 600px) {
  .hero .hero-title { font-size: 64px; }
}