/* Homepage lower-section rhythm
 * Balances Startups, About and Let's Talk as one responsive sequence.
 * Loaded after style.css on the front page only.
 */

/* Desktop: give the three closing sections comparable visual presence. */
@media (min-width: 1180px) {
  .rk-page-home .rk-ref-startups {
    height: auto !important;
    min-height: 320px !important;
    padding: 0 !important;
  }
  .rk-page-home .rk-ref-startup-grid {
    height: 320px !important;
    min-height: 320px !important;
    align-items: stretch !important;
  }
  .rk-page-home .rk-ref-startup-copy,
  .rk-page-home .rk-ref-startup-points,
  .rk-page-home .rk-ref-startup-quote {
    align-self: stretch !important;
    display: grid !important;
    align-content: center !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .rk-page-home .rk-ref-startup-art {
    height: 100% !important;
    min-height: 320px !important;
    align-self: stretch !important;
    margin: 0 !important;
  }

  .rk-page-home .rk-ref-startup-copy h2 {
    margin: 9px 0 11px !important;
    line-height: .96 !important;
  }
  .rk-page-home .rk-ref-startup-copy > p:not(.rk-ref-kicker) {
    margin: 0 0 15px !important;
    line-height: 1.46 !important;
  }
  .rk-page-home .rk-ref-startup-copy > a {
    margin-top: 1px !important;
    justify-self: start !important;
  }

  .rk-page-home .rk-ref-startup-points {
    padding-left: clamp(24px, 2vw, 31px) !important;
    padding-right: clamp(24px, 2vw, 31px) !important;
  }
  .rk-page-home .rk-ref-startup-points > div {
    width: 100% !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
  }
  .rk-page-home .rk-ref-startup-points p {
    line-height: 1.18 !important;
  }
  .rk-page-home .rk-ref-startup-points b {
    margin-bottom: 3px !important;
    line-height: 1.08 !important;
  }
  .rk-page-home .rk-ref-startup-points small {
    line-height: 1.35 !important;
  }

  .rk-page-home .rk-ref-startup-quote {
    padding-left: clamp(20px, 1.7vw, 28px) !important;
    padding-right: 0 !important;
  }
  .rk-page-home .rk-ref-startup-quote blockquote {
    margin: 8px 0 0 !important;
    line-height: 1.30 !important;
  }
  .rk-page-home .rk-ref-startup-quote i {
    margin-top: 15px !important;
  }

  .rk-page-home .rk-ref-about {
    height: auto !important;
    min-height: 300px !important;
    padding: 42px 0 !important;
  }
  .rk-page-home .rk-ref-about-grid {
    height: auto !important;
    min-height: 216px !important;
    align-items: center !important;
    gap: 28px !important;
  }
  .rk-page-home .rk-ref-about-photo {
    height: 216px !important;
  }
  .rk-page-home .rk-ref-about-copy p {
    font-size: clamp(11px, .82vw, 13px) !important;
    line-height: 1.5 !important;
  }

  .rk-page-home .rk-ref-talk {
    height: auto !important;
    min-height: 270px !important;
    padding: 52px 0 !important;
  }
  .rk-page-home .rk-ref-talk-grid {
    height: auto !important;
    min-height: 166px !important;
    align-items: center !important;
    gap: 38px !important;
  }
  .rk-page-home .rk-ref-talk-copy {
    transform: none !important;
  }
  .rk-page-home .rk-ref-talk-copy p {
    max-width: 520px !important;
    font-size: clamp(11px, .9vw, 13px) !important;
    line-height: 1.5 !important;
  }
}

/* Compact desktop / landscape tablet: preserve the same rhythm without forcing height. */
@media (min-width: 901px) and (max-width: 1179px) {
  .rk-page-home .rk-ref-startups {
    height: auto !important;
    min-height: 285px !important;
    padding: 0 !important;
  }
  .rk-page-home .rk-ref-startup-grid {
    height: 285px !important;
    min-height: 285px !important;
    align-items: stretch !important;
  }
  .rk-page-home .rk-ref-startup-copy,
  .rk-page-home .rk-ref-startup-points,
  .rk-page-home .rk-ref-startup-quote {
    align-self: stretch !important;
    display: grid !important;
    align-content: center !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .rk-page-home .rk-ref-startup-art {
    height: 100% !important;
    min-height: 285px !important;
    align-self: stretch !important;
    margin: 0 !important;
  }
  .rk-page-home .rk-ref-startup-copy h2 {
    margin: 8px 0 10px !important;
    line-height: .97 !important;
  }
  .rk-page-home .rk-ref-startup-copy > p:not(.rk-ref-kicker) {
    margin: 0 0 13px !important;
    line-height: 1.44 !important;
  }
  .rk-page-home .rk-ref-startup-points {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }
  .rk-page-home .rk-ref-startup-points > div {
    padding-top: 11px !important;
    padding-bottom: 11px !important;
  }
  .rk-page-home .rk-ref-startup-quote {
    padding-left: 18px !important;
  }

  .rk-page-home .rk-ref-about {
    height: auto !important;
    min-height: 270px !important;
    padding: 38px 0 !important;
  }
  .rk-page-home .rk-ref-about-grid {
    height: auto !important;
    min-height: 194px !important;
    align-items: center !important;
    gap: 22px !important;
  }
  .rk-page-home .rk-ref-about-photo {
    height: 194px !important;
  }

  .rk-page-home .rk-ref-talk {
    height: auto !important;
    min-height: 245px !important;
    padding: 46px 0 !important;
  }
  .rk-page-home .rk-ref-talk-grid {
    height: auto !important;
    min-height: 153px !important;
    align-items: center !important;
  }
  .rk-page-home .rk-ref-talk-copy {
    transform: none !important;
  }
}

/* Tablet: keep hierarchy and breathing space while the layout reflows. */
@media (min-width: 681px) and (max-width: 900px) {
  .rk-page-home .rk-ref-startups {
    height: auto !important;
    padding: 52px 0 !important;
  }
  .rk-page-home .rk-ref-startup-grid {
    height: auto !important;
    padding-block: 0 !important;
    row-gap: 28px !important;
  }
  .rk-page-home .rk-ref-startup-art {
    height: 290px !important;
    min-height: 290px !important;
  }
  .rk-page-home .rk-ref-startup-points {
    margin-top: 2px !important;
    padding-top: 22px !important;
  }
  .rk-page-home .rk-ref-startup-quote {
    margin-top: 0 !important;
    padding-top: 22px !important;
  }

  .rk-page-home .rk-ref-about {
    height: auto !important;
    padding: 54px 0 !important;
  }
  .rk-page-home .rk-ref-about-grid {
    height: auto !important;
    padding-block: 0 !important;
    gap: 28px !important;
  }
  .rk-page-home .rk-ref-about-photo {
    height: 235px !important;
  }
  .rk-page-home .rk-ref-about-copy p {
    font-size: 12.5px !important;
    line-height: 1.52 !important;
  }
  .rk-page-home .rk-ref-about-metrics {
    margin-top: 4px !important;
    padding-top: 24px !important;
    border-top: 1px solid #e2d9ce !important;
  }

  .rk-page-home .rk-ref-talk {
    height: auto !important;
    min-height: 245px !important;
    padding: 56px 0 !important;
  }
  .rk-page-home .rk-ref-talk-grid {
    height: auto !important;
    min-height: 133px !important;
    padding-block: 0 !important;
    gap: 42px !important;
  }
  .rk-page-home .rk-ref-talk-copy {
    transform: none !important;
  }
  .rk-page-home .rk-ref-talk-copy p {
    max-width: 100% !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
  }
}

/* Mobile: the same visual cadence becomes a deliberate vertical sequence. */
@media (max-width: 680px) {
  .rk-page-home .rk-ref-startups {
    height: auto !important;
    padding: 48px 0 52px !important;
  }
  .rk-page-home .rk-ref-startup-grid {
    height: auto !important;
    padding-block: 0 !important;
    row-gap: 0 !important;
  }
  .rk-page-home .rk-ref-startup-copy {
    padding-right: 0 !important;
  }
  .rk-page-home .rk-ref-startup-art {
    height: 260px !important;
    min-height: 260px !important;
    margin: 30px 0 !important;
  }
  .rk-page-home .rk-ref-startup-points {
    margin: 0 !important;
    padding: 0 !important;
  }
  .rk-page-home .rk-ref-startup-points > div {
    padding: 15px 0 !important;
  }
  .rk-page-home .rk-ref-startup-quote {
    margin-top: 26px !important;
    padding-top: 24px !important;
  }

  .rk-page-home .rk-ref-about {
    height: auto !important;
    padding: 50px 0 54px !important;
  }
  .rk-page-home .rk-ref-about-grid {
    height: auto !important;
    padding-block: 0 !important;
    gap: 24px !important;
  }
  .rk-page-home .rk-ref-about-title h2 {
    margin-bottom: 0 !important;
  }
  .rk-page-home .rk-ref-about-photo {
    width: min(72vw, 250px) !important;
    height: 270px !important;
    justify-self: start !important;
  }
  .rk-page-home .rk-ref-about-copy p {
    margin-top: 0 !important;
    font-size: 12.5px !important;
    line-height: 1.55 !important;
  }
  .rk-page-home .rk-ref-about-metrics {
    grid-column: 1 / -1 !important;
    margin-top: 4px !important;
    padding-top: 24px !important;
    border-top: 1px solid #e2d9ce !important;
  }

  .rk-page-home .rk-ref-talk {
    height: auto !important;
    min-height: 0 !important;
    padding: 54px 0 58px !important;
  }
  .rk-page-home .rk-ref-talk-grid {
    height: auto !important;
    padding-block: 0 !important;
    gap: 26px !important;
  }
  .rk-page-home .rk-ref-talk-copy {
    transform: none !important;
  }
  .rk-page-home .rk-ref-talk-copy p {
    max-width: 100% !important;
    margin-top: 0 !important;
    font-size: 12.5px !important;
    line-height: 1.55 !important;
  }
  .rk-page-home .rk-ref-talk-copy .rk-ref-btn {
    margin-top: 4px !important;
  }
}

/* Very small phones: retain breathing room without making the page feel padded. */
@media (max-width: 420px) {
  .rk-page-home .rk-ref-startups {
    padding: 44px 0 48px !important;
  }
  .rk-page-home .rk-ref-startup-art {
    height: 235px !important;
    min-height: 235px !important;
    margin: 26px 0 !important;
  }
  .rk-page-home .rk-ref-about {
    padding: 46px 0 50px !important;
  }
  .rk-page-home .rk-ref-about-photo {
    width: min(76vw, 235px) !important;
    height: 250px !important;
  }
  .rk-page-home .rk-ref-talk {
    padding: 50px 0 54px !important;
  }
}