.wordmark.brand-lockup{--brand-emblem-width:48px;--brand-name-width:180px;display:inline-flex;align-items:center;gap:12px;flex-shrink:0;white-space:normal;line-height:1;letter-spacing:0}
.brand-lockup .brand-emblem{display:block;width:var(--brand-emblem-width);height:auto;aspect-ratio:705/810;flex:none;overflow:hidden}
.brand-lockup .brand-type{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
.brand-lockup .brand-lettering{display:block;width:var(--brand-name-width);height:auto;aspect-ratio:1110/220;overflow:hidden}
.brand-lockup .brand-tagline{display:block;color:#747873;font-family:'Segoe UI',Arial,sans-serif;font-size:10px;font-weight:400;line-height:1.4;letter-spacing:.3px}
.header:has(.brand-lockup){padding-top:20px;padding-bottom:20px}
.footer-main .brand-lockup{--brand-emblem-width:55px;--brand-name-width:195px}
@media(max-width:1100px){.wordmark.brand-lockup{--brand-emblem-width:44px;--brand-name-width:165px;gap:10px}}
@media(max-width:540px){.wordmark.brand-lockup{--brand-emblem-width:39px;--brand-name-width:144px;gap:9px}.brand-lockup .brand-type{gap:4px}.brand-lockup .brand-tagline{font-size:9px;letter-spacing:.15px}.header:has(.brand-lockup){padding-top:18px;padding-bottom:18px}.footer-main .brand-lockup{--brand-emblem-width:46px;--brand-name-width:174px}}

/* Compact brand lockup within the v5 navigation. */
.header .brand-lockup{--brand-emblem-width:38px;--brand-name-width:150px;gap:9px;mix-blend-mode:multiply}
.header:has(.brand-lockup){gap:24px;padding-top:14px;padding-bottom:14px}
.footer .brand-lockup{--brand-emblem-width:42px;--brand-name-width:160px;background:#fff;padding:10px 12px;gap:10px;justify-self:start}
.footer .brand-lockup .brand-tagline{color:#747873}
@media(max-width:1100px){.header:has(.brand-lockup){flex-wrap:wrap;gap:16px}.header:has(.brand-lockup) .menu-button{display:inline-block}.header:has(.brand-lockup) .header-quote{display:none}.header:has(.brand-lockup) #navigation{display:none;order:3;width:100%;flex-direction:column;gap:0;margin:0}.header:has(.brand-lockup) #navigation.open{display:flex}.header:has(.brand-lockup) #navigation a{padding:14px 0;border-bottom:1px solid var(--line);font-size:17px}}
@media(max-width:540px){.header .brand-lockup{--brand-emblem-width:34px;--brand-name-width:133px;gap:8px}.header:has(.brand-lockup){padding-top:13px;padding-bottom:13px}.brand-lockup .brand-tagline{font-size:9px}}