/* Home footer: same layout and typography as the careers footer, originally based on landing-general-google. */
@font-face { font-family:UM Footer Helvetica; src:url('../landing-pages/fonts/helvetica.ttf') format('truetype'); font-weight:400; font-display:swap; }
@font-face { font-family:UM Footer Helvetica; src:url('../landing-pages/fonts/helvetica-bold.ttf') format('truetype'); font-weight:700; font-display:swap; }
.home-footer { font-family:UM Footer Helvetica,Helvetica,Arial,sans-serif; }
.home-footer { background:var(--um-blue); color:#fff; border-top:3px solid var(--um-yellow); padding:55px 0 25px; }
.home-footer-content { display:flex; justify-content:space-between; align-items:start; gap:40px; padding-bottom:36px; }
.home-footer-content img { display:block; width:220px; max-width:100%; height:auto; }
.home-footer-content p { color:#d8eaf7; font-size:13px; margin:18px 0 0; }
.home-2026 .home-footer h2 { color:#fff; font:400 25px/1 'Bebas Neue',sans-serif; letter-spacing:.4px; margin:0 0 18px; }
.home-footer-social { display:flex; flex-wrap:wrap; gap:12px; }
.home-footer-social a { flex-shrink:0; display:grid; place-items:center; width:40px; height:40px; border-radius:50%; background:#ffffff18; color:#fff; }
.home-footer-social a:hover { background:var(--um-yellow); color:#00397e; }
.home-footer-bottom { display:flex; justify-content:space-between; gap:20px; border-top:1px solid #ffffff28; padding-top:22px; color:#d8eaf7; font-size:11px; }
.home-footer-bottom p { margin:0; }
.home-footer-bottom > div { display:flex; gap:22px; }
.home-footer-bottom a { color:inherit; }
@media(max-width:767px) {
  .home-footer { padding:40px 0 28px; text-align:center; }
  .home-footer-content { display:block; padding-bottom:28px; }
  .home-footer-content img { margin-inline:auto; }
  .home-footer-content p { font-size:12px; margin-top:18px; }
  .home-footer-content > div + div { margin-top:30px; }
  .home-footer-social { justify-content:center; gap:12px; }
  .home-footer-bottom { display:block; font-size:10px; }
  .home-footer-bottom > div { justify-content:center; margin-top:12px; }
}

.home-footer a:focus-visible { outline-color:var(--um-yellow); }

@media(max-width:374px) {
  .home-footer-social { gap:8px; }
}