/* Preserve the original hero layout; only reduce the heading. */
.hero .hero-slogan{font-size:42px;line-height:.98;letter-spacing:-.045em}
@media(min-width:601px) and (max-width:900px){.hero .hero-slogan{font-size:36px}}
@media(max-width:600px){.hero .hero-slogan{font-size:28px}}

/* Keep the descriptive H1 in the existing eyebrow position. */
.hero h1.eyebrow{font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:500;line-height:1.6;letter-spacing:.2em;text-transform:uppercase;margin:0 0 24px}