/* ==========================================================================
   INDUSTRIES PAGE — scoped hover/layout effects only.
   Loaded only on industry.html so nothing here leaks onto shared components
   (.collage, .check-list) reused on other pages.
   ========================================================================== */

/* ---- Hero: 40px bottom padding, remove bottom margin from the rotating phrase ---- */
body.page-industry .page-hero { padding-bottom: 40px; }
body.page-industry .page-hero-rotate { margin-bottom: 0; }

/* ---- How We Tailor Support: collage image hover pop ---- */
.collage.hover-pop img {
  cursor: pointer;
  transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.5s ease, filter 0.4s ease;
}
.collage.hover-pop img:hover {
  transform: scale(1.12) translateY(-8px);
  box-shadow: 0 30px 60px -12px rgba(0, 0, 0, 0.4);
  z-index: 30;
  filter: brightness(1.04);
}

/* ---- How We Tailor Support: checklist arranged vertically (single column) ---- */
#tailor-checklist {
  grid-template-columns: 1fr;
}

@media (prefers-reduced-motion: reduce) {
  .collage.hover-pop img {
    transition: none !important;
  }
}

@media (max-width: 720px) {
  .collage.hover-pop img:hover { transform: scale(1.06) translateY(-4px); }
}