/* v5.6 – photographic rendering only; keep site colors, typography, blocks and buttons. */
/* The media is now anchored directly to the viewport-wide hero, not its content wrapper. */
.service-detail-hero.service-immersive { min-height:615px!important; background:#f3efec!important; }
.service-immersive>.service-detail-photo {
    position:absolute!important;inset:0 0 0 auto!important;
    width:min(65%,1536px)!important;max-width:1536px!important;height:100%!important;
    overflow:hidden!important;z-index:0!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.67) 11%,#000 31%)!important;
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.67) 11%,#000 31%)!important;
}
.service-immersive>.service-detail-photo img {
    width:100%!important;height:100%!important;object-fit:cover!important;
    object-position:50% 46%!important;max-width:100%!important;
    image-rendering:auto!important;transform:none!important;
}
.service-immersive::before { background:linear-gradient(90deg,
    rgba(248,245,241,1) 0%,rgba(248,245,241,.97) 21%,
    rgba(248,245,241,.78) 39%,rgba(248,245,241,.10) 66%,transparent 85%)!important;
}
.service-immersive>.service-detail-layout {
    position:relative!important;z-index:3!important;min-height:615px!important;
    max-width:1510px!important;
}
/* Source framing for low-resolution panoramas: preserve moderate scale and focus. */
.service-immersive>.service-detail-photo[data-image-for="sound"],
.service-immersive>.service-detail-photo[data-image-for="retrofit"]{max-width:1280px!important}
.service-immersive>.service-detail-photo[data-image-for="sound"] img,
.service-immersive>.service-detail-photo[data-image-for="retrofit"] img{object-position:center center!important}
@media(max-width:800px){
 .service-detail-hero.service-immersive { min-height:735px!important; }
 .service-immersive>.service-detail-layout{min-height:735px!important;padding:42px 0 300px!important}
 .service-immersive>.service-detail-photo{
   top:auto!important;bottom:0!important;right:0!important;left:0!important;
   width:100%!important;max-width:none!important;height:46%!important;
   -webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.8) 23%,#000 56%)!important;
   mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.8) 23%,#000 56%)!important;
 }
 .service-immersive>.service-detail-photo img{object-position:center 50%!important}
 .service-immersive::before{background:linear-gradient(180deg,
     rgba(248,245,241,1) 0%,rgba(248,245,241,1) 31%,
     rgba(248,245,241,.84) 46%,rgba(248,245,241,.18) 77%,transparent 100%)!important}
}
@media(max-width:560px){
 .service-detail-hero.service-immersive{min-height:735px!important}
 .service-immersive>.service-detail-layout{min-height:735px!important;padding:34px 0 310px!important}
 .service-immersive>.service-detail-photo{height:42%!important}
}