/* =============================================================
   ZARAS — /industries — Atmosphere v4
   -------------------------------------------------------------
   v4: Migrated .industries-bridge-item .num from --ink-faint
   (~1.7:1) to --ink-label (~6.5:1). All other rules unchanged
   from v3.

   Original v3 doc comment retained below.
   -------------------------------------------------------------
   Restraint pass over v2.

   Background:
     v2 added a hero coverage panel (right column with a 5-node
     orbital map + centered "30+ trades" content + 3-step bridge
     + status footer), a page-level fixed grid overlay, scene
     atmospheres for hero/trades/shapes/closing, a 3-step bridge
     after the trade constellation, an enhanced field-map at top
     of shapes section, and a 4-chip closing conversion row.

     v3 keeps the strongest moves and cuts the redundant ones.

   KEEP from v2:
     - Hero CTAs (Explore trade map / See operating shapes)
     - Hero coverage panel CONCEPT (right-column anchor)
     - Trade constellation styling tweaks
     - "Also supports:" long-tail row
     - The 01/02/03 bridge after the trade constellation
       (Trade name → Operating shape → Zaras workflow)
     - Per-section atmospheric scoping
     - Closing 4-chip conversion row (verbatim)

   FIX in v3:
     - 🚨 Hero panel: 5 perimeter nodes (Recurring/Break-fix/
       Project/Commercial/Seasonal) overlapped the centered
       "30+ trades" content card. Repositioned all 5 nodes to
       the actual corners/edges, well clear of the centered card.

   CUT from v2:
     - main::before page-level fixed grid overlay (consistent
       with platform v3 — the per-section tints already provide
       enough atmosphere; a wallpaper-grid behind everything
       turns the page into a noisy backdrop)
     - Hero panel 3-step "01 Trade / 02 Shape / 03 Workflow"
       row: this same information appears in the bridge after
       the trade constellation. The page stated 01/02/03 twice.
     - Hero panel-foot row (Field-service ready · Dispatch →
       Payment): redundant with the panel head's "Live fit
       model" status; removing it gives the panel air.

   TUNE from v2:
     - Hero panel core ("30+ trades") slightly larger / more
       prominent now that the orbital nodes are clear of it
     - Field-map (shapes section) atmosphere reduced ~25% so it
       reads as scene texture under the cards rather than as a
       second hero galaxy
     - Slightly increased breathing room around hero panel

   Loaded after field-map.v1.css and trade-constellation.v1.css
   so this file's tonal layer can sit over those components.
   All rules scoped under body[data-page="industries"].
   ============================================================= */

body[data-page="industries"] {
  overflow-x: clip;
  background:
    radial-gradient(ellipse 78% 58% at 76% 7%, rgba(118,199,178,0.085), transparent 58%),
    radial-gradient(ellipse 68% 48% at 16% 28%, rgba(212,136,106,0.045), transparent 64%),
    var(--bg);
}

body[data-page="industries"] main {
  position: relative;
  overflow: clip;
}

/* CUT: v2's main::before page-level fixed grid overlay (104px
   cells across the entire viewport). Same wallpaper effect we
   removed on platform v3 — the per-section atmospheric tints
   already supply more than enough texture. */

body[data-page="industries"] .hero,
body[data-page="industries"] .trades,
body[data-page="industries"] .workflow,
body[data-page="industries"] .closing {
  position: relative;
  isolation: isolate;
}

body[data-page="industries"] .hero::before,
body[data-page="industries"] .trades::before,
body[data-page="industries"] .workflow::before,
body[data-page="industries"] .closing::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  z-index: -1;
  pointer-events: none;
}

/* =========================================================
   HERO — trade coverage command panel
   ========================================================= */
body[data-page="industries"] .hero {
  min-height: clamp(620px, 78vh, 820px);
  padding-top: clamp(88px, 11vh, 132px);
  padding-bottom: clamp(72px, 10vh, 116px);
  display: flex;
  align-items: center;
}

