/* Local service cards: lightweight PC hover, no layout changes or JS. */
#services .service:focus-within,#services .special:focus-visible{border-color:#ff942f;box-shadow:0 0 0 1px rgba(255,148,47,.22)}
@media(hover:hover) and (pointer:fine){
 #services .service,#services .special{transition:transform 220ms ease,border-color 220ms ease,box-shadow 220ms ease}
 #services .service img,#services .special img{transition:filter 220ms ease}
 #services .service h3,#services .special h3{transition:color 220ms ease}
 #services .service a,#services .special em{transition:transform 220ms ease,color 220ms ease}
 #services .service:hover,#services .service:focus-within,#services .special:hover,#services .special:focus-visible{transform:translateY(-5px);border-color:#ff942f;box-shadow:0 16px 30px rgba(0,0,0,.4),0 0 22px rgba(255,148,47,.13)}
 #services .service:hover img,#services .service:focus-within img,#services .special:hover img,#services .special:focus-visible img{filter:brightness(1.1) saturate(1.04)}
 #services .service:hover h3,#services .service:focus-within h3,#services .special:hover h3,#services .special:focus-visible h3{color:#ffb36f}
 #services .service:hover a,#services .service:focus-within a,#services .special:hover em,#services .special:focus-visible em{transform:translateX(4px);color:#ffb36f}
}
@media(prefers-reduced-motion:reduce){
 #services .service,#services .special,#services .service img,#services .special img,#services .service h3,#services .special h3,#services .service a,#services .special em{transition:none}
 #services .service:hover,#services .service:focus-within,#services .special:hover,#services .special:focus-visible,#services .service:hover a,#services .service:focus-within a,#services .special:hover em,#services .special:focus-visible em{transform:none}
}

/* Owner: softly veil card 01 like the quieter service-advice photo. */
#services .service:first-child{position:relative}
#services .service:first-child:before{content:"";position:absolute;top:0;left:0;width:100%;aspect-ratio:2/1;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(40,43,46,.13),rgba(16,17,18,.2) 60%,rgba(16,17,18,.38))}
#services .service:first-child img{filter:brightness(.84) saturate(.88) contrast(.96)}
@media(hover:hover) and (pointer:fine){#services .service:first-child:hover img,#services .service:first-child:focus-within img{filter:brightness(.93) saturate(.94) contrast(.98)}}