/* Responsive identity: the owner's light, modern, title-case wordmark. */
.brand { gap: 11px; min-height: 48px; }
.brand > .brand-symbol {
  display: block;
  width: 34px;
  height: 37px;
  flex: 0 0 34px;
  background: currentColor;
  -webkit-mask: url('/assets/silverlane-symbol.png') 81.818% 64.977% / 131.034% 120.926% no-repeat;
  mask: url('/assets/silverlane-symbol.png') 81.818% 64.977% / 131.034% 120.926% no-repeat;
}
.brand > .brand-text { display: block; font-family: Manrope, sans-serif; font-weight: 300; line-height: 1; letter-spacing: 0; text-align: center; }
.brand-name { display: block; font-size: 26px; font-weight: 300; line-height: 1.15; letter-spacing: -.015em; text-transform: none; }
.brand .brand-travel { display: block; margin: 5px 0 0; font-size: 11px; font-weight: 300; line-height: 1; letter-spacing: .12em; text-transform: none; }
.footer-wordmark { display: block; width: 100%; max-width: 1100px; margin: 54px 0 48px; }
.footer-wordmark > .footer-logo {
  display: block;
  width: 100%;
  aspect-ratio: 2046 / 442;
  background: currentColor;
  -webkit-mask: url('/assets/silverlane-logo.png') 39.683% 48.936% / 106.158% 163.801% no-repeat;
  mask: url('/assets/silverlane-logo.png') 39.683% 48.936% / 106.158% 163.801% no-repeat;
}
@media (max-width: 960px) {
  .brand { min-height: 44px; }
}
@media (max-width: 700px) {
  .brand { gap: 8px; }
  .brand > .brand-symbol { width: 27px; height: 30px; flex-basis: 27px; }
  .brand > .brand-text { display: flex; align-items: baseline; text-align: left; }
  .brand-name { font-size: 19px; letter-spacing: 0; }
  .brand .brand-travel { display: inline; margin: 0 0 0 6px; font-size: 10px; letter-spacing: .06em; }
  .footer-wordmark { margin: 36px 0 28px; }
}