/* Each real product appears over its own hotel setting. Photography, rather than
   a color wash, carries the section's tone; gradients protect only the copy. */
.showcase-grid>.showcase{--scene-tint:rgba(0,0,0,0);background-size:cover}
.showcase-grid>.showcase--hospad{background-image:url('assets/scene-hospad-lobby.jpg');background-position:center 51%;background-color:#3d2d23}
.showcase-grid>.showcase--access{background-image:url('assets/scene-access-corridor.jpg');background-position:center 50%;background-color:#694f38}
.showcase-grid>.showcase--miniapp{background-image:url('assets/scene-miniapp-suite.jpg');background-position:center 54%;background-color:#555c53}
.showcase-grid>.showcase--breakfast{background-image:url('assets/scene-breakfast-restaurant.jpg');background-position:center 51%;background-color:#554637}
.showcase-grid>.showcase--safety{background-image:url('assets/scene-safety-stone-forest.jpg');background-position:center 54%;background-color:#1b2a3d}
.showcase-grid>.showcase--hos-system{background-image:url('assets/scene-hos-library.jpg');background-position:center 52%;background-color:#33252f}

/* The door cutout is the original product asset, mounted against the new corridor. */
.showcase-grid>.showcase--access::before{display:block}
.showcase-grid>.showcase--access::after{display:none}
.showcase--access .showcase-media{z-index:1}
.showcase--access .showcase-media img{
  position:absolute;
  left:clamp(82px,15vw,244px);
  bottom:3%;
  width:auto;
  height:84%;
  max-height:none;
  object-fit:contain;
  object-position:bottom center;
  filter:drop-shadow(12px 18px 20px rgba(25,18,13,.32));
}
.showcase--access .showcase-copy,.showcase--access .showcase-foot{z-index:2}

@media(max-width:760px){
  .showcase-grid>.showcase--hospad{background-position:38% center}
  .showcase-grid>.showcase--access{background-position:35% center}
  .showcase-grid>.showcase--miniapp{background-position:54% center}
  .showcase-grid>.showcase--breakfast{background-position:35% center}
  .showcase-grid>.showcase--safety{background-position:54% center}
  .showcase-grid>.showcase--hos-system{background-position:43% center}
  .showcase--access .showcase-media img{
    top:31%;
    bottom:auto;
    left:9%;
    height:55%;
  }
  .showcase--access .showcase-foot{margin-top:auto}
}