/* COMMON FOOTER */
.footer { background: var(--navy-deep); color: #d6d9f5; padding-top: 3.5rem; }
.footer__grid { display: grid; grid-template-columns: 1.3fr 1fr 1.3fr 1.3fr; gap: 2.2rem; padding-bottom: 2.5rem; }
.footer__logo { box-sizing: border-box; width: 270px; max-width: 100%; padding: 16px; background: #2d348c; border-radius: 10px; margin-bottom: .8rem; }
.footer h3 { color: var(--yellow); font-size: 1.1rem; }
.footer li { margin-bottom: .45rem; }
.footer a { text-decoration: none; }
.footer a:hover { color: var(--yellow); }
.footer__bottom { border-top: 1px solid rgba(255,255,255,.15); padding-block: 1rem; font-size: .9rem; text-align: center; }
@media (max-width: 900px) { .footer__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .footer__grid { grid-template-columns: 1fr; } }