.footer { background: var(--color-navy); padding-block: clamp(40px, 7.3vw, 106px) clamp(42px, 7.8vw, 112px); } .footer__logos { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: clamp(26px, 3.4vw, 46px) clamp(30px, 4.4vw, 62px); } /* Not a uniform height in Figma: the three Hub marks are ~82px, Oliv ~90px and The Parker 92px. Each mark carries that as its own optical scale, so the rail stays balanced whichever logos an editor puts in it. */ .footer__logo { height: calc(clamp(46px, 5.7vw, 82px) * var(--tg-logo-scale, 1)); width: auto; } @media (min-width: 992px) { .footer__logos { flex-wrap: nowrap; justify-content: space-between; gap: 0; } }  .copyright { color: #fff; background-color: #121212; } .copyright__container { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 6px 20px; font-size: 12px; line-height: 1; padding: 1rem var(--x-gap); } .copyright img { display: inline-block; height: 1.1em; width: auto; vertical-align: middle; }