/**
 * Desktop (≥1025px): CSS zoom 0.8 matches Framer at 80% browser zoom.
 * Do not rewrite .sfs-root / .sfs-panel vh heights here — that breaks the
 * sticky “Internet of Things” slide track. Slide heights are set in JS.
 *
 * Mobile/tablet (≤1024px): no zoom.
 */

/* Hero — full-bleed background to top (Framer caps image/video width & inset). */
div[data-framer-name="Hero"] {
  overflow: hidden !important;
}

div[data-framer-name="Hero"] .framer-183jn0o,
div[data-framer-name="Hero"]
  [data-framer-name="Connected smart factory with robotic arms and industrial IoT data network"] {
  max-width: none !important;
  width: 100% !important;
  inset: 0 !important;
  left: 0 !important;
  right: 0 !important;
  top: -72px !important;
  height: calc(100% + 72px) !important;
  min-height: calc(100% + 72px) !important;
}

div[data-framer-name="Hero"] .framer-183jn0o img,
div[data-framer-name="Hero"] [data-framer-background-image-wrapper] img {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
}

section[data-framer-name="BG Video"] {
  overflow: hidden !important;
  inset: 0 !important;
  top: -72px !important;
  height: calc(100% + 72px) !important;
  min-height: calc(100% + 72px) !important;
}

section[data-framer-name="BG Video"] .framer-1onqn7i-container {
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
}

section[data-framer-name="BG Video"] .framer-14m59kd {
  width: 100% !important;
  height: 100% !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
}

section[data-framer-name="BG Video"] video {
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
}

@media (min-width: 1025px) {
  html[data-metayb-iot-fit="1"] {
    zoom: 0.8 !important;
    background: #020c20;
  }

  html[data-metayb-iot-fit="1"] body {
    overflow-x: hidden;
    overflow-y: auto;
    background: #020c20;
  }

  /* Nav sits inside zoomed html — counter-scale so it matches Cyber / Data Analytics. */
  html[data-metayb-iot-fit="1"] #mn-container {
    zoom: 1.25 !important;
  }

  html[data-metayb-iot-fit="1"] #main {
    margin-top: 0 !important;
    width: 100% !important;
    max-width: none !important;
  }
}

@media (max-width: 1024px) {
  html,
  html[data-metayb-iot-fit],
  html[data-metayb-iot-fit="1"] {
    zoom: 1 !important;
  }

  html[data-metayb-iot-fit] #main,
  html[data-metayb-iot-fit="1"] #main {
    zoom: 1 !important;
    width: auto !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}