body[data-page="industries"] .hero::before {
  background:
    radial-gradient(ellipse 54% 44% at 77% 40%, rgba(118,199,178,0.13), transparent 62%),
    radial-gradient(ellipse 52% 38% at 20% 70%, rgba(212,136,106,0.055), transparent 66%),
    linear-gradient(180deg, rgba(11,10,9,0) 0%, rgba(14,13,11,0.56) 100%);
}

.industries-hero-grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(360px, 0.76fr);
  align-items: center;
  gap: clamp(48px, 6vw, 86px);
}

.industries-hero-copy {
  min-width: 0;
}

body[data-page="industries"] .hero h1 {
  max-width: 14.5ch;
}

body[data-page="industries"] .hero-sub {
  max-width: 50ch;
}

body[data-page="industries"] .hero-actions {
  margin-top: 34px;
}

body[data-page="industries"] .hero-scroll-cue {
  margin-top: clamp(44px, 7vh, 84px);
}

.industries-hero-panel {
  position: relative;
  min-height: 460px;
  border: 1px solid rgba(255,250,240,0.095);
  border-radius: 20px;
  background:
    linear-gradient(180deg, rgba(19,17,15,0.92), rgba(10,14,14,0.72)),
    var(--bg-sub);
  overflow: hidden;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.055),
    0 34px 90px -54px rgba(0,0,0,0.9),
    0 0 0 1px rgba(118,199,178,0.025);
}

.industries-hero-panel::before {
  content: "";
  position: absolute;
  inset: -1px;
  pointer-events: none;
  background:
    radial-gradient(ellipse 74% 48% at 72% 12%, rgba(118,199,178,0.17), transparent 58%),
    radial-gradient(ellipse 52% 42% at 17% 86%, rgba(212,136,106,0.085), transparent 68%),
    linear-gradient(to right, rgba(255,250,240,0.035) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255,250,240,0.027) 1px, transparent 1px);
  background-size: auto, auto, 42px 42px, 42px 42px;
  opacity: 0.94;
}

.industries-hero-panel::after {
  content: "";
  position: absolute;
  inset: 18px;
  border: 1px solid rgba(118,199,178,0.12);
  border-radius: 15px;
  pointer-events: none;
  -webkit-mask-image: linear-gradient(135deg, black 0 16%, transparent 16% 26%, black 26% 74%, transparent 74% 84%, black 84% 100%);
          mask-image: linear-gradient(135deg, black 0 16%, transparent 16% 26%, black 26% 74%, transparent 74% 84%, black 84% 100%);
}

.industries-hero-panel-inner {
  position: relative;
  z-index: 1;
  min-height: 460px;
  padding: 22px;
  display: flex;
  flex-direction: column;
}

.industries-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ink-mute);
}

/* v3 CUT: panel-foot ("Field-service ready · Dispatch → Payment").
   Redundant with the panel-head's "Live fit model" status. The
   panel reads cleaner with one status row, not two. */
.industries-panel-foot { display: none; }

.industries-panel-head .name { color: var(--ink-sub); }
.industries-panel-head .status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--signal-ink);
}
.industries-panel-head .status::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--signal);
  box-shadow: 0 0 0 3px var(--signal-weak);
}

.industries-panel-map {
  position: relative;
  flex: 1;
  margin: 24px 0;
  border: 1px solid rgba(255,250,240,0.08);
  border-radius: 15px;
  background:
    radial-gradient(circle at 50% 50%, rgba(118,199,178,0.05), transparent 62%),
    radial-gradient(circle at 20% 72%, rgba(212,136,106,0.06), transparent 38%),
    linear-gradient(180deg, rgba(10,10,9,0.74), rgba(5,5,4,0.62));
  overflow: hidden;
}

