/* RoboMecs Industries V4.0
 * Industry hub + six industry detail pages.
 * Uses the shared Solution hero language, with industry-specific content sections.
 */

.industries-hub-page,
.industry-page{background:#fff;color:#151a28}

/* Hero refinements V4.1 -------------------------------------------------
 * Industries now use the same clean full-width photographic Hero language
 * as Solutions. Technical square/grid overlays are deliberately disabled.
 */
.industry-hero:before,
.industries-hub-hero:before,
.industry-hero .solution-hero-copy:before,
.industries-hub-grid{
  display:none!important;
}
.industry-hero-media:after{
  background:
    linear-gradient(90deg,rgba(0,0,71,.96) 0%,rgba(0,0,71,.88) 28%,rgba(0,0,71,.63) 48%,rgba(0,0,71,.20) 72%,rgba(0,0,71,.08) 100%),
    linear-gradient(0deg,rgba(0,0,71,.54) 0%,rgba(0,0,71,.10) 48%,rgba(0,0,71,.24) 100%);
}
.industries-hub-hero-media:after{
  background:
    linear-gradient(90deg,rgba(0,0,71,.96) 0%,rgba(0,0,71,.86) 30%,rgba(0,0,71,.58) 52%,rgba(0,0,71,.16) 78%,rgba(0,0,71,.08) 100%),
    linear-gradient(0deg,rgba(0,0,71,.48),rgba(0,0,71,.08) 58%,rgba(0,0,71,.24));
}
.industry-hero-media figcaption{background:rgba(0,0,71,.82);backdrop-filter:blur(10px)}

/* Shared section rhythm -------------------------------------------------- */
.industry-section{padding:48px 0}
.industry-section-head{margin-bottom:28px}
.industry-section-head .eyebrow{margin-bottom:10px}
.industry-section-head h2,
.industry-hub-integration-copy h2,
.industry-final-copy h2,
.industry-hub-cta h2{
  margin:0;color:#000061;font-size:clamp(2.15rem,3.3vw,3.75rem);line-height:1.04;letter-spacing:-.045em;font-weight:800
}
.industry-section-head>p,
.industry-section-head-split>p,
.industry-hub-integration-copy>p,
.industry-final-copy>p,
.industry-hub-cta p{
  color:#596170;line-height:1.7;font-size:.98rem
}
.industry-section-head>p{max-width:820px;margin:15px 0 0}
.industry-section-head-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.72fr);gap:70px;align-items:end}
.industry-section-head-split>p{margin:0}

