@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){
.service-card,.page-tile,.work-tile,.project-card{position:relative;isolation:isolate;overflow:hidden}
.service-card::before,.page-tile::before,.work-tile::before,.project-card::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;background:radial-gradient(360px circle at var(--spot-x,50%) var(--spot-y,50%),rgba(112,157,204,.19),rgba(217,231,247,.08) 38%,transparent 72%);transition:opacity .35s ease}
.service-card:hover::before,.page-tile:hover::before,.work-tile:hover::before,.project-card:hover::before,.service-card:focus-within::before,.page-tile:focus-visible::before,.work-tile:focus-visible::before,.project-card:focus-visible::before{opacity:1}
.service-card>*,.page-tile>*,.work-tile>*{position:relative;z-index:1}.project-card>img{position:relative;z-index:1}.project-card>.project-category,.project-card>.project-label,.project-card>.project-arrow{z-index:2}
.action{translate:var(--magnetic-x,0px) var(--magnetic-y,0px);transition:translate .28s cubic-bezier(.2,.7,.3,1),padding .5s cubic-bezier(.2,.7,.3,1),transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s ease,background-color .3s ease}
.action:hover{box-shadow:0 10px 28px rgba(20,43,73,.16)}
}
@media(prefers-reduced-motion:reduce){.service-card::before,.page-tile::before,.work-tile::before,.project-card::before{display:none!important}}