/* Replay on viewport re-entry; content remains visible without JavaScript. */
#about .content{opacity:1;transform:none}
#about .content p span{opacity:1;animation:none}
.scroll-enter{opacity:0!important;transform:translateY(22px)!important;transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)!important;transition-delay:0s!important}
.scroll-enter.scroll-visible{opacity:1!important;transform:none!important}
@media(prefers-reduced-motion:reduce){.scroll-enter,.hero .content,.hero-2 .content,.service,#contact{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}}

.scroll-enter.scroll-initializing{transition:none!important}
/* Shared Process-style hover. Separate translate preserves scroll reveal transforms. */
#services .service,.career-grid .career-card,.card,.option{transition:opacity .65s ease,transform .65s ease,translate .3s ease,box-shadow .3s ease,border-color .3s ease!important}
#services .service .svc-media{overflow:hidden}
#services .service .svc-media img,.card>img{transform:scale(1.02);transition:transform .5s ease,filter .5s ease;filter:none}
.card>img{clip-path:inset(0);transform-origin:center}
@media(hover:hover) and (pointer:fine){
 #services .service:hover,.career-grid .career-card:hover,.card:hover,.option:hover{translate:0 -6px;box-shadow:0 14px 28px rgba(0,0,0,.24);border-color:#c2b19a}
 #services .service:hover .svc-media img,.card:hover>img{transform:scale(1.06);filter:none}
 #services .service:hover::before{opacity:0}
}
@media(hover:none){#services .service:hover,.career-grid .career-card:hover,.card:hover,.option:hover{translate:none}}
@media(prefers-reduced-motion:reduce){
 #services .service,.career-grid .career-card,.card,.option,#services .service .svc-media img,.card>img{transition:none!important}
 #services .service:hover,.career-grid .career-card:hover,.card:hover,.option:hover{translate:none}
 #services .service .svc-media img,.card>img,.career-grid .career-card:hover::before{transform:none!important}
}