/* Responsive rules extracted from the original website stylesheet. */

@media (hover: hover) {
  .hover\:scale-105:hover {
    --tw-scale-x: 105%;
    --tw-scale-y: 105%;
    --tw-scale-z: 105%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
}

@media (prefers-reduced-motion: reduce) {
  @media (hover: hover) {
    .motion-reduce\:hover\:scale-100:hover {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}

@media (width >= 40rem) {
  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .sm\:auto-rows-\[160px\] {
    grid-auto-rows: 160px;
  }
  .sm\:gap-3 {
    gap: calc(var(--spacing) * 3);
  }
}

@media (width >= 64rem) {
  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .lg\:auto-rows-\[170px\] {
    grid-auto-rows: 170px;
  }
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  #services .rounded-2xl:hover img,#results .rounded-2xl:hover img,#gallery .rounded-2xl:hover img{transform:none}
}


/* Responsive rules for shared standalone pages. */
@media (min-width: 640px) {
  .page-hero-inner { padding: 5rem 1.5rem; }
  .page-section { padding: 5rem 1.5rem; }
  .page-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .page-grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .article-main { padding: 2rem; }
  #testimonialTrack > * { width: 50%; }
  #testimonialTrack[data-index="1"] { transform: translateX(-50%); }
  #testimonialTrack[data-index="2"] { transform: translateX(-100%); }
  #testimonialTrack[data-index="3"] { transform: translateX(-150%); }
  #testimonialTrack[data-index="4"] { transform: translateX(-200%); }
  #testimonialTrack[data-index="5"] { transform: translateX(-250%); }
}
@media (min-width: 1024px) {
  .page-hero-inner { padding: 5.5rem 2rem; }
  .page-section { padding: 6rem 2rem; }
  .page-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .blog-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .article-layout { grid-template-columns: minmax(0, 1fr) 18rem; }
  #testimonialTrack > * { width: 33.333333%; }
  #testimonialTrack[data-index="1"] { transform: translateX(-33.333333%); }
  #testimonialTrack[data-index="2"] { transform: translateX(-66.666666%); }
  #testimonialTrack[data-index="3"] { transform: translateX(-100%); }
  #testimonialTrack[data-index="4"] { transform: translateX(-133.333333%); }
  #testimonialTrack[data-index="5"] { transform: translateX(-166.666666%); }
}
@media (prefers-reduced-motion: reduce) {
  .page-button-primary, .page-button-secondary, .page-card { transition: none; }
}

@media (max-width: 1023px) {
  .article-toc { position: static; }
}
