.motion-ready .site-reveal{opacity:0;transform:translate3d(0,22px,0);transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .72s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform}
.motion-ready .site-reveal.is-visible{opacity:1;transform:translate3d(0,0,0);will-change:auto}
.motion-ready .site-reveal[data-reveal="line"]{transform:translate3d(-18px,0,0)}
.motion-ready .site-reveal[data-reveal="line"].is-visible{transform:translate3d(0,0,0)}
.button{transition:transform .22s ease,background-color .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease}
.button:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(7,29,49,.12)}
.button:active{transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.motion-ready .site-reveal,.motion-ready .site-reveal[data-reveal="line"]{opacity:1!important;transform:none!important;transition:none!important}.button{transition:none!important}.button:hover,.button:active{transform:none!important;box-shadow:none!important}}

/* HC CARD MICRO-INTERACTIONS 2026 */
@media(hover:hover) and (pointer:fine){
.motion-ready :is(.service,.service-card,.case-card,.booklet-card,.method,.scenario-card,.contact-card,.process-card,.feature,.sector-card,.portfolio-item,.cta-card).site-reveal.is-visible{transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.motion-ready :is(.service,.service-card,.case-card,.booklet-card,.method,.scenario-card,.contact-card,.process-card,.feature,.sector-card,.portfolio-item,.cta-card).site-reveal.is-visible:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(7,29,49,.11)}
}
@media(prefers-reduced-motion:reduce){.motion-ready :is(.service,.service-card,.case-card,.booklet-card,.method,.scenario-card,.contact-card,.process-card,.feature,.sector-card,.portfolio-item,.cta-card).site-reveal.is-visible:hover{transform:none!important;box-shadow:none!important}}