/* Hub ------------------------------------------------------------------- */
.industries-family-section{padding:50px 0 52px}
.industries-family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.industries-family-card{
  display:flex;flex-direction:column;overflow:hidden;min-height:430px;border:1px solid #dfe3e9;border-radius:16px;background:#fff;color:inherit;text-decoration:none;
  box-shadow:0 10px 30px rgba(0,0,71,.04);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease
}
.industries-family-card:hover,.industries-family-card:focus-visible{transform:translateY(-4px);border-color:#cbd1db;box-shadow:0 18px 42px rgba(0,0,71,.10)}
.industries-family-media{position:relative;height:232px;overflow:hidden;background:#e9edf2}
.industries-family-media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,45,.36),transparent 58%);pointer-events:none}
.industries-family-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.industries-family-card:hover .industries-family-media img{transform:scale(1.025)}
.industries-family-media>span{position:absolute;z-index:2;left:18px;bottom:16px;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#c10a0a;color:#fff;font-size:.72rem;font-weight:850;box-shadow:0 8px 22px rgba(193,10,10,.26)}
.industries-family-copy{display:flex;flex-direction:column;flex:1;padding:24px 24px 22px}
.industries-family-copy h3{margin:0;color:#000061;font-size:1.42rem;line-height:1.12;letter-spacing:-.03em}
.industries-family-copy p{margin:13px 0 18px;color:#5e6572;font-size:.88rem;line-height:1.62;flex:1}
.industries-family-copy strong{display:flex;align-items:center;gap:8px;color:#000061;font-size:.8rem}.industries-family-copy strong b{color:#c10a0a;font-size:1rem}

.industry-hub-integration{padding:46px 0}
.industry-hub-integration-layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:58px;align-items:start}
.industry-hub-integration-copy>p{margin:16px 0 0;max-width:620px}
.industry-hub-integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.industry-hub-integration-grid article{min-height:220px;padding:23px;border:1px solid #dce1e8;border-radius:14px;background:rgba(255,255,255,.92)}
.industry-hub-integration-grid article>span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#eef1f5;color:#c10a0a;font-size:.67rem;font-weight:850}
.industry-hub-integration-grid strong{display:block;margin:22px 0 10px;color:#000061;font-size:1.08rem}
.industry-hub-integration-grid p{margin:0;color:#606775;font-size:.82rem;line-height:1.58}

.industry-hub-cta{padding:38px 0;background:#fff}
.industry-hub-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:48px;padding:34px 38px;border:1px solid #dde2e9;border-radius:18px;background:linear-gradient(135deg,#f7f8fa,#fff);box-shadow:0 10px 34px rgba(0,0,71,.04)}
.industry-hub-cta h2{font-size:clamp(1.85rem,2.7vw,2.9rem)}
.industry-hub-cta p{margin:9px 0 0;max-width:760px}
.industry-hub-cta .btn{white-space:nowrap}

/* Industry priorities ---------------------------------------------------- */
.industry-priority-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.industry-priority-card{min-height:270px;padding:24px 23px;border:1px solid #dfe3e9;border-radius:14px;background:#fff;box-shadow:0 8px 26px rgba(0,0,71,.035)}
.industry-priority-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:34px}
.industry-priority-meta>span{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#f0f2f5;color:#c10a0a;font-size:.66rem;font-weight:850}
.industry-priority-meta small{color:#7a818e;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;font-weight:800;text-align:right}
.industry-priority-card h3{margin:0 0 12px;color:#000061;font-size:1.22rem;line-height:1.18;letter-spacing:-.025em}
.industry-priority-card p{margin:0;color:#606775;font-size:.86rem;line-height:1.62}

/* Relevant solution cards ------------------------------------------------ */
.industry-solution-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.industry-solution-card{display:flex;flex-direction:column;overflow:hidden;min-height:390px;border:1px solid #dfe3e9;border-radius:14px;background:#fff;color:inherit;text-decoration:none;transition:transform .22s ease,box-shadow .22s ease}
.industry-solution-card:hover,.industry-solution-card:focus-visible{transform:translateY(-4px);box-shadow:0 16px 38px rgba(0,0,71,.09)}
.industry-solution-media{position:relative;height:190px;overflow:hidden;background:#e9edf2}
.industry-solution-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.industry-solution-card:hover img{transform:scale(1.025)}
.industry-solution-media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,45,.30),transparent 62%);pointer-events:none}
.industry-solution-media>span{position:absolute;z-index:2;right:14px;top:14px;display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.94);color:#c10a0a;font-size:.62rem;font-weight:850}
.industry-solution-copy{display:flex;flex-direction:column;flex:1;padding:20px}
.industry-solution-copy h3{margin:0;color:#000061;font-size:1.13rem;line-height:1.18;letter-spacing:-.02em}
.industry-solution-copy p{margin:11px 0 18px;color:#626977;font-size:.8rem;line-height:1.56;flex:1}
.industry-solution-copy>strong{color:#000061;font-size:.76rem}.industry-solution-copy>strong b{color:#c10a0a}

/* Integrated scope ------------------------------------------------------- */
.industry-integrated-layout{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:20px;align-items:start}
.industry-integrated-visual{position:relative;min-height:390px;padding:32px;border-radius:16px;overflow:hidden;background:linear-gradient(145deg,#000061,#000047);color:#fff;display:flex;flex-direction:column;justify-content:flex-end}
.industry-integrated-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 90%)}
.industry-integrated-visual>*{position:relative;z-index:1}
.industry-integrated-visual>span{font-size:.7rem;font-weight:850;color:#ff3b3b;letter-spacing:.12em}
.industry-integrated-visual>strong{margin:10px 0 12px;font-size:2.25rem;line-height:1.02;letter-spacing:-.045em}
.industry-integrated-visual>p{margin:0;max-width:440px;color:rgba(255,255,255,.76);line-height:1.62}

.industry-feature-media{margin:0;overflow:hidden;border:1px solid #dce1e8;border-radius:16px;background:#eef1f4;box-shadow:0 12px 34px rgba(0,0,71,.06)}
.industry-feature-media img{display:block;width:100%;aspect-ratio:1.49/1;object-fit:cover;object-position:center}
.industry-feature-media figcaption{padding:20px 22px 22px;background:#fff}
.industry-feature-media figcaption small{display:block;color:#c10a0a;font-size:.65rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.industry-feature-media figcaption strong{display:block;margin:7px 0 8px;color:#000061;font-size:1.2rem;line-height:1.18}
.industry-feature-media figcaption p{margin:0;color:#606775;font-size:.82rem;line-height:1.58}

.industry-scope-groups{display:grid;gap:14px}
.industry-scope-groups>section{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;min-height:180px;padding:24px 24px 22px;border:1px solid #dce1e8;border-radius:14px;background:#fff}
.industry-scope-groups>section>span{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#f0f2f5;color:#c10a0a;font-size:.65rem;font-weight:850}
.industry-scope-groups h3{margin:4px 0 16px;color:#000061;font-size:1.08rem}
.industry-chip-list{display:flex;flex-wrap:wrap;gap:8px}
.industry-chip-list span{padding:7px 9px;border:1px solid #d9dee6;border-radius:7px;background:#f8f9fb;color:#5d6574;font-size:.7rem;font-weight:650}

/* Final CTA -------------------------------------------------------------- */
.industry-final{padding:43px 0}
.industry-final-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:50px;align-items:start}
.industry-final-copy>p{margin:15px 0 0;max-width:690px}
.industry-final-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.industry-btn-ghost{background:#fff!important;color:#000061!important;border:1px solid #cfd5de!important}.industry-btn-ghost:hover{border-color:#000061!important}
.industry-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.industry-related a{display:flex;flex-direction:column;min-height:170px;padding:20px;border:1px solid #dce1e8;border-radius:13px;background:#fff;color:inherit;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}
.industry-related a:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,71,.08)}
.industry-related small{color:#878e9a;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em}
.industry-related strong{margin:18px 0 14px;color:#000061;font-size:1.02rem;line-height:1.2}
.industry-related span{margin-top:auto;color:#000061;font-size:.73rem;font-weight:750}.industry-related b{color:#c10a0a}

/* Responsive ------------------------------------------------------------- */
@media(max-width:1180px){
  .industry-priority-grid,.industry-solution-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .industry-hub-integration-layout,.industry-final-layout{grid-template-columns:1fr;gap:30px}
}
@media(max-width:900px){
  .industries-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .industry-section-head-split{grid-template-columns:1fr;gap:18px}
  .industry-integrated-layout{grid-template-columns:1fr}
  .industry-hub-integration-grid{grid-template-columns:1fr}
  .industry-hub-integration-grid article{min-height:0}
}
@media(max-width:760px){
  .industry-section{padding:34px 0}
  .industries-family-section{padding:36px 0}
  .industry-section-head{margin-bottom:22px}
  .industry-section-head h2,.industry-hub-integration-copy h2,.industry-final-copy h2{font-size:clamp(1.85rem,8vw,2.55rem)}
  .industry-priority-grid,.industry-solution-grid,.industries-family-grid{grid-template-columns:1fr}
  .industries-family-card{min-height:0}.industries-family-media{height:220px}
  .industry-priority-card{min-height:0}
  .industry-solution-card{min-height:0}.industry-solution-media{height:220px}
  .industry-hub-cta-inner{display:block;padding:28px}.industry-hub-cta .btn{margin-top:20px}
  .industry-integrated-visual{min-height:300px}
  .industry-related{grid-template-columns:1fr}.industry-related a{min-height:135px}
  .industry-feature-media img{aspect-ratio:1.49/1}
}
@media(max-width:520px){
  .industry-section{padding:30px 0}
  .industry-priority-card,.industry-scope-groups>section{padding:20px}
  .industry-scope-groups>section{grid-template-columns:36px minmax(0,1fr)}
  .industry-chip-list span{font-size:.66rem}
}

/* V4.2 definitive Industries Hero cleanup -------------------------------
 * The Industry pages must not render the technical square/grid treatment.
 * Keep only the photographic media plus the approved navy gradient overlay.
 */
.industries-hub-hero > .solutions-hub-grid,
.industries-hub-hero > .industries-hub-grid,
.industries-hub-hero::before,
.industries-hub-hero::after,
.industries-hub-copy::before,
.industries-hub-copy::after,
.industry-hero::before,
.industry-hero::after,
.industry-hero .solution-hero-copy::before,
.industry-hero .solution-hero-copy::after{
  content:none!important;
  display:none!important;
  background:none!important;
  background-image:none!important;
  box-shadow:none!important;
}
.industries-hub-hero,
.industry-hero{
  background-image:none!important;
}

/* ============================================================
   V4.7 INDUSTRY SURFACE CONTAINMENT - ROOT CAUSE FIX
   The shared .surface-*-pro pseudo-elements are absolutely positioned.
   Industry wrappers previously lacked a positioned containing block,
   allowing the decorative 52px grid to escape upward across the Hero.
   Keep the texture inside the body section only.
   ============================================================ */
.industry-section.surface-white-pro,
.industry-section.surface-grey-pro,
.industry-hub-integration.surface-white-pro,
.industry-hub-integration.surface-grey-pro,
.industry-hub-cta.surface-white-pro,
.industry-hub-cta.surface-grey-pro,
.industry-final.surface-white-pro,
.industry-final.surface-grey-pro {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.industry-section.surface-white-pro > .container,
.industry-section.surface-grey-pro > .container,
.industry-hub-integration.surface-white-pro > .container,
.industry-hub-integration.surface-grey-pro > .container,
.industry-hub-cta.surface-white-pro > .container,
.industry-hub-cta.surface-grey-pro > .container,
.industry-final.surface-white-pro > .container,
.industry-final.surface-grey-pro > .container {
  position: relative;
  z-index: 2;
}

/* BEGIN RM INDUSTRY SCOPE MEDIA V4.8 */
/*
 * Applications & Integrated Scope media standard
 * Desktop: one normalized 390px media card aligned with the scope cards.
 * Mobile/tablet: responsive 4:3 image with natural caption height.
 */
.industry-integrated-layout {
  align-items: start;
}

.industry-feature-media {
  height: 390px;
  min-height: 0;
  align-self: start;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
}

.industry-feature-media img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: center;
}

.industry-feature-media figcaption {
  padding: 18px 20px 20px;
}

/* Keep the non-photographic integrated visual on the same desktop height. */
.industry-integrated-visual {
  height: 390px;
  min-height: 390px;
  align-self: start;
}

@media (max-width: 900px) {
  .industry-feature-media {
    height: auto;
    display: block;
  }

  .industry-feature-media img {
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
  }

  .industry-integrated-visual {
    height: auto;
    min-height: 340px;
  }
}
/* END RM INDUSTRY SCOPE MEDIA V4.8 */