/* ═══════════════════════════════════════════════════════════
   Vultronix Industries — Industries (#p-industries)
═══════════════════════════════════════════════════════════ */

#p-industries .eyebrow {
  color: var(--elec);
}

.in-h1 {
  font-family: var(--fd);
  font-size: clamp(2rem, 4.8vw, 3.4rem);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -.03em;
  color: var(--t1);
  margin-bottom: 1rem;
}

.in-h1 em {
  color: var(--elec);
  font-style: normal;
}

.in-lead {
  font-size: clamp(.9rem, 1.5vw, 1rem);
  color: var(--t2);
  line-height: 1.8;
  max-width: 68ch;
  margin: 0 auto;
}

/* ── Hero ──────────────────────────────────────────────────── */
.in-hero {
  padding: clamp(5rem, 12vw, 7rem) 0 clamp(2rem, 5vw, 3rem);
  text-align: center;
  background:
    radial-gradient(ellipse 70% 55% at 50% 0%, rgba(37,99,235,.12), transparent 55%),
    var(--ink);
}

/* ── Industry grid ─────────────────────────────────────────── */
.in-section {
  padding: 0 0 clamp(4rem, 8vw, 5.5rem);
}

.in-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.15rem;
}

.in-card {
  padding: 1.75rem 1.5rem;
  background: var(--glass);
  border: 1px solid var(--edge);
  border-radius: var(--r2);
  transition: border-color .3s, transform .3s, box-shadow .3s;
  text-align: left;
}

.in-card--link {
  cursor: pointer;
}

.in-card--link:hover {
  transform: translateY(-5px);
  box-shadow: 0 24px 56px rgba(0,0,0,.45);
}

.in-card--crusher.in-card--link:hover  { border-color: rgba(245,158,11,.35); }
.in-card--building.in-card--link:hover { border-color: rgba(34,211,238,.35); }
.in-card--crop.in-card--link:hover     { border-color: rgba(16,217,160,.35); }
.in-card--home.in-card--link:hover     { border-color: rgba(212,169,106,.35); }

.in-card:not(.in-card--link):hover {
  border-color: var(--edge2);
  transform: translateY(-3px);
  box-shadow: 0 16px 40px rgba(0,0,0,.35);
}

.in-card__icon {
  font-size: 1.75rem;
  margin-bottom: .85rem;
}

.in-card h3 {
  font-family: var(--fd);
  font-size: 1rem;
  font-weight: 800;
  color: var(--t1);
  margin-bottom: .55rem;
}

.in-card > p {
  font-size: .84rem;
  color: var(--t2);
  line-height: 1.65;
  margin-bottom: 1.1rem;
}

.in-card__links {
  display: flex;
  flex-direction: column;
  gap: .45rem;
  padding-top: 1rem;
  border-top: 1px solid var(--edge);
}

.in-card__link {
  display: flex;
  align-items: center;
  gap: .45rem;
  font-size: .78rem;
  color: var(--t3);
  transition: color .2s;
}

.in-card--link .in-card__link {
  color: var(--t2);
}

.in-card--link:hover .in-card__link {
  color: var(--elec);
}

.in-card__link::before {
  content: '→';
  font-size: .7rem;
  opacity: .6;
}

.in-card--crusher { --in-accent: #f59e0b; }
.in-card--building { --in-accent: #22d3ee; }
.in-card--crop { --in-accent: #10d9a0; }
.in-card--home { --in-accent: #d4a96a; }
.in-card--mfg { --in-accent: #f87171; }
.in-card--health { --in-accent: #818cf8; }

.in-card--link::after {
  content: 'Explore →';
  display: block;
  margin-top: 1rem;
  font-family: var(--fm);
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--in-accent, var(--elec));
  opacity: 0;
  transform: translateY(4px);
  transition: opacity .25s, transform .25s;
}

.in-card--link:hover::after {
  opacity: 1;
  transform: none;
}

@media (max-width: 1024px) {
  .in-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .in-grid {
    grid-template-columns: 1fr;
  }
}