/* MIRAM Home v2 — typography consistency layer.
   Keep Home slightly more authoritative than Models while removing the
   harsher poster-like weight/tracking from the earlier iteration. */

.home-page .home-hero-title,
.home-page .home-section-heading h2,
.home-page .home-statement h2,
.home-page .home-direction h3 {
  text-wrap: balance;
  overflow-wrap: normal;
  word-break: normal;
}

.home-page .home-hero-title {
  width: min(100%, 1320px);
  max-width: 1320px;
  font-size: clamp(3.8rem, 6.4vw, 7rem);
  font-weight: 460;
  line-height: 0.96;
  letter-spacing: -0.05em;
}

.home-page .home-section-heading h2 {
  max-width: 1080px;
  font-size: clamp(2.7rem, 4.6vw, 5rem);
  font-weight: 440;
  line-height: 1.04;
  letter-spacing: -0.04em;
}

.home-page .home-approach-row h3 {
  font-weight: 450;
  line-height: 1.06;
  letter-spacing: -0.035em;
}

.home-page .home-statement h2 {
  max-width: 1240px;
  font-size: clamp(3.8rem, 7vw, 7rem);
  font-weight: 440;
  line-height: 0.97;
  letter-spacing: -0.05em;
}

.home-page .home-direction h3 {
  max-width: 560px;
  font-size: clamp(2.25rem, 3.35vw, 3.8rem);
  font-weight: 440;
  line-height: 1.05;
  letter-spacing: -0.04em;
}

@media (max-width: 980px) {
  .home-page .home-hero-title {
    max-width: 900px;
    font-size: clamp(3.6rem, 9vw, 6rem);
  }

  .home-page .home-section-heading h2 {
    max-width: 900px;
  }
}

@media (max-width: 720px) {
  .home-page .home-hero-title {
    max-width: 100%;
    font-size: clamp(3rem, 12.8vw, 4.65rem);
    line-height: 0.98;
    letter-spacing: -0.045em;
  }

  .home-page .home-section-heading h2 {
    max-width: 100%;
    font-size: clamp(2.45rem, 9.8vw, 3.8rem);
    line-height: 1.05;
    letter-spacing: -0.038em;
  }

  .home-page .home-approach-row h3 {
    line-height: 1.08;
    letter-spacing: -0.032em;
  }

  .home-page .home-statement h2 {
    max-width: 100%;
    font-size: clamp(3rem, 12.5vw, 4.8rem);
    line-height: 0.98;
    letter-spacing: -0.045em;
  }

  .home-page .home-direction h3 {
    max-width: 100%;
    font-size: clamp(2.25rem, 9.2vw, 3.4rem);
    line-height: 1.05;
    letter-spacing: -0.038em;
  }
}

@media (max-width: 420px) {
  .home-page .home-hero-title,
  .home-page .home-section-heading h2,
  .home-page .home-statement h2,
  .home-page .home-direction h3 {
    text-wrap: pretty;
  }

  .home-page .home-hero-title {
    font-size: clamp(2.85rem, 13vw, 3.75rem);
  }
}