/* Cold Aisle journey: replace the old rack cut-out behind the mobile/static hero with the Blender render. */
@media (max-width: 900px), (pointer: coarse) and (max-width: 1180px) {
  .gcp-flow-page .gcp-hero-visual {
    border: 1px solid rgba(112, 207, 234, 0.16);
    border-radius: 0.8rem;
    background:
      linear-gradient(0deg, #05101ba8, transparent 40%),
      url('/assets/images/cold-aisle-fallback-4k-640.webp') center 18% / cover no-repeat;
    background-image:
      linear-gradient(0deg, #05101ba8, transparent 40%),
      image-set(url('/assets/images/cold-aisle-fallback-4k-640.webp') 1x, url('/assets/images/cold-aisle-fallback-4k-1280.webp') 2x);
  }
}

.cold-aisle-hero-loop { display: none; }
@media (max-width: 900px), (pointer: coarse) and (max-width: 1180px) {
  .gcp-flow-page .gcp-hero-visual { position: relative; overflow: hidden; }
  .cold-aisle-hero-loop {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 32%;
    border-radius: inherit;
  }
}