/* Logo hover animation — keep left padding */
.logo-no-height-constrain,
.logo-no-height-constrain img {
  display: inline-block;
  padding-left: 35px; /* keep your original spacing */
  transition: transform 0.4s ease, filter 0.4s ease;
  transform-origin: center;
  filter: brightness(100%) saturate(100%);
}

/* On hover: zoom and brighten slightly */
.logo-no-height-constrain:hover img,
.logo-no-height-constrain:hover {
  transform: scale(1.1);
  filter: brightness(110%) saturate(110%);
}

/* Hover effect */
.logo-no-height-constrain:hover img,
.logo-no-height-constrain:hover {
  transform: perspective(400px) rotateY(10deg) scale(1.05);
  filter: brightness(110%) saturate(110%);
}

/* Home page image hover effect */
.home .entry-content img,
.home .so-widget-image img,
.home .panel-grid-cell img,
.home .widget img {
  transition: transform 0.7s ease, filter 1.5s ease, box-shadow 1.5s ease;
  transform: scale(1);
  filter: grayscale(20%) brightness(95%);
}

/* On hover — zoom, brighten, and restore color */
.home .entry-content img:hover,
.home .so-widget-image img:hover,
.home .panel-grid-cell img:hover,
.home .widget img:hover {
  transform: scale(1.01);
  filter: grayscale(0%) brightness(100%);
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.25);
}