/* MIRAM Home refinement pass after reference-board review.
   Keep last while iterating; consolidate before final merge. */

/* Header: slightly tighter, but more confident and readable. */
.home-page .home-site-header .header-inner {
  min-height: 76px;
}

.home-page .home-main-nav a,
.home-page .home-lang-nav a {
  font-size: 0.78rem;
}

/* Hero remains the dominant typographic moment. */
.home-page .home-hero {
  min-height: min(880px, calc(100vh - 76px));
}

/* Dark statement is a calm brand pause, not a second Hero. */
.home-page .home-statement-inner {
  min-height: 580px;
  padding-top: clamp(104px, 9vw, 140px);
  padding-bottom: clamp(104px, 9vw, 140px);
}

.home-page .home-statement h2 {
  max-width: 1180px;
  margin-bottom: 34px;
  font-size: clamp(3.7rem, 5.55vw, 5.8rem);
  line-height: 0.97;
  letter-spacing: -0.06em;
}

.home-page .home-statement > .home-container > p:not(.home-kicker) {
  max-width: 590px;
}

/* The two destinations should feel like one split editorial decision,
   not two unrelated SaaS cards. */
.home-page .home-direction-grid {
  border: 0;
  border-top: 1px solid rgba(32, 35, 40, 0.16);
  border-bottom: 1px solid rgba(32, 35, 40, 0.16);
}

.home-page .home-direction {
  min-height: 440px;
  padding: clamp(44px, 4.5vw, 62px);
  gap: 60px;
}

.home-page .home-direction-models {
  background: rgba(209, 181, 143, 0.065);
}

.home-page .home-direction-operators {
  background: rgba(142, 150, 163, 0.045);
}

.home-page .home-direction-label {
  margin-bottom: 30px;
}

.home-page .home-direction h3 {
  max-width: 540px;
  font-size: clamp(2.35rem, 3.6vw, 4.25rem);
  line-height: 1;
  letter-spacing: -0.052em;
}

.home-page .home-direction > a {
  border-bottom-color: rgba(32, 35, 40, 0.24);
}

@media (max-width: 980px) {
  .home-page .home-hero {
    min-height: auto;
  }

  .home-page .home-statement-inner {
    min-height: 520px;
  }

  .home-page .home-direction {
    min-height: 410px;
  }
}

@media (max-width: 720px) {
  .home-page .home-site-header .header-inner {
    min-height: 68px;
  }

  .home-page .home-statement-inner {
    min-height: 470px;
    padding-top: 88px;
    padding-bottom: 88px;
  }

  .home-page .home-statement h2 {
    max-width: 100%;
    font-size: clamp(2.95rem, 11.8vw, 4.25rem);
    line-height: 0.98;
  }

  .home-page .home-direction-grid {
    border-top: 1px solid rgba(32, 35, 40, 0.16);
    border-bottom: 1px solid rgba(32, 35, 40, 0.16);
  }

  .home-page .home-direction {
    min-height: 350px;
    padding: 34px 28px;
    gap: 50px;
  }

  .home-page .home-direction h3 {
    font-size: clamp(2.25rem, 9.6vw, 3.35rem);
  }
}