/* ==========================================================
   HNAI – dynamic hero greeting
   Applies to desktop, tablet and mobile.
   ========================================================== */

.hero-greeting {
  display:block;
}

.hero-greeting > span {
  display:block;
}

.hero-greeting #hero-greeting-line {
  font-weight:inherit;
}

.hero-greeting #hero-welcome-line {
  margin-top:.16em;
  font-size:.74em;
  line-height:1.15;
  opacity:.94;
}


/* ==========================================================
   HNAI – hero greeting desktop refinement

   Desktop only.
   iPad and iPhone remain unchanged.
   ========================================================== */

@media (min-width:1100px) {

  .hero-greeting {
    font-size:clamp(2rem,2.25vw,2.7rem);
    line-height:1.03;
    letter-spacing:-.025em;
  }

  .hero-greeting #hero-welcome-line {
    margin-top:.18em;

    font-size:.58em;
    line-height:1.16;

    font-weight:600;
  }

}