/* Candidate only: load after the live hero styles on the homepage.
   Preserve the existing header, nav, links, form, image, and intake runtime. */
.stlph-polished .hero .hero-grid {
  width: min(1220px, calc(100% - 38px));
  max-width: none;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 28px;
  padding-block: 34px 45px;
}

.stlph-polished .hero #hero-title {
  font: 400 clamp(43px, 4.35vw, 54px)/1.07 Georgia, "Times New Roman", serif;
  letter-spacing: -.025em;
  max-width: 620px;
  margin-bottom: 20px;
  text-wrap: normal;
}

.stlph-polished .hero .hero-lead {
  max-width: 511px;
  margin-bottom: 20px;
  font-size: 19px;
  line-height: 1.55;
}

.stlph-polished .hero .hero-actions { gap: 10px; margin-top: 0; }
.stlph-polished .hero .microcopy { margin: 15px 0 11px; }
.stlph-polished .hero .hero-planner-link {
  margin-top: 0;
  font-size: 13px;
  font-weight: 750;
}

@media (max-width: 800px) {
  .stlph-polished .hero .hero-grid {
    width: min(620px, calc(100% - 36px));
    grid-template-columns: minmax(0, 1fr);
    gap: 25px;
    padding-block: 36px 38px;
  }
  .stlph-polished .hero .hero-copy { text-align: left; }
  .stlph-polished .hero #hero-title { font-size: clamp(39px, 9vw, 50px); }
  .stlph-polished .hero .hero-lead { margin-inline: 0; font-size: 17px; }
  .stlph-polished .hero .hero-actions { justify-content: flex-start; }
}