.brand { gap: 14px; }
.brand-descriptor {
  display: block;
  color: #173f40;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.65;
  letter-spacing: .12em;
  text-transform: uppercase;
  white-space: nowrap;
}
.footer-bottom > .footer-brand {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 15px;
  padding: 6px 18px 6px 6px;
}
.footer-descriptor {
  color: #173f40;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.65;
  letter-spacing: .11em;
  text-transform: uppercase;
  white-space: nowrap;
}
@media (min-width: 851px) and (max-width: 1040px) {
  .menu-toggle { display: flex; flex-direction: column; gap: 5px; background: none; border: 0; padding: 10px; }
  .menu-toggle span { width: 24px; height: 2px; background: var(--ink); }
  .nav { display: none; position: absolute; top: 100px; left: 0; right: 0; background: #fbfaf6; border-bottom: 1px solid #ddd; padding: 18px 5.2% 25px; flex-direction: column; align-items: stretch; gap: 0; box-shadow: 0 20px 25px #0002; }
  .nav.open { display: flex; }
  .nav a, .nav button { padding: 14px; font-size: 14px; }
  .nav-cta { margin-top: 10px; }
}
@media (max-width: 620px) {
  .brand { gap: 8px; }
  .brand-descriptor { font-size: 9px; line-height: 1.4; letter-spacing: .04em; }
  .footer-logo { width: 175px; height: 88px; }
  .footer-bottom > .footer-brand { gap: 10px; padding-right: 10px; }
  .footer-descriptor { font-size: 9px; line-height: 1.45; letter-spacing: .05em; }
}
@media (max-width: 420px) {
  .brand-logo { width: 100px; height: 50px; }
  .brand-descriptor { max-width: 122px; font-size: 9px; line-height: 1.3; letter-spacing: 0; white-space: normal; }
  .footer-logo { width: 130px; height: 65px; }
  .footer-descriptor { font-size: 8px; }
}