/* Shared Astro / static-preview motion layer. Default content is always visible. */
:root{--motion-ease:cubic-bezier(.16,1,.3,1);--animate-duration:700ms}
@keyframes showroomFocus{from{clip-path:inset(9% 0 14% 0);filter:brightness(.58);transform:scale(1.22)}to{clip-path:inset(0);filter:brightness(1);transform:scale(var(--hero-settle,1.14))}}
@keyframes revealEquipment{from{clip-path:inset(0 100% 0 0);filter:brightness(.8)}to{clip-path:inset(0);filter:brightness(1)}}
@keyframes menuArrive{from{opacity:0;transform:translateY(-12px);clip-path:inset(0 0 10% 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0)}}
@keyframes dialogArrive{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes answerArrive{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
.hero.motion-ready>img{animation:showroomFocus 1100ms var(--motion-ease) both}
.image-reveal{animation:revealEquipment 950ms var(--motion-ease) both}
.animate__animated{animation-timing-function:var(--motion-ease)}
.mega:not([hidden]),.mega-menu:not([hidden]){animation:menuArrive 300ms var(--motion-ease) both}
dialog[open]{animation:dialogArrive 320ms var(--motion-ease) both}
details[open]>p{animation:answerArrive 250ms var(--motion-ease)}
.nav-trigger .nav-chevron{transition:transform 250ms var(--motion-ease)}
.nav-trigger[aria-expanded=true] .nav-chevron{transform:rotate(180deg)}
.button{transition:background-color 180ms ease,transform 230ms var(--motion-ease),box-shadow 230ms ease}
@media(hover:hover){.button:hover{transform:translateY(-3px);box-shadow:0 8px 18px #0002}.button:active{transform:translateY(0);box-shadow:none}.text-link .arrow,.row .arrow,.family>.arrow,.route-directory .arrow,.application-directory .arrow{transition:transform 250ms var(--motion-ease)}.text-link:hover .arrow,.row:hover .arrow,.family>.arrow:hover,.route-directory>a:hover .arrow,.application-directory>a:hover .arrow{transform:translateX(7px)}.photo-pair article img{transition:filter 450ms ease}.photo-pair article:hover img{filter:brightness(1.09)}}
.form input,.form textarea{transition:border-color 180ms ease,background-color 180ms ease,box-shadow 180ms ease}.form input:focus,.form textarea:focus{background:#fff;border-color:#ad4608;box-shadow:0 0 0 3px #ec57001a}
@media(max-width:600px){.hero{--hero-settle:1}.hero.motion-ready>img{animation-duration:850ms}.image-reveal{animation-duration:700ms}}
@media(prefers-reduced-motion:reduce){.hero.motion-ready>img,.image-reveal,.mega:not([hidden]),.mega-menu:not([hidden]),dialog[open],details[open]>p{animation:none!important}.button,.nav-trigger .nav-chevron,.arrow,.photo-pair article img{transition:none!important}.button:hover,.text-link:hover .arrow,.row:hover .arrow,.route-directory>a:hover .arrow,.application-directory>a:hover .arrow{transform:none!important}.form input,.form textarea{transition:border-color 120ms ease,background-color 120ms ease}html{scroll-behavior:auto!important}}
