/* Stacked brand lockup from the V2 design export. */
#tbd-site-footer .tbd-footer-brand { width: auto; gap: 11px; }

.brand-lockup {
  display: grid;
  justify-items: start;
  font: 800 18px/.86 "DM Sans", sans-serif;
  letter-spacing: -.012em;
  text-transform: uppercase;
  transform: scaleX(.93);
  transform-origin: left center;
}
.brand-lockup .brand-the { font-size: .46em; letter-spacing: .03em; }
.brand-lockup .brand-blue { color: var(--dot); }
.brand-lockup .brand-dot { justify-self: end; }

#tbd-site-footer .tbd-footer-brand .brand-the,
#tbd-site-footer .tbd-footer-brand .brand-dot { color: var(--white); }

#tbd-site-footer .tbd-footer-brand .brand-lockup { font-size: 16px; }
#tbd-site-footer .tbd-footer-brand .brand-blue { color: var(--dot); }


@media (max-width: 680px) {
  .brand-lockup { font-size: 15px; }
  #tbd-site-footer .tbd-footer-brand .brand-lockup { font-size: 14px; }
}