/* Homepage motion is opt-in via JS; all content stays readable without scripts. */
.wr-home .home-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 90% 8%,#dbeaf280,transparent 58%)}
.wr-home .home-showcase{position:relative;isolation:isolate;background:linear-gradient(145deg,#eaf1f5,#e5edef);box-shadow:0 20px 48px -30px #153d554d}
.wr-home .home-showcase-grid{position:relative;z-index:1}
.wr-home .home-showcase-side a,.wr-home .home-featured{position:relative;overflow:hidden}
.wr-home .home-showcase-side a:first-child .home-photo{position:relative;isolation:isolate}
.wr-home .home-showcase-side a:first-child .home-photo::before{content:"";position:absolute;inset:8%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,#52afe82b,transparent 68%);opacity:0}
.wr-home .home-motion-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid #b7cbd680;color:#526978;font-size:11px;letter-spacing:.04em}
.wr-home .home-motion-caption{display:inline-flex;align-items:center;gap:7px}
.wr-home .home-motion-dot{width:6px;height:6px;background:#487fa1;border-radius:50%;flex-shrink:0}
.wr-home .home-motion-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:5px 10px;border:1px solid #b4c8d3;border-radius:4px;color:#294d65;background:#ffffffa6;font-size:11px;line-height:1.4;white-space:nowrap}
.wr-home .home-motion-toggle:hover{background:white;border-color:#5689ac;color:#173f59}
.wr-home .home-motion-toggle:disabled{opacity:.8;cursor:default}
.wr-home .home-product,.wr-home .home-service{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.wr-home .home-product-photo img,.wr-home .home-photo img{transition:transform .4s ease}
.wr-home .home-product-title>span,.wr-home .btn>span{display:inline-block;transition:transform .25s ease}
.wr-home .home-catalog-nav a{transition:background-color .2s,color .2s}
@keyframes wr-product-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes wr-light-breathe{0%,100%{opacity:.15;transform:scale(.84)}50%{opacity:1;transform:scale(1.06)}}
@keyframes wr-motion-dot{0%,100%{opacity:.45}50%{opacity:1}}
@media(prefers-reduced-motion:no-preference){
 .wr-home.wr-motion-enabled .home-featured .home-photo img{animation:wr-product-float 6s ease-in-out infinite}
 .wr-home.wr-motion-enabled .home-showcase-side a:last-child .home-photo img{animation:wr-product-float 7s ease-in-out 1s infinite}
 .wr-home.wr-motion-enabled .home-showcase-side a:first-child .home-photo::before{animation:wr-light-breathe 5s ease-in-out infinite}
 .wr-home.wr-motion-enabled .home-motion-dot{animation:wr-motion-dot 3s ease-in-out infinite}
 .wr-home.wr-motion-suspended .home-showcase *,.wr-home.wr-motion-suspended .home-showcase *::before{animation-play-state:paused!important}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .wr-home.wr-motion-enabled .home-product:hover{transform:translateY(-5px);box-shadow:0 14px 28px -12px #153d5530}
 .wr-home.wr-motion-enabled .home-product:hover .home-product-photo img{transform:scale(1.045)}
 .wr-home.wr-motion-enabled .home-service:hover{transform:translateY(-4px);border-color:var(--blue)}
 .wr-home.wr-motion-enabled .home-product:hover .home-product-title>span,.wr-home.wr-motion-enabled .btn:hover>span{transform:translate(2px,-2px)}
 .wr-home.wr-motion-enabled .home-showcase a:hover .home-photo img{animation-play-state:paused}
}
/* A user pause also disables pre-existing button lift and smooth scrolling. */
html.wr-home-still{scroll-behavior:auto}
.wr-home:not(.wr-motion-enabled) .btn:hover{transform:none}
.wr-home:not(.wr-motion-enabled) .home-product,.wr-home:not(.wr-motion-enabled) .home-service,.wr-home:not(.wr-motion-enabled) .home-product-photo img,.wr-home:not(.wr-motion-enabled) .btn{transition:none}
@media(prefers-reduced-motion:reduce){
 html:has(.wr-home){scroll-behavior:auto}
 .wr-home .home-hero *,.wr-home .home-hero *::before,.wr-home .home-products *,.wr-home .home-solutions *,.wr-home .home-contact *{animation:none!important;transition:none!important}
 .wr-home .btn:hover{transform:none}
}
@media(max-width:480px){.wr-home .home-motion-tools{font-size:10px;gap:6px;margin-top:10px;padding-top:9px}.wr-home .home-motion-toggle{font-size:10px;min-height:36px;padding:5px 8px}}
@media(max-width:480px){.wr-home .home-motion-toggle{order:-1}.wr-home .home-motion-caption{font-size:9px}}