.industries-panel-map::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(rgba(255,250,240,0.055) 1px, transparent 1px),
    conic-gradient(from 0deg at 50% 50%, transparent 0deg, rgba(118,199,178,0.12) 40deg, transparent 82deg, rgba(212,136,106,0.08) 142deg, transparent 196deg, rgba(118,199,178,0.10) 260deg, transparent 360deg);
  background-size: 20px 20px, auto;
  opacity: 0.8;
  -webkit-mask-image: radial-gradient(circle at 50% 50%, black 0%, transparent 74%);
          mask-image: radial-gradient(circle at 50% 50%, black 0%, transparent 74%);
}

.industries-panel-orbit,
.industries-panel-orbit::before,
.industries-panel-orbit::after {
  position: absolute;
  border: 1px solid rgba(118,199,178,0.12);
  border-radius: 999px;
  pointer-events: none;
}
.industries-panel-orbit {
  inset: 19% 12%;
  transform: rotate(-9deg);
}
.industries-panel-orbit::before,
.industries-panel-orbit::after { content: ""; }
.industries-panel-orbit::before {
  inset: 18% 19%;
  border-color: rgba(255,250,240,0.075);
  transform: rotate(36deg);
}
.industries-panel-orbit::after {
  inset: 34% 34%;
  border-color: rgba(212,136,106,0.16);
  transform: rotate(-18deg);
}

.industries-panel-node {
  position: absolute;
  display: grid;
  place-items: center;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--signal);
  box-shadow:
    0 0 0 4px rgba(118,199,178,0.10),
    0 0 28px rgba(118,199,178,0.18);
}
.industries-panel-node::after {
  content: attr(data-label);
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-family: var(--mono);
  font-size: 9px;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  color: var(--ink-sub);
  white-space: nowrap;
}
.industries-panel-node.warm {
  background: var(--warm);
  box-shadow:
    0 0 0 4px rgba(212,136,106,0.10),
    0 0 26px rgba(212,136,106,0.16);
}
/* v3: Repositioned all 5 nodes to corners/edges, clear of the
   centered core card (which occupies roughly the center 52%
   horizontally, 40-65% vertically). v2 had n1 at 27%/24% and
   n2 at 63%/30% — both inside the core's bounding box, causing
   labels to be obscured. Each node now sits in a corner or
   along an edge with margin from the core. */
.industries-panel-node.n1 { left: 18%; top: 12%; } /* Recurring  — top-left  */
.industries-panel-node.n2 { left: 82%; top: 18%; } /* Break-fix  — top-right */
.industries-panel-node.n3 { left: 86%; top: 78%; } /* Project    — btm-right */
.industries-panel-node.n4 { left: 50%; top: 88%; } /* Commercial — bottom    */
.industries-panel-node.n5 { left: 14%; top: 78%; } /* Seasonal   — btm-left  */

.industries-panel-core {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(52%, 210px);
  padding: 18px;
  border: 1px solid rgba(255,250,240,0.095);
  border-radius: 14px;
  background: rgba(10,10,9,0.72);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.045);
}
.industries-panel-core .eyebrow {
  display: block;
  font-family: var(--mono);
  font-size: 9px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--ink-mute);
}
.industries-panel-core strong {
  display: block;
  margin-top: 8px;
  font-size: 25px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--ink);
}
.industries-panel-core p {
  margin-top: 8px;
  color: var(--ink-sub);
  font-size: 12px;
  line-height: 1.45;
}

/* v3 CUT: panel-steps row inside the hero panel.
   The same 01/02/03 (Trade → Shape → Workflow) information
   appears in the .industries-bridge after the trade
   constellation — having it twice on the page made the hero
   panel feel overstuffed. Markup left intact (display:none on
   parent so all children collapse together). */
.industries-panel-steps { display: none; }
.industries-panel-step { display: none; }
.industries-panel-step .k { display: none; }
.industries-panel-step .v { display: none; }

/* =========================================================
   TRADES — constellation scene
   ========================================================= */
