/* Footer accreditation grid — unify icon sizing so all 5 logos render at
   the same height. Webflow's default rules use mixed max-width/max-height
   constraints per image (image-10/11 vs image-12), which makes the icons
   render at different sizes and pushes the grid layout around. */
.footer .grid-5 img,
.footer .grid-5 img.image-10,
.footer .grid-5 img.image-11,
.footer .grid-5 img.image-12 {
  height: 76px;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
@media (max-width: 991px) {
  .footer .grid-5 img,
  .footer .grid-5 img.image-10,
  .footer .grid-5 img.image-11,
  .footer .grid-5 img.image-12 {
    height: 54px;
  }
}
@media (max-width: 600px) {
  .footer .grid-5 img,
  .footer .grid-5 img.image-10,
  .footer .grid-5 img.image-11,
  .footer .grid-5 img.image-12 {
    height: 42px;
  }
}

/* Big "IMMERSIVE" footer banner — explicit width/height attrs were added
   to the <img> to prevent layout shift; restore responsive scaling. */
.footer_logo_img { width: 100%; height: auto; }