/* MAS visual interaction refinement — 2026-10-23. Overrides legacy theme rules. */
:root{scroll-behavior:smooth}
body:is(.v1,.v2,.v3) .site-footer a.mas-social-cta,
body:is(.v1,.v2,.v3) .site-footer a.mas-social-cta:visited,
body:is(.v1,.v2,.v3) .site-footer a.mas-social-cta span{
  color:#fff !important; -webkit-text-fill-color:#fff !important;
  opacity:1 !important; text-shadow:none !important;
}
body:is(.v1,.v2,.v3) .site-footer a.mas-social-cta{
  background:#087b48 !important; border:1px solid #087b48 !important;
  box-shadow:0 8px 23px rgba(0,99,53,.18) !important;
  font-size:clamp(.88rem,1vw,.96rem) !important;
  font-weight:800 !important; line-height:1.25 !important;
  padding:13px 18px !important; min-height:50px !important;
  transition:transform .28s ease, background-color .28s ease, box-shadow .28s ease !important;
}
body:is(.v1,.v2,.v3) .site-footer a.mas-social-cta svg{
  width:23px !important;height:23px !important;color:#fff !important;
  fill:#fff !important;opacity:1 !important;
}
body:is(.v1,.v2,.v3) .site-footer a.mas-social-cta:hover,
body:is(.v1,.v2,.v3) .site-footer a.mas-social-cta:focus-visible{
  color:#fff !important;background:#05643a !important;
  transform:translateY(-3px) !important;
  box-shadow:0 13px 26px rgba(0,99,53,.26) !important;
}
body:is(.v1,.v2,.v3) .site-footer a.mas-social-cta:focus-visible{
  outline:3px solid #efc060 !important;outline-offset:3px !important;
}
/* Distinct immersive V1 slideshow */
body.v1 .hero-v1-visual .hero-slide{transform:scale(1.025);transition:opacity 1.35s ease,transform 8s ease;will-change:opacity,transform}
body.v1 .hero-v1-visual .hero-slide.active{transform:scale(1)}
body.v1 .hero-v1-visual .hero-slide.active img{animation:masHeroKenBurns 13s ease-in-out infinite alternate}
@keyframes masHeroKenBurns{from{transform:scale(1.02) translateY(0)}to{transform:scale(1.09) translateY(-1.5%)}}
/* V2 has a different composition: an auto-crossfading close-up sequence */
body.v2 .hero-v2-main{position:relative !important;isolation:isolate;min-height:400px !important;overflow:hidden !important;}
body.v2 .hero-v2-main .mas-v2-slide{
  position:absolute;inset:0;opacity:0;z-index:0;
  transition:opacity 1.3s ease;pointer-events:none;
}
body.v2 .hero-v2-main .mas-v2-slide.is-active{opacity:1;z-index:1}
body.v2 .hero-v2-main .mas-v2-slide picture{height:100%;width:100%;display:block}
body.v2 .hero-v2-main .mas-v2-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.01)}
body.v2 .hero-v2-main .mas-v2-slide.is-active img{animation:masV2SlowPan 8s ease-in-out both}
body.v2 .hero-v2-photos .hero-v2-small picture{display:block;height:100%;width:100%}
body.v2 .hero-v2-photos .hero-v2-small img{width:100%;height:100%;object-fit:cover}
@keyframes masV2SlowPan{from{transform:scale(1.015) translateX(0)}to{transform:scale(1.085) translateX(-1%)}}
/* Section entrances and interactive cards */
body:is(.v1,.v2,.v3) .hero-actions>.btn,
body:is(.v1,.v2,.v3) .header-cta{
  transition:transform .26s ease, box-shadow .26s ease, background-color .26s ease !important;
}
body:is(.v1,.v2,.v3) .hero-actions>.btn:hover,
body:is(.v1,.v2,.v3) .header-cta:hover{
  transform:translateY(-3px) !important;box-shadow:0 16px 28px rgba(0,24,45,.21) !important;
}
body:is(.v1,.v2,.v3) .service-card,
body:is(.v1,.v2,.v3) .subservice,
body:is(.v1,.v2,.v3) .special-card{
  transition:transform .36s cubic-bezier(.18,.7,.2,1),box-shadow .36s ease !important;
}
body:is(.v1,.v2,.v3) .service-card:hover,
body:is(.v1,.v2,.v3) .subservice:hover,
body:is(.v1,.v2,.v3) .special-card:hover{
  transform:translateY(-5px) !important;box-shadow:0 20px 35px rgba(7,39,62,.14) !important;
}
body:is(.v1,.v2,.v3) .marquee-track{animation:marquee 36s linear infinite !important}
body:is(.v1,.v2,.v3) .marquee{overflow:hidden !important}
body:is(.v1,.v2,.v3) .reveal{transition:opacity .68s ease,transform .68s cubic-bezier(.18,.7,.2,1) !important}
@media(max-width:920px){body.v2 .hero-v2-main{min-height:300px !important}}
@media(max-width:650px){body.v2 .hero-v2-main{min-height:240px !important}}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto !important}
 body:is(.v1,.v2,.v3) .marquee-track,
 body:is(.v1,.v2,.v3) .hero-slide img,
 body:is(.v1,.v2,.v3) .mas-v2-slide img{animation:none !important}
 body:is(.v1,.v2,.v3) .hero-slide,
 body:is(.v1,.v2,.v3) .mas-v2-slide,
 body:is(.v1,.v2,.v3) .reveal,
 body:is(.v1,.v2,.v3) .service-card,
 body:is(.v1,.v2,.v3) .subservice,
 body:is(.v1,.v2,.v3) .special-card{transition:none !important;transform:none !important}
}