body[data-page="industries"] .trades {
  padding-top: clamp(92px, 10vw, 132px);
  padding-bottom: clamp(86px, 10vw, 124px);
  border-top-color: rgba(255,250,240,0.075);
}

body[data-page="industries"] .trades::before {
  background:
    radial-gradient(ellipse 58% 42% at 30% 18%, rgba(212,136,106,0.09), transparent 66%),
    radial-gradient(ellipse 60% 48% at 74% 44%, rgba(118,199,178,0.07), transparent 68%),
    linear-gradient(180deg, rgba(16,13,9,0.72) 0%, rgba(10,10,9,0.14) 100%);
}

body[data-page="industries"] .trades-head {
  max-width: none;
  grid-template-columns: minmax(0, 0.9fr) minmax(260px, 0.48fr);
  column-gap: clamp(36px, 7vw, 92px);
  align-items: end;
}

body[data-page="industries"] .trades-head .label,
body[data-page="industries"] .trades-head h2,
body[data-page="industries"] .trades-intro {
  grid-column: 1;
}

body[data-page="industries"] .trades-proof {
  grid-column: 2;
  grid-row: 1 / span 3;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: flex-end;
  min-height: 140px;
  padding: 18px;
  border: 1px solid rgba(255,250,240,0.08);
  border-radius: 16px;
  background:
    radial-gradient(ellipse 70% 52% at 86% 12%, rgba(118,199,178,0.10), transparent 64%),
    rgba(10,10,9,0.34);
  overflow: hidden;
}

body[data-page="industries"] .trades-proof::before {
  content: "30+";
  position: absolute;
  right: 14px;
  top: 8px;
  font-family: var(--sans);
  font-size: clamp(48px, 7vw, 92px);
  line-height: 1;
  letter-spacing: -0.07em;
  color: rgba(239,236,230,0.055);
}

body[data-page="industries"] .trade-constellation {
  border-color: rgba(255,250,240,0.12);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.045),
    0 36px 90px -68px rgba(0,0,0,0.95),
    0 0 0 1px rgba(212,136,106,0.025);
}

body[data-page="industries"] .trade-constellation::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse 46% 38% at 18% 24%, rgba(212,136,106,0.055), transparent 68%),
    radial-gradient(ellipse 44% 36% at 80% 68%, rgba(118,199,178,0.055), transparent 70%);
  mix-blend-mode: screen;
}

body[data-page="industries"] .trades-longtail {
  border-top: 1px solid rgba(255,250,240,0.065);
  background:
    linear-gradient(90deg, rgba(212,136,106,0.055), transparent 48%, rgba(118,199,178,0.045)),
    rgba(5,5,4,0.34);
}

.industries-bridge {
  position: relative;
  margin-top: 26px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: 1px solid rgba(255,250,240,0.08);
  border-radius: 16px;
  overflow: hidden;
  background: rgba(5,5,4,0.28);
}

.industries-bridge::before {
  content: "";
  position: absolute;
  left: 10%;
  right: 10%;
  top: 50%;
  height: 1px;
  background: linear-gradient(90deg, rgba(212,136,106,0.28), rgba(118,199,178,0.26), transparent);
  opacity: 0.5;
}

.industries-bridge-item {
  position: relative;
  z-index: 1;
  min-height: 104px;
  padding: 20px;
  border-right: 1px solid rgba(255,250,240,0.065);
  background: linear-gradient(180deg, rgba(255,255,255,0.018), transparent);
}
.industries-bridge-item:last-child { border-right: 0; }
.industries-bridge-item .num {
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.14em;
  color: var(--ink-label);
}
.industries-bridge-item strong {
  display: block;
  margin-top: 15px;
  color: var(--ink);
  font-size: 15px;
  letter-spacing: -0.01em;
}
.industries-bridge-item span:last-child {
  display: block;
  margin-top: 5px;
  color: var(--ink-mute);
  font-size: 12px;
  line-height: 1.45;
}

