/* ==========================================================================
   Industries page
   ========================================================================== */
.industry-grid-full.marquee-viewport {
  margin-top: 4px;
  overflow: hidden;
  width: 100%;
  position: relative;
  border-radius: 22px;
}

.industry-grid-full .marquee-track {
  display: flex;
  flex-wrap: nowrap;
  gap: 16px;
  width: max-content;
  will-change: transform;
}

.industry-tile {
  position: relative;
  border-radius: var(--r-lg);
  overflow: hidden;
  aspect-ratio: 1 / 1;
  transition: transform var(--transition), box-shadow var(--transition);
  flex: 0 0 clamp(200px, 24vw, 280px);
  display: block;
  opacity: 1 !important;
}

.industry-tile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  inset: 0;
  transition: transform .5s ease;
}

.industry-tile:hover img { transform: scale(1.08); }
.industry-tile:hover { transform: translateY(-4px); box-shadow: var(--shadow-med); }
.industry-tile::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(16,28,20,0) 35%, rgba(16,28,20,.88) 100%); }
.industry-tile-label { position: absolute; left: 14px; bottom: 12px; z-index: 1; color: var(--white); font-weight: 700; font-size: 14.5px; }
.industry-tile-label span { display: block; font-weight: 500; font-size: 12px; color: rgba(255,255,255,.7); margin-top: 2px; }

.stat-strip-alt.industries-stats { margin-top: var(--sp-5); }

/* Mobile-first default (screens under 768px) */
#industry-grid {
  background-image: url('../assets/industries/indust-bg-h.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

/* Desktop view (screens 768px and wider) */
@media (min-width: 768px) {
  #industry-grid {
    background-image: url('../assets/industries/indust-bg.png');
    background-position: center;
  }
}