/* Hometown: a roofline and H monogram paired with a compact banking wordmark. */
.brand { flex-shrink: 0; display: inline-flex; align-items: center; gap: 13px; color: #16243e; text-decoration: none; }
.hometown-emblem { display: block; width: 51px; height: 51px; flex: 0 0 51px; }
.hometown-wordmark { display: flex; flex-direction: column; gap: 5px; }
.hometown-name { font: 700 30px/1 Georgia, "Times New Roman", serif; letter-spacing: -.055em; }
.hometown-descriptor { font: 600 11px/1.2 "Manrope", sans-serif; letter-spacing: .095em; text-transform: uppercase; white-space: nowrap; }
.hometown-domain { text-transform: lowercase; letter-spacing: 0; font-weight: 500; }
.brand-light, .office-page .site-header .brand { color: #fff; }
.brand-light .hometown-emblem path:first-child { fill: #24bdd0; }
@media (max-width: 1100px) {
  .site-header { position: relative; }
  .nav-toggle { display: block; }
  .site-nav { display: none; position: absolute; top: 100%; left: 0; right: 0; padding: 22px; background: white; color: var(--ink); box-shadow: var(--shadow); flex-direction: column; align-items: stretch; gap: 15px; }
  .site-nav.open { display: flex; }
  .office-page .site-nav .text-button { color: var(--ink); }
}
@media (max-width: 480px) {
  .brand { gap: 10px; }
  .hometown-emblem { width: 40px; height: 40px; flex-basis: 40px; }
  .hometown-name { font-size: 25px; }
  .hometown-descriptor { font-size: 9px; letter-spacing: .075em; }
  .site-header { gap: 12px; min-height: 92px; }
  .reference-home .site-header { min-height: 92px; }
  .account-tag { letter-spacing: .025em; font-size: 9px; }
}