/* =========================================================
   OPERATING SHAPES — field map + tiles
   ========================================================= */
body[data-page="industries"] .workflow {
  padding-top: clamp(92px, 10vw, 128px);
  padding-bottom: clamp(92px, 10vw, 128px);
  border-top-color: rgba(255,250,240,0.075);
}

body[data-page="industries"] .workflow::before {
  background:
    radial-gradient(ellipse 62% 46% at 68% 12%, rgba(72,140,170,0.085), transparent 66%),
    radial-gradient(ellipse 58% 44% at 24% 72%, rgba(118,199,178,0.065), transparent 68%),
    linear-gradient(180deg, rgba(8,14,15,0.64) 0%, rgba(11,10,9,0.12) 100%);
}

body[data-page="industries"] .workflow-head {
  max-width: 70ch;
}

body[data-page="industries"] .field-map {
  border-color: rgba(255,250,240,0.10);
  border-radius: 18px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.030),
    0 30px 80px -60px rgba(0,0,0,0.85),
    0 0 0 1px rgba(118,199,178,0.018);
}

/* v3 TUNE: field-map atmosphere reduced ~25%. The trade
   constellation already operates as the page's visual centerpiece;
   another full-strength orbital scene above the operating-shape
   cards reads as a second galaxy. Field-map remains beautiful
   but now sits as scene texture under the cards. */
body[data-page="industries"] .field-map::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse 55% 40% at 50% 0%, rgba(118,199,178,0.045), transparent 68%),
    linear-gradient(180deg, transparent 70%, rgba(0,0,0,0.28));
}

body[data-page="industries"] .ops-grid {
  position: relative;
  border-color: rgba(255,250,240,0.075);
  background:
    radial-gradient(ellipse 80% 52% at 50% -10%, rgba(118,199,178,0.055), transparent 70%),
    rgba(5,5,4,0.18);
  box-shadow: 0 26px 80px -68px rgba(0,0,0,0.95);
}

body[data-page="industries"] .ops-grid::before {
  content: "";
  position: absolute;
  left: 24px;
  right: 24px;
  top: -18px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(118,199,178,0.28), transparent);
  opacity: 0.72;
}

body[data-page="industries"] .ops-tile {
  position: relative;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.016), transparent 52%);
  transition:
    background 260ms ease,
    border-color 260ms ease,
    transform 260ms cubic-bezier(.2,.6,.1,1);
}

body[data-page="industries"] .ops-tile::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(ellipse 80% 58% at 50% 0%, rgba(118,199,178,0.075), transparent 66%);
  transition: opacity 260ms ease;
}

body[data-page="industries"] .ops-tile:hover {
  transform: translateY(-2px);
  background: rgba(255,255,255,0.026);
}
body[data-page="industries"] .ops-tile:hover::before { opacity: 1; }

body[data-page="industries"] .ops-tile[data-shape="breakfix"]::before,
body[data-page="industries"] .ops-tile[data-shape="seasonal"]::before {
  background: radial-gradient(ellipse 80% 58% at 50% 0%, rgba(212,136,106,0.078), transparent 66%);
}

body[data-page="industries"] .ops-fit {
  background: linear-gradient(90deg, rgba(118,199,178,0.045), transparent 72%);
  margin-left: -2px;
  margin-right: -2px;
  padding-left: 2px;
  padding-right: 2px;
}

/* =========================================================
   CLOSING — trade fit conversion scene
   ========================================================= */
body[data-page="industries"] .closing {
  overflow: hidden;
}

body[data-page="industries"] .closing::before {
  background:
    radial-gradient(ellipse 54% 52% at 50% 72%, rgba(118,199,178,0.15), transparent 68%),
    radial-gradient(ellipse 48% 36% at 18% 30%, rgba(212,136,106,0.055), transparent 64%),
    linear-gradient(180deg, rgba(11,10,9,0.08) 0%, rgba(8,14,13,0.55) 100%);
}

