/* Capabilities hero: a physical manufacturing cell synchronized with its digital twin. */
body[data-market-page="capabilities"] .jzm-hero--capabilities {
  min-block-size: calc(100svh - 76px);
  isolation: isolate;
  background: var(--jz-ink-900);
}

body[data-market-page="capabilities"] .jzm-hero--capabilities::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  background: url("/assets/jazarion_site/jazarion/r20260816a/hero/jazarion-capabilities-engineering-hero-v1.png?v=1") center / cover no-repeat;
  transform-origin: center;
}

body[data-market-page="capabilities"] .jzm-hero--capabilities::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  inline-size: auto;
  aspect-ratio: auto;
  border: 0;
  border-radius: 0;
  background:
    linear-gradient(90deg, rgba(5, 11, 18, .99) 0%, rgba(5, 11, 18, .97) 33%, rgba(5, 11, 18, .68) 58%, rgba(5, 11, 18, .2) 100%),
    linear-gradient(180deg, rgba(5, 11, 18, .18), rgba(5, 11, 18, .5));
  box-shadow: none;
  pointer-events: none;
}

[dir="rtl"] body[data-market-page="capabilities"] .jzm-hero--capabilities::before {
  transform: scaleX(-1);
}

[dir="rtl"] body[data-market-page="capabilities"] .jzm-hero--capabilities::after {
  background:
    linear-gradient(270deg, rgba(5, 11, 18, .99) 0%, rgba(5, 11, 18, .97) 33%, rgba(5, 11, 18, .68) 58%, rgba(5, 11, 18, .2) 100%),
    linear-gradient(180deg, rgba(5, 11, 18, .18), rgba(5, 11, 18, .5));
}

body[data-market-page="capabilities"] .jzm-hero--capabilities .jzm-hero__inner {
  z-index: 2;
  min-block-size: calc(100svh - 76px);
  align-items: end;
  gap: clamp(38px, 5vw, 72px);
  padding-block: 96px 62px;
}

body[data-market-page="capabilities"] .jzm-hero--capabilities .jzm-hero__copy {
  text-shadow: 0 2px 28px rgba(0, 0, 0, .32);
}

body[data-market-page="capabilities"] .jzm-hero--capabilities .jzm-hero__panel {
  border-color: rgba(102, 238, 241, .3);
  background: rgba(5, 18, 27, .8);
  box-shadow: 0 22px 70px rgba(0, 0, 0, .34);
}

@media (min-width: 861px) {
  html[lang="ru"] body[data-market-page="capabilities"] .jzm-hero--capabilities h1 {
    font-size: clamp(46px, 6vw, 76px);
  }
}

@media (max-width: 860px) {
  body[data-market-page="capabilities"] .jzm-hero--capabilities::after {
    background:
      linear-gradient(90deg, rgba(5, 11, 18, .98), rgba(5, 11, 18, .82) 70%, rgba(5, 11, 18, .52)),
      linear-gradient(180deg, rgba(5, 11, 18, .14), rgba(5, 11, 18, .58));
  }

  [dir="rtl"] body[data-market-page="capabilities"] .jzm-hero--capabilities::after {
    background:
      linear-gradient(270deg, rgba(5, 11, 18, .98), rgba(5, 11, 18, .82) 70%, rgba(5, 11, 18, .52)),
      linear-gradient(180deg, rgba(5, 11, 18, .14), rgba(5, 11, 18, .58));
  }

  body[data-market-page="capabilities"] .jzm-hero--capabilities .jzm-hero__inner {
    align-content: end;
    gap: 28px;
    padding-block: 84px 46px;
  }
}

@media (max-width: 640px) {
  body[data-market-page="capabilities"] .jzm-hero--capabilities,
  body[data-market-page="capabilities"] .jzm-hero--capabilities .jzm-hero__inner {
    min-block-size: auto;
  }

  body[data-market-page="capabilities"] .jzm-hero--capabilities::before {
    background-position: 61% center;
  }

  [dir="rtl"] body[data-market-page="capabilities"] .jzm-hero--capabilities::before {
    background-position: 39% center;
  }

  body[data-market-page="capabilities"] .jzm-hero--capabilities::after,
  [dir="rtl"] body[data-market-page="capabilities"] .jzm-hero--capabilities::after {
    background: linear-gradient(180deg, rgba(5, 11, 18, .82), rgba(5, 11, 18, .96) 58%, rgba(5, 11, 18, .99));
  }

  body[data-market-page="capabilities"] .jzm-hero--capabilities .jzm-hero__inner {
    padding-block: 58px 40px;
  }
}