/* H2 face, lighter H3 weight, and definitive project-card alignment — 2026-07-29 */
:root {
  --am-font-editorial: "Lora", Georgia, serif;
  --type-h2: "Lora", Georgia, serif;
}

/* One H2 treatment across the entire site. Lora is sturdier and less delicate
   than the previous editorial face while still pairing cleanly with Raleway. */
html body h2,
html body .about-section__title,
html body .about-section__title--mindset,
html body .about-section__title--portfolio-motion,
html body .about-section__title--chosen-path,
html body .learn-more__title,
html body .resume-editorial__section > h2,
html body .source-media-section > h2 {
  font-family: "Lora", Georgia, serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
}

/* H3 is intentionally lighter throughout the site so role titles such as
   “Junior Graphic Designer, Contractor” do not read as heavy or bold. */
html body h3,
html body.page-resume .resume-editorial__job h3,
html body.page-resume .resume-editorial__education h3 {
  font-weight: 400 !important;
}

/* Fix the project title panel to a real height at each breakpoint, then make
   the title itself fill that height so its baseline cannot drift to the top. */
html body.page-home .project-card__content {
  box-sizing: border-box !important;
  display: flex !important;
  height: 76px !important;
  min-height: 76px !important;
  padding: 0 24px !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  background: #2d2d2d !important;
  text-align: left !important;
}

html body.page-home .project-card__title {
  box-sizing: border-box !important;
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  align-items: center !important;
  justify-content: flex-start !important;
  color: #ffffff !important;
  font-family: "Raleway", Arial, sans-serif !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  text-align: left !important;
}

@media (min-width: 768px) {
  html body.page-home .project-card__content {
    height: 80px !important;
    min-height: 80px !important;
    padding-inline: 28px !important;
  }

  html body.page-home .project-card__title {
    font-size: 19px !important;
  }
}

@media (min-width: 1024px) {
  html body.page-home .project-card__content {
    height: 84px !important;
    min-height: 84px !important;
    padding-inline: 32px !important;
  }

  html body.page-home .project-card__title {
    font-size: 20px !important;
  }
}