/* =========================================================
   Industry pages (automotive, aerospace, consumer electronics, EMS,
   industrial connectors, telecommunications) — shared styles.
   Each page sets only its hero photo, inline on .industry-hero:
     style="background-image:url('assets/images/industries/...')"
   (an inline url() resolves against the page, so the paths stay as they were).
   ========================================================= */

/* ---------- Hero banner ---------- */
.industry-hero{
  position:relative;
  isolation:isolate;
  min-height:60vh;
  margin-top:5rem;               /* clears the fixed header */
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:4rem 1rem;
  background-color:var(--c-charcoal-3);
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  background-attachment:fixed;
}
/* legibility scrim that also fades into the page colour below */
.industry-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(ellipse 60% 70% at 50% 45%, rgba(12,12,12,.35) 0%, rgba(12,12,12,0) 75%),
    linear-gradient(to bottom, rgba(12,12,12,.45) 0%, rgba(12,12,12,.12) 38%, rgba(12,12,12,.18) 70%, var(--c-charcoal) 100%);
  pointer-events:none;
}

.industry-hero .hero-copy{
  position:relative;
  max-width:52rem;
  padding:clamp(1.5rem,3vw,2.25rem) clamp(1.5rem,4vw,3rem);
  border-radius:24px;
  background:rgba(14,14,14,.42);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 24px 60px -24px rgba(0,0,0,.65);
  -webkit-backdrop-filter:blur(10px) saturate(1.15);
  backdrop-filter:blur(10px) saturate(1.15);
}
.industry-hero h1{
  font-size:clamp(2.4rem,6vw,4rem);
  color:#fff;
  text-shadow:0 2px 18px rgba(0,0,0,.45);
}
.industry-hero p{
  font-size:clamp(1.05rem,1.6vw,1.25rem);
  color:#e6e6e6;
  max-width:720px;
  margin:1rem auto 0;
}

/* Fixed backgrounds don't work on touch browsers (iOS zooms them) */
@media (hover:none), (max-width:800px){
  .industry-hero{background-attachment:scroll;}
}
@media (max-width:640px){
  .industry-hero{min-height:52vh;padding:3rem 1rem;margin-top:4.25rem;}
  .industry-hero .hero-copy{border-radius:18px;}
}

/* ---------- Solutions block beside the hero ---------- */
.industry-page .asym .col:not(.media) p{margin-top:1rem;}

/* ---------- Checklist (red check bullets) ---------- */
.checklist{
  list-style:none;
  margin:1.5rem 0 2.5rem;
  padding:0;
}
.checklist li{
  position:relative;
  padding-left:2rem;
  margin-bottom:1.1rem;
  max-width:70ch;
}
.checklist li::before{
  content:"✔";
  position:absolute;
  left:0;
  top:0;
  color:var(--c-red);
  font-weight:600;
}
.checklist li strong{color:#fff;}

/* ---------- Closing call to action ---------- */
.industry-page .industry-cta .container{text-align:center;padding:2rem 1rem;}
.industry-page .industry-cta p{margin:0 auto 2rem;max-width:44rem;color:var(--c-grey-light);}