/* Dju2smooth approved homepage artwork integration. */
body.home-art-active{background:#000}
.home-art-hero{position:relative;margin:0;padding:0;background:#000;overflow:hidden}
.home-art-canvas{position:relative;width:100%;max-width:none;margin:0;background:#000;line-height:0}
.home-art-canvas>img{display:block;width:100%;height:auto;max-width:none;margin:0;object-fit:contain;object-position:center top}
.home-art-hotspots{position:absolute;inset:0;z-index:4;pointer-events:none}
.home-art-hotspot{position:absolute;display:block;pointer-events:auto;background:transparent;border:0;border-radius:8px;text-decoration:none;color:transparent;line-height:1}
.home-art-hotspot:focus-visible{outline:3px solid #ffd45a;outline-offset:2px;background:rgba(255,212,90,.08)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Visual-navigation hit areas are percentages so they stay aligned while the image scales. */
.art-logo{left:2.1%;top:.5%;width:13.8%;height:17.8%}
.art-home{left:21.2%;top:2.5%;width:5.3%;height:6.6%}
.art-about{left:27.2%;top:2.5%;width:5.5%;height:6.6%}
.art-services{left:33.2%;top:2.5%;width:7.2%;height:6.6%}
.art-music{left:41.4%;top:2.5%;width:5.5%;height:6.6%}
.art-videos{left:48.0%;top:2.5%;width:5.7%;height:6.6%}
.art-gallery{left:54.4%;top:2.5%;width:6.2%;height:6.6%}
.art-booking{left:61.8%;top:2.5%;width:8.0%;height:6.6%}
.art-contact{left:69.8%;top:2.5%;width:7.1%;height:6.6%}
.art-top-book{left:85.2%;top:2.2%;width:13.2%;height:7.4%}
.art-main-book{left:8.0%;top:68.8%;width:15.8%;height:7.5%}
.art-watch-video{left:25.0%;top:68.8%;width:14.4%;height:7.5%}
.art-card-services{left:4.8%;top:85.8%;width:21.0%;height:13.7%}
.art-card-music{left:25.7%;top:85.8%;width:23.4%;height:13.7%}
.art-card-videos{left:49.1%;top:85.8%;width:22.5%;height:13.7%}
.art-card-booking{left:71.6%;top:85.8%;width:23.4%;height:13.7%}

/* Recovery rule: always keep the REAL website header visible.
   The approved artwork contains a decorative header image, but visitors must
   always have the actual working navigation/buttons above it. */
body.home-art-active>.header{display:block!important}
@media(max-width:900px){
  .home-art-canvas>img{width:100%;height:auto;object-fit:contain}
  .home-art-hotspot.nav-zone{display:none}
}

/* While Design Mode is active, show the invisible click zones so they can be selected safely. */
body.p203-design-on .home-art-hotspot{outline:1px dashed rgba(212,175,55,.72);background:rgba(212,175,55,.055)}

/* Push #20.5.11 recovery: approved artwork is isolated from legacy .hero filters. */
.home-art-hero{filter:none!important;transform:none;min-height:0!important}
.home-art-hero .home-art-canvas>img{filter:none!important;transform:none!important}
body.home-art-load-failed>.header{display:block!important}