@charset "UTF-8";
/* CSS Document */

.logo-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: clamp(10px, 2vw, 18px);
  row-gap: clamp(4px, 1vw, 10px);
  margin: 0 auto;
}

.team-logo27 {
  flex: 0 0 clamp(100px, 18vw, 140px);
  width: clamp(100px, 18vw, 140px);
  height: clamp(70px, 12vw, 95px);
  padding: clamp(4px, 1vw, 8px);
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  box-sizing: border-box;
  overflow: visible;
  position: relative;
  z-index: 1;
}

.team-logo27:hover {
  z-index: 5;
}

.team-logo27 a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.team-logo27 img {
  max-width: 100%;
  max-height: clamp(40px, 8vw, 56px);
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
  filter: grayscale(100%) brightness(1.5);
  transition: transform 1.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  will-change: transform;
}

.team-logo27 a:hover img {
  filter: grayscale(0%) brightness(1);
  transform: scale(1.35);
}