/*
  Homepage typography — Phase 2 (editorial serif system)
  All headings use var(--ds-font-display) = Instrument Serif.
  Overrides any legacy Futura/Inter values; keeps global heading rules.
*/

/* All home headings: serif, sentence-case, tight tracking */
body.home #page-container #main-content .et-l--post :where(h1, h2, h3, h4, h5, h6) {
  font-family: var(--ds-font-display) !important;
  font-weight: 400 !important;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
  text-shadow: none !important;
  line-height: 1.05 !important;
}

/* A. Hero display heading */
body.home #page-container .hero-cntn .et_pb_text_0 h1 {
  font-family: var(--ds-font-display) !important;
  font-weight: 400 !important;
  font-size: clamp(2.5rem, 5vw, 4.5rem) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
  text-shadow: none !important;
  margin-bottom: 0 !important;
  color: var(--ds-color-text-strong, #09090B) !important;
}

@media screen and (max-width: 980px) {
  body.home #page-container .hero-cntn .et_pb_text_0 h1 {
    font-size: clamp(2rem, 5vw, 3.5rem) !important;
  }
}

@media screen and (max-width: 767px) {
  body.home #page-container .hero-cntn .et_pb_text_0 h1 {
    font-size: clamp(1.75rem, 7vw, 2.5rem) !important;
  }
}

/* B. Section headings (editorial bands) */
body.home #page-container .et_pb_text_2 h3,
body.home #page-container .et_pb_text_7 h3,
body.home #page-container .et_pb_text_8 h3,
body.home #page-container .et_pb_text_8 .notion-sub_header-block {
  font-family: var(--ds-font-display) !important;
  font-weight: 400 !important;
  font-size: clamp(2rem, 3vw, 3.25rem) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
  text-shadow: none !important;
}