/* WPPS motion layer. Content and Elementor settings remain the source of truth. */
@keyframes wpps-hero-enter{from{opacity:.01;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes wpps-hero-image{from{transform:scale(1.025)}to{transform:scale(1)}}
@media(prefers-reduced-motion:no-preference){
 body:not(.elementor-editor-active):not(.elementor-editor-preview) .wpps-page .hero:not(.wpps-no-motion) .eyebrow,
 body:not(.elementor-editor-active):not(.elementor-editor-preview) .wpps-page .hero:not(.wpps-no-motion) h1,
 body:not(.elementor-editor-active):not(.elementor-editor-preview) .wpps-page .hero:not(.wpps-no-motion) .hero-actions{animation:wpps-hero-enter .65s cubic-bezier(.22,1,.36,1) both}
 body:not(.elementor-editor-active):not(.elementor-editor-preview) .wpps-page .hero:not(.wpps-no-motion) h1{animation-delay:.08s}
 body:not(.elementor-editor-active):not(.elementor-editor-preview) .wpps-page .hero:not(.wpps-no-motion) .hero-actions{animation-delay:.2s}
}
@media(prefers-reduced-motion:no-preference) and (min-width:701px){
 body:not(.elementor-editor-active):not(.elementor-editor-preview) .wpps-page .hero:not(.wpps-no-motion) .hero-photo{animation:wpps-hero-image 1.15s cubic-bezier(.22,1,.36,1) both}
}
@media(prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){
 .elementor .wpps-page .application{transition:transform .25s ease,box-shadow .25s ease}
 .elementor .wpps-page .application:hover{transform:translateY(-4px);box-shadow:0 14px 28px #10233224}
 .wpps-site .button,.elementor .wpps-page .wpps-native-button .elementor-button{transition:background .2s ease,border-color .2s ease,transform .2s ease}
 .wpps-site .button:hover,.elementor .wpps-page .wpps-native-button .elementor-button:hover{transform:translateY(-2px)}
 .elementor .wpps-page .wpps-native-button .elementor-button:after{transition:transform .2s ease}
 .elementor .wpps-page .wpps-native-button .elementor-button:hover:after{transform:translate(2px,-2px)}
}
@media(prefers-reduced-motion:reduce){
 .wpps-site .wpps-page .hero .eyebrow,.wpps-site .wpps-page .hero h1,.wpps-site .wpps-page .hero .hero-actions,.wpps-site .wpps-page .hero .hero-photo{animation:none!important}
}
body.elementor-editor-active .wpps-page .hero *,body.elementor-editor-preview .wpps-page .hero *{animation:none!important}
