/* Give the opening statement a clear place in the hero hierarchy. */
#home-view .hero-kicker {
  font-size: clamp(26px, 2.25vw, 34px);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .06em;
}

/* A carefully drawn townscape, separate from the footer navigation. */
body .site-footer .footer-landscape {
  top: 10px;
  right: 0;
  width: min(67%, 840px);
  height: auto;
  max-height: none;
  opacity: .8;
  margin: 0;
}
body .site-footer .footer-main {
  grid-template-rows: 106px auto;
}
@media (min-width: 701px) and (max-width: 1100px) {
  body .site-footer .footer-landscape { width: min(65%, calc(100% - 260px)); top: 22px; }
  body .site-footer .footer-main { grid-template-rows: 82px auto; }
}
@media (max-width: 700px) {
  #home-view .hero-kicker {
    font-size: clamp(21px, 5.6vw, 26px);
    line-height: 1.45;
    letter-spacing: .04em;
  }
  body .site-footer .footer-main { grid-template-rows: none; }
  body .site-footer .footer-landscape {
    position: static;
    width: calc(100% - 32px);
    height: auto;
    margin: 18px 16px 4px;
    opacity: .9;
  }
}

/* Top portrait label only. */
#home-view .hero-sign small { font-size:18px; font-weight:700; line-height:1.5; letter-spacing:.05em; margin-bottom:8px; }
@media (max-width:700px) { #home-view .hero-sign small { font-size:14px; } }
@media (min-width:480px) and (max-width:700px) { #home-view .hero-sign small { font-size:16px; } }