/* Short, finite movements shared by the Editorial Future pages. */
body[data-design] .reveal{opacity:1;transform:none;transition:none}
body[data-design] :is(.btn,button,.button){transition:transform .18s ease,background-color .2s ease,border-color .2s ease,color .2s ease}
body[data-design] :is(.btn,button,.button):active:not(:disabled){transform:translateY(1px) scale(.98)}
body[data-design] :is(input,select,textarea){transition:border-color .18s ease,background-color .2s ease}
body[data-design] .card-link b,body[data-design] .btn-primary>span,body[data-design] .btn-track>b{display:inline-block;transition:transform .2s ease}
body[data-design] .faq-item summary::after{content:'+';transition:transform .22s ease}
body[data-design] .faq-item[open] summary::after{content:'+';transform:rotate(45deg)}
body[data-design] .nav.open a{animation:needtech-menu-in .3s ease backwards}
body[data-design] .nav.open a:nth-child(2){animation-delay:35ms}
body[data-design] .nav.open a:nth-child(3){animation-delay:70ms}
body[data-design] .nav.open a:nth-child(4){animation-delay:105ms}
body[data-design] .nav.open a:nth-child(5){animation-delay:140ms}
@keyframes needtech-menu-in{from{opacity:.3;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}
@media(hover:hover) and (pointer:fine){
 body[data-design] :is(.service-card,.client-order-card,.warranty-card){transition:transform .25s cubic-bezier(.22,1,.36,1),background-color .2s ease,border-color .2s ease}
 body[data-design] :is(.service-card,.client-order-card,.warranty-card):hover{transform:translateY(-4px);border-color:var(--accent)}
 body[data-design] .service-card:hover .card-link b,body[data-design] .btn-primary:hover>span,body[data-design] .btn-track:hover>b{transform:translateX(4px)}
 body[data-design] :is(.lab-photo,.lab-note,.store-photo) img{transition:transform .45s cubic-bezier(.22,1,.36,1)}
 body[data-design] :is(.lab-photo,.lab-note,.store-photo):hover img{transform:scale(1.035)}
 body[data-design] .color-mode-toggle{transition:transform .25s ease,background-color .2s ease}
 body[data-design] .color-mode-toggle:hover{transform:rotate(-12deg)}
}
@media(prefers-reduced-motion:reduce){
 body[data-design] *,body[data-design] *::before,body[data-design] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 body[data-design] :is(.service-card,.client-order-card,.warranty-card,.btn,button,.button):is(:hover,:active),body[data-design] :is(.lab-photo,.lab-note,.store-photo):hover img{transform:none!important}
}
@media print{body[data-design] *,body[data-design] *::before,body[data-design] *::after{animation:none!important;transition:none!important}}