/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/*Add your own styles here:*/

h1.introtext {
	font-size: clamp(1.41rem, 0.66vi + 1.28rem, 1.8rem)!important;
	font-weight: 800!important;
	line-height: 1.2;
	margin-bottom: 2rem;
}

h2.introtext {
	font-size: clamp(1.25rem, 0.42vi + 1.17rem, 1.5rem)!important;
	font-weight: 800!important;
	line-height: 1.2;
	margin-bottom: 2rem;
}

h3.introtext {
	font-size: clamp(1.11rem, 0.23vi + 1.06rem, 1.25rem)!important;
	font-weight: 800!important;
	line-height: 1.2;
	margin-bottom: 2rem;
}

/* Card wrapper: make sure the image stays clipped */
.my-service-card{
  position: relative;
  overflow: hidden;           /* prevents overflow */
  isolation: isolate;         /* safer stacking for effects */
}

/* Image wrapper: ensure it clips the img and avoids gaps */
.my-service-image{
  overflow: hidden;           /* double-safety clip */
  line-height: 0;             /* removes inline-img whitespace */
  contain: paint;             /* limits repaints to this box */
}

/* The image itself: smooth, GPU-accelerated zoom */
.my-service-image img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transform-origin: center center;
  will-change: transform;
  backface-visibility: hidden;
  /* ultra-smooth easing */
  transition: transform 1200ms cubic-bezier(.2,.6,0,.99);
}

/* Hover/focus zoom (desktop/keyboard) */
@media (hover: hover){
  .my-service-card:hover .my-service-image img{
    transform: scale(1.08);   /* tweak 1.06–1.12 to taste */
  }
}

/* Keyboard accessibility: zoom on focus within card */
.my-service-card:focus-within .my-service-image img{
  transform: scale(1.08);
  outline: none;
}

/* Respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce){
  .my-service-image img{
    transition: none;
  }
}