.industries-closing-row {
  position: relative;
  margin-top: 44px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  max-width: 820px;
  border: 1px solid rgba(255,250,240,0.08);
  border-radius: 16px;
  overflow: hidden;
  background: rgba(5,5,4,0.26);
}

.industries-closing-row::before {
  content: "";
  position: absolute;
  left: 24px;
  right: 24px;
  top: 50%;
  height: 1px;
  background: linear-gradient(90deg, rgba(118,199,178,0.3), rgba(118,199,178,0.08));
  opacity: 0.54;
}

.industries-closing-row span {
  position: relative;
  z-index: 1;
  padding: 18px 16px;
  border-right: 1px solid rgba(255,250,240,0.06);
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.12em;
  color: var(--ink-sub);
  text-transform: uppercase;
}
.industries-closing-row span:last-child { border-right: 0; }
.industries-closing-row span::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 9px;
  border-radius: 50%;
  background: var(--signal);
  box-shadow: 0 0 0 3px var(--signal-weak);
  vertical-align: 1px;
}

/* =========================================================
   Motion + mobile
   ========================================================= */
@media (prefers-reduced-motion: no-preference) {
  .industries-panel-node {
    animation: industries-node-pulse 3.2s ease-in-out infinite;
  }
  .industries-panel-node.n2 { animation-delay: .35s; }
  .industries-panel-node.n3 { animation-delay: .7s; }
  .industries-panel-node.n4 { animation-delay: 1.05s; }
  .industries-panel-node.n5 { animation-delay: 1.4s; }
}

@keyframes industries-node-pulse {
  0%, 100% { transform: scale(1); opacity: .82; }
  50% { transform: scale(1.18); opacity: 1; }
}

@media (max-width: 1080px) {
  .industries-hero-grid {
    grid-template-columns: 1fr;
    gap: 42px;
  }
  body[data-page="industries"] .hero h1 {
    max-width: 18ch;
  }
  .industries-hero-panel {
    min-height: 380px;
  }
  .industries-hero-panel-inner {
    min-height: 380px;
  }
}

@media (max-width: 860px) {
  body[data-page="industries"] .trades-head {
    grid-template-columns: 1fr;
  }
  body[data-page="industries"] .trades-proof {
    grid-column: auto;
    grid-row: auto;
    min-height: 96px;
    align-items: center;
  }
  .industries-bridge,
  .industries-closing-row {
    grid-template-columns: 1fr;
  }
  .industries-bridge::before,
  .industries-closing-row::before {
    display: none;
  }
  .industries-bridge-item,
  .industries-closing-row span {
    border-right: 0;
    border-bottom: 1px solid rgba(255,250,240,0.06);
  }
  .industries-bridge-item:last-child,
  .industries-closing-row span:last-child {
    border-bottom: 0;
  }
}

@media (max-width: 620px) {
  body[data-page="industries"] .hero {
    min-height: auto;
    padding-top: 74px;
    padding-bottom: 54px;
  }
  .industries-hero-panel {
    min-height: 340px;
    border-radius: 16px;
  }
  .industries-hero-panel-inner {
    min-height: 340px;
    padding: 16px;
  }
  .industries-panel-head {
    font-size: 8.5px;
    letter-spacing: 0.1em;
  }
  .industries-panel-map {
    margin: 18px 0;
  }
  .industries-panel-node::after {
    display: none;
  }
  .industries-panel-core {
    width: 68%;
    padding: 14px;
  }
  .industries-panel-core strong {
    font-size: 22px;
  }
  /* v3: panel-steps and panel-foot are display:none above —
     no mobile-specific overrides needed. */
  body[data-page="industries"] .trades,
  body[data-page="industries"] .workflow {
    padding-top: 68px;
    padding-bottom: 72px;
  }
  .industries-bridge-item {
    min-height: auto;
  }
  body[data-page="industries"] .ops-tile:hover {
    transform: none;
  }
}