/*
  Homepage typography overrides (index.html only)
  Loaded after headings.css. Does not change global heading rules.

  Scope: smaller uppercase section/card titles on the homepage.
  Hero H1 (.et_pb_text_0 h1) keeps headings.css tracking.
*/

/* -------------------------------------------------------------------------- */
/* Case study card titles                                                      */
/* -------------------------------------------------------------------------- */

@media (min-width: 981px) {
  #page-container .case-work .card-kepler h5 {
    letter-spacing: -1.5px !important;
    line-height: 1.05;
  }

  #page-container .case-work .card-side-by-side h6 {
    letter-spacing: -0.75px !important;
    line-height: 1.05;
  }
}

@media (max-width: 980px) {
  #page-container .case-work .card-kepler h5 {
    letter-spacing: -1px !important;
    line-height: 1.06;
  }

  #page-container .case-work .card-side-by-side h6 {
    letter-spacing: -0.5px !important;
    line-height: 1.08;
  }
}

@media (max-width: 767px) {
  #page-container .case-work .card-kepler h5 {
    letter-spacing: -0.75px !important;
    line-height: 1.08;
  }

  #page-container .case-work .card-side-by-side h6 {
    letter-spacing: -0.25px !important;
    line-height: 1.1;
  }
}

/* -------------------------------------------------------------------------- */
/* Section titles (mentorship, growth system, intro band)                      */
/* -------------------------------------------------------------------------- */

@media (min-width: 981px) {
  #page-container .et_pb_text_2 h3,
  #page-container .et_pb_text_7 h3,
  #page-container .et_pb_text_8 h3 {
    letter-spacing: -0.75px !important;
    line-height: 1.08;
  }
}

@media (max-width: 980px) {
  #page-container .et_pb_text_2 h3,
  #page-container .et_pb_text_7 h3,
  #page-container .et_pb_text_8 h3 {
    letter-spacing: -0.5px !important;
    line-height: 1.08;
  }
}

@media (max-width: 767px) {
  #page-container .et_pb_text_2 h3,
  #page-container .et_pb_text_7 h3,
  #page-container .et_pb_text_8 h3 {
    letter-spacing: -0.25px !important;
    line-height: 1.1;
  }
}

/* -------------------------------------------------------------------------- */
/* Tablet background art — keep image visible, clear of copy                   */
/* -------------------------------------------------------------------------- */

@media (min-width: 768px) and (max-width: 975px) {
  #page-container .case-work .card-kepler.card-notch {
    background-size: min(460px, 56vw) auto;
    background-position: right -10% center;
  }

  #page-container .case-work .card-kepler.card-kepler-hm {
    background-size: min(480px, 58vw) auto;
    background-position: right -8% center;
  }

  #page-container .case-work .card-kepler .et_pb_column_1_2 .et_clickable {
    padding-right: 42%;
  }
}