/* IUBOS V15.6 — Mobile hero: one coherent photograph, with the steel cables,
   overhead trolley and the spreader all physically connected. The previous
   individual line overlays were unreliable when the picture was responsive. */
@media (max-width:850px) {

  .iubos-photo-static-hero .iubos-fixed-port,
  .iubos-photo-static-hero .iubos-load-rig,
  .iubos-photo-static-hero .iubos-airplane-flight {display:none!important;}
  .iubos-photo-static-hero .iubos-mobile-stage-v152 {
    background: #061626;
    overflow:hidden;
  }
  .iubos-photo-static-hero .iubos-mobile-stage-bg-v152 {
    background: #061626 url('../img/iubos-hero-mobile-v157.webp') center center / cover no-repeat !important;
    filter: brightness(.94) saturate(.97) !important;
    transform-origin:center center;
    animation: iubosSceneV156 3.8s cubic-bezier(.18,.48,.19,1) both;
  }
  /* Hide the mismatched old pieces: no more ropes floating above the winches. */
  .iubos-photo-static-hero .iubos-mobile-cables-v155,
  .iubos-photo-static-hero .iubos-mobile-cables-v154,
  .iubos-photo-static-hero .iubos-mobile-bridge-front-v155,
  .iubos-photo-static-hero .iubos-mobile-plane-v152,
  .iubos-photo-static-hero .iubos-mobile-load-v152 {display:none!important;}
  .iubos-photo-static-hero .iubos-mobile-stage-v152::after {
    background:linear-gradient(180deg,rgba(3,14,28,.02),transparent 58%,rgba(2,10,22,.14)) !important;
  }
}
@keyframes iubosSceneV156 {
  0% {opacity:.77;transform:scale(1.025)}
  100% {opacity:1;transform:scale(1)}
}
@media (max-width:850px) and (prefers-reduced-motion:reduce) {
 .iubos-photo-static-hero .iubos-mobile-stage-bg-v152 {animation:none!important;opacity:1!important;transform:none!important;}
}

/* Tablet: show the entire connected mechanism instead of cutting the logo/plane
   off-screen. Soft wide image fills the margins, original sharp scene stays centered. */
@media (min-width:601px) and (max-width:850px) {
  .iubos-photo-static-hero .iubos-mobile-stage-v152 {
    background:#061626 url('../img/iubos-hero-mobile-v157.webp') center / cover no-repeat;
  }
  .iubos-photo-static-hero .iubos-mobile-stage-v152::before {
    content:'';position:absolute;inset:-12px;z-index:0;pointer-events:none;
    background: url('../img/iubos-hero-mobile-v157.webp') center / cover no-repeat;
    filter:blur(14px) brightness(.45) saturate(.75);
  }
  .iubos-photo-static-hero .iubos-mobile-stage-bg-v152 {
    background-size:contain!important;
    background-repeat:no-repeat!important;
    background-color:transparent!important;
    z-index:1;
  }
}