/* Motion never hides content by default, and is not loaded in the block editor. */
@media(prefers-reduced-motion:no-preference){
 .site-header{transition:box-shadow .3s ease,background-color .3s ease}
 .site-header .header-inner{transition:min-height .3s cubic-bezier(.22,1,.36,1)}
 .site-header.is-scrolled{box-shadow:var(--shadow)}
 .site-header.is-scrolled .header-inner{min-height:72px}
 .card{transition:translate .3s ease-out,box-shadow .3s ease-out}
 .button,.wp-block-button__link,.floating a{transition:scale .3s ease-out,background-color .3s ease-out}
 .nav a,.tab{transition:background-color .3s ease-out,color .3s ease-out}
 .quote-dialog[open]::backdrop{animation:sawaed-backdrop .25s ease-out}
 @media(hover:hover){.card:hover{translate:0 -4px}.button:hover,.wp-block-button__link:hover{scale:1.02}.floating a:hover{scale:1.08}}
}
@keyframes sawaed-backdrop{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.hero-image,.hero-copy{transform:none!important}.hero-copy{opacity:1!important}.card,.button,.wp-block-button__link{transition:none}}

/* The accordion lives inside the showcase; keep that parent visible on phones. */
@media(max-width:991px){.service-showcase{display:block}.service-showcase>.service-tabs,.service-showcase>div:not(.mobile-services){display:none}.service-showcase>.mobile-services{display:grid}}