/* Shared identity for the catalog and the static buying guide. */
.brand-lockup {
  display: inline-flex;
  flex-direction: column;
  gap: 5px;
  width: max-content;
  max-width: 100%;
  min-width: 0;
  color: #25332c;
  text-decoration: none;
  font-family: Manrope, system-ui, sans-serif;
}
.brand-identity { display: flex; align-items: center; gap: 9px; }
.brand-mark { display: block; width: 36px; height: 36px; flex: 0 0 auto; }
.brand-wordmark { font-size: 28px; font-weight: 800; letter-spacing: -1.2px; line-height: 1.25; white-space: nowrap; }
.brand-accent { color: #5b7851; }
.brand-domain { font-size: 15px; font-weight: 600; letter-spacing: -.4px; color: #76856c; margin-left: 2px; }
.brand-tagline { display: block; font-family: 'DM Sans', system-ui, sans-serif; font-size: 11px; font-weight: 500; line-height: 1.6; letter-spacing: .1px; color: #5d7050; }
.brand-lockup:focus-visible { outline: 3px solid #8aac62; outline-offset: 5px; border-radius: 4px; }
footer .brand-lockup { align-self: start; }
footer .brand-wordmark { font-size: 24px; }
footer .brand-mark { width: 30px; height: 30px; }
@media (max-width: 480px) {
  .brand-wordmark { font-size: 25px; letter-spacing: -1px; }
  .brand-mark { width: 31px; height: 31px; }
  .brand-identity { gap: 7px; }
  .brand-domain { font-size: 13px; }
  .brand-tagline { font-size: 11px; letter-spacing: 0; }
}