/* Homepage-only overrides loaded after the shared CSS bundles. */

/* Keep the founder portrait visible on wide screens: compact caption, mobile unchanged. */
@media (min-width: 981px) {
  body.home .hero-founder-copy {
    right: auto;
    bottom: 18px;
    left: 18px;
    width: min(calc(100% - 36px), 300px);
    gap: 6px;
    padding: 14px 16px;
  }

  body.home .hero-founder-copy .proof-kicker {
    font-size: 10px;
  }

  body.home .hero-founder-copy strong {
    font-size: 22px;
    line-height: 1.04;
  }

  body.home .hero-founder-copy p {
    font-size: 13px;
    line-height: 1.38;
  }

  body.home .hero-founder-link {
    font-size: 13px;
    line-height: 1.25;
  }
}

/* Fit the complete desktop first screen on short viewports and browser zoom above 100%. */
@media (min-width: 981px) and (max-height: 840px) {
  body.home .hero {
    padding-top: 24px;
  }

  body.home .hero-grid {
    gap: 28px;
    padding-bottom: 16px;
  }

  body.home .hero-founder,
  body.home .hero-founder-card {
    min-height: clamp(450px, calc(100dvh - 250px), 520px);
  }

  body.home .hero h1 {
    font-size: clamp(36px, 3.5vw, 46px);
    line-height: 1.03;
  }

  body.home .hero-lead {
    margin-top: 16px;
    font-size: clamp(16px, 1.25vw, 18px);
    line-height: 1.5;
  }

  body.home .hero-actions {
    margin-top: 18px;
  }

  body.home .ticker-item {
    padding: 10px 16px;
  }

  body.home .ticker-value {
    font-size: 26px;
  }

  body.home .ticker-label {
    font-size: 12px;
    line-height: 1.3;
  }
}

/* Keep desktop carousel controls inside the measured content container. */
body.home .proof-home-nav--prev {
  left: 8px;
}

body.home .proof-home-nav--next {
  right: 8px;
}
