/* The same lockup proportions, with a smaller scale in the footer. */
.header .header-identity{--brand-scale:1;display:flex;align-items:center;gap:calc(24px * var(--brand-scale));min-width:0}
.footer-identity{--brand-scale:.75;display:flex;align-items:center;gap:calc(24px * var(--brand-scale))}
.header .header-identity .brand-name,.footer-identity .brand-name{font-size:calc(54px * var(--brand-scale));line-height:.78;gap:calc(6px * var(--brand-scale));letter-spacing:calc(-1px * var(--brand-scale))}
.header .header-identity .brand-name>span,.footer-identity .brand-name>span{font-size:calc(72px * var(--brand-scale));letter-spacing:calc(-1.3px * var(--brand-scale))}
.header .brand-slogan,html:not([lang=fr]) .header .brand-slogan,.footer-identity .footer-signature{display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:stretch;text-align:center;border:0;padding:0;margin:0;overflow:hidden;border-radius:calc(16px * var(--brand-scale));isolation:isolate;flex-shrink:0;font-size:calc(16px * var(--brand-scale));line-height:1.35;letter-spacing:calc(-.15px * var(--brand-scale))}
.header .brand-slogan>span,.header .brand-slogan>strong,.footer-identity .footer-signature>span,.footer-identity .footer-signature>strong{display:block;width:100%;margin:0;border:0;border-radius:0;padding:calc(8px * var(--brand-scale)) calc(16px * var(--brand-scale));font-size:inherit;font-weight:600;line-height:1.35;white-space:nowrap}
.header .brand-slogan>span,.footer-identity .footer-signature>span{background:var(--gold);color:var(--navy)}
.header .brand-slogan>strong,.footer-identity .footer-signature>strong{background:var(--navy);color:#fff}
@media(max-width:1150px) and (min-width:961px){.header .header-identity{--brand-scale:.9}}
@media(max-width:960px){.header .header-identity{--brand-scale:.85}}
@media(max-width:760px){.header .header-identity{--brand-scale:.75;gap:14px}.footer-identity{--brand-scale:.75;gap:14px}}
@media(max-width:370px){.header .header-identity,.footer-identity{--brand-scale:.75;gap:10px}.header .header-identity .brand-name,.footer-identity .brand-name{font-size:36px}.header .header-identity .brand-name>span,.footer-identity .brand-name>span{font-size:48px}.header .brand-slogan>span,.header .brand-slogan>strong,.footer-identity .footer-signature>span,.footer-identity .footer-signature>strong{padding:6px 8px}}