/* MIRA v7: fullscreen artwork only; preserve all clickable elements as HTML. */
.page-shell{
 background:#06465b;
}
.page-shell .scene{
 top:0;right:0;bottom:0;left:0;
 width:100%;height:100%;
 background-image:
   linear-gradient(90deg,rgba(2,35,52,.42) 0%,rgba(2,37,54,.16) 34%,transparent 62%),
   linear-gradient(0deg,rgba(3,45,62,.42) 0%,transparent 32%),
   url('assets/mira-hero-v7.webp');
 background-position:center center,center center,center 50%;
 background-repeat:no-repeat;
 background-size:100% 100%,100% 100%,cover;
 -webkit-mask-image:none;mask-image:none;
 -webkit-mask-composite:initial;mask-composite:initial;
 opacity:1;filter:none;
 pointer-events:none;
}
/* Left ribbon was abrupt on wide screens: remove it, including earlier decorative haze. */
.page-shell .v6-ribbon,.page-shell .ambient-orb{display:none!important}
.page-shell:after{display:none!important}
.page-shell:before{background:linear-gradient(90deg,rgba(0,31,48,.12),transparent 52%)}
.page-shell .nav-pill,.page-shell .location-pill,.page-shell .service-tile,.page-shell .advantages{
 -webkit-backdrop-filter:blur(9px) saturate(1.1);
 backdrop-filter:blur(9px) saturate(1.1);
}
/* Keep labels readable on the detailed background. */
.page-shell .hero-content h1,.page-shell .hero-content .lead{
 text-shadow:0 2px 12px rgba(0,22,39,.53)
}
.page-shell .service-tile{background:linear-gradient(135deg,rgba(27,109,129,.56),rgba(5,61,80,.56));}
.page-shell .advantages{background:linear-gradient(125deg,rgba(5,77,92,.63),rgba(5,67,79,.63))}
@media(max-width:1099px){
 .page-shell .scene{inset:0;width:100%;height:100%;background-position:center,center,56% center}
}
@media(max-width:730px){
 .page-shell .scene{
  inset:0;width:100%;height:100%;opacity:1;
  background-image:linear-gradient(180deg,rgba(0,34,52,.68),rgba(0,41,56,.54) 42%,rgba(0,35,48,.77)),url('assets/mira-hero-v7.webp');
  background-position:center,58% center;
  background-size:100% 100%,cover;
 }
}