.footer-social{display:flex;align-items:center;flex-wrap:wrap;gap:18px;padding-block:0 30px}
.footer-social>p{font-size:.84rem}
.social-links{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.social-links a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:42px;min-height:42px;border:1px solid var(--line);border-radius:3px;color:var(--navy);background:transparent;transition:background-color .15s,color .15s,border-color .15s}
.social-links svg{display:block;flex:none;fill:currentColor}
.social-links a:hover,.social-links a:focus-visible{color:#fff;background:var(--navy);border-color:var(--navy)}
.social-links-labeled a{padding:10px 16px;font-size:.9rem;line-height:1.3}
.social-contact-panel{margin-top:36px;padding-top:30px;border-top:1px solid var(--line)}
.social-contact-panel h2,.brand-social-section h2{margin:0 0 20px;font-size:clamp(1.3rem,2vw,1.65rem);line-height:1.25}
.brand-social-section{padding-block:36px 42px;border-top:1px solid var(--line)}
@media(max-width:640px){.footer-social{gap:14px;padding-bottom:24px}.social-links a{min-width:44px;min-height:44px}.social-links-labeled{gap:10px}.social-links-labeled a{padding:10px 12px}}

/* Institutional and origin marks share the footer with the social links. */
.footer-marks{display:flex;align-items:center;flex-wrap:wrap;gap:30px;margin-left:auto}
.footer-mark{display:inline-flex;align-items:center;justify-content:center;flex:none}
.footer-mark img{display:block;width:auto;max-width:100%;object-fit:contain}
.footer-mark-cnib img{height:68px}
.footer-mark-mexico img{height:56px}
@media(max-width:640px){.footer-marks{flex-basis:100%;margin-left:0;padding-top:8px;gap:26px}.footer-mark-cnib img{height:62px}.footer-mark-mexico img{height:50px}}