/* Photographic cutouts share the banner background and keep the original frame. */
.promotion-slide.oasis-food-cutout{background:#4c0404 url('assets/oasis/palms.svg') center/cover}
.promotion-slide.oasis-food-cutout .photo{display:block;inset:0 -2% 0 auto;width:64%;height:100%;background:transparent;overflow:visible}
.promotion-slide.oasis-food-cutout .photo img{position:static;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center;mask-image:none;transform:none;filter:saturate(1.28) contrast(1.06) drop-shadow(0 14px 15px #21080566)}
.promotion-slide.oasis-food-cutout .hero-shade{display:block;z-index:1;background:linear-gradient(90deg,#4c040466 0%,#4c040422 34%,transparent 53%)}
.promotion-slide.oasis-food-cutout .oasis-hero-copy{width:43%}
@media(max-width:700px){
 .menu-page .promotions{height:auto;min-height:0;aspect-ratio:941/804}
 .menu-page .promotion-slide.oasis-food-cutout .photo{display:block;inset:16% -9% auto auto;width:70%;height:85%;opacity:1}
 .menu-page .promotion-slide.oasis-food-cutout .photo img{position:static;width:100%;height:100%;object-fit:contain;object-position:center;mask-image:none;transform:none}
 .menu-page .promotion-slide.oasis-food-cutout .hero-shade{display:block;background:linear-gradient(90deg,#4c040422,transparent 45%)}
 .menu-page .promotion-slide.oasis-food-cutout .oasis-hero-copy{width:43%;top:34%;left:5%}
 .menu-page .oasis-food-cutout .oasis-hero-copy h1{text-shadow:0 2px 6px #3d0b0b55}
 .menu-page .promotion-slide:not(.oasis-food-cutout)>.photo{display:block}
 .menu-page .promotion-slide:not(.oasis-food-cutout)>.photo img{inset:0;width:100%;height:100%;object-fit:cover;mask-image:none}
}