/* First-screen refinements from the design review. */
header nav { font-size: 15px !important; }
header nav a { white-space: nowrap; }
@media (min-width: 701px) and (max-width: 900px) {
  /* Tablet: the full header row is tight, so step the links down to keep one line. */
  header nav { font-size: 12px !important; gap: 12px !important; }
}
@media (min-width: 701px) and (max-width: 800px) {
  header nav { font-size: 11px !important; gap: 9px !important; }
  header .wrap { gap: 8px !important; }
}
@media (min-width: 701px) and (max-width: 760px) {
  header .wrap { padding: 0 12px 0 20px !important; }
  header .nav-quote { padding: 9px 12px !important; }
  header .hero-social { gap: 4px !important; }
}
header .hero-social svg { width: 18px !important; height: 18px !important; }
header .nav-quote { gap: 8px !important; }

.reference-hero .hero-topline { display: block !important; }
.reference-hero .hero-location { display: none !important; }
.reference-hero .hero-title-block .hero-description {
  max-width: 540px !important;
  margin: 22px 0 0 !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  text-align: left !important;
}
.reference-hero .hero-title-row {
  width: 58% !important;
  margin-left: auto !important;
  display: flex !important;
  justify-content: center !important;
  text-align: center !important;
  transform: translateY(-28px) !important;
}
.reference-hero .hero-title-row h1 {
  margin-left: auto !important;
  margin-right: auto !important;
}
.reference-hero .hero-action {
  justify-content: center !important;
  text-align: center !important;
}
.reference-hero .mobile-hero-quote {
  font-size: 12px !important;
  padding: 13px 18px !important;
  gap: 0 !important;
}

@media (max-width: 700px) {
  header nav { font-size: 15px !important; }
  .reference-hero .hero-title-block .hero-description {
    max-width: 320px !important;
    margin: 14px auto 0 !important;
    font-size: 12px !important;
    text-align: center !important;
  }
  .reference-hero .hero-title-row {
    width: 100% !important;
    margin-left: 0 !important;
    transform: none !important;
    text-align: center !important;
  }
  .reference-hero .mobile-hero-quote {
    font-size: 12px !important;
    padding: 13px 17px !important;
  }
  /* Soft frosted look on the busy background photo so the headline reads clearly.
     Slight scale hides the blurred edge; .hero already clips overflow. */
  .reference-hero:before {
    filter: blur(3px) brightness(0.82);
    transform: scale(1.04);
  }
}
/* Redeploy second version */
/* redeploy 10-16 */