.tl-footer { color: #dbe7e8; background: #0b171b; }
.tl-footer__lead { padding-block: 64px; background: #132b31; }
.tl-footer__lead .tl-container { display: flex; align-items: end; justify-content: space-between; gap: 32px; }
.tl-footer__lead h2 { max-width: 650px; margin: 0; color: #fff; }
.tl-footer__grid { display: grid; grid-template-columns: 1.5fr repeat(4, 1fr); gap: 28px; padding-block: 64px; }
.tl-wordmark--footer { display: inline-block; margin-bottom: 16px; color: #fff; }
.tl-footer p { max-width: 240px; color: #9eb2b6; }
.tl-footer h2 { margin-bottom: 16px; color: #fff; font-size: .76rem; letter-spacing: .14em; text-transform: uppercase; }
.tl-footer ul { margin: 0; padding: 0; list-style: none; }
.tl-footer li + li { margin-top: 10px; }
.tl-footer a { color: #dbe7e8; text-decoration: none; }
.tl-footer a:hover, .tl-footer a:focus { color: var(--tl-brand-secondary); }
.tl-footer__note { max-width: 180px; color: #9eb2b6; font-size: .78rem; }
.tl-footer__bottom { padding-block: 16px; border-top: 1px solid rgba(255,255,255,.13); color: #9eb2b6; font-size: .78rem; }
.tl-footer__bottom .tl-container { display: flex; justify-content: space-between; gap: 16px; }