/* Home service photos: subtle pointer/touch frame tilt, without a cursor glow. */
#home-services .home-service-photo-frame {
  display: block;
  position: relative;
  width: 100%;
  height: 200px;
  flex-shrink: 0;
  overflow: hidden;
  border: 1px solid #c6dce7;
  box-sizing: border-box;
  transform: perspective(1100px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));
  transition: transform .2s ease-out;
}
/* A quiet, fixed blue haze at the photo top; it never follows the cursor. */
#home-services .home-service-photo-frame::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(11, 48, 82, .38), rgba(24, 96, 138, .13) 32%, transparent 66%);
  box-shadow: inset 0 12px 22px rgba(11, 48, 82, .13);
}
#home-services .home-service-photo {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
  filter: none;
  transform: none;
  transition: none;
}
@media (min-width: 761px) and (max-width: 960px) {
  #home-services .home-service-photo-frame { height: 100%; min-height: 240px; }
}
@media (max-width: 760px) {
  #home-services .home-service-photo-frame { height: auto; aspect-ratio: 3 / 2; }
}
@media (prefers-reduced-motion: reduce) {
  #home-services .home-service-photo-frame { transition: none; transform: none; }
}