/* Sarlomuz motion: stable task controls, brief finite transitions. */
:root{--motion-ease:cubic-bezier(.2,.8,.2,1)}
@view-transition{navigation:auto}
::view-transition-old(root){animation:none}
::view-transition-new(root){animation:sarlomuz-page-in 150ms ease-out}
@keyframes sarlomuz-page-in{from{opacity:.8}to{opacity:1}}
.site-header{view-transition-name:sarlomuz-header}
.sarlomuz-sidebar{view-transition-name:sarlomuz-sidebar}
.sarlomuz-menu-button{view-transition-name:sarlomuz-menu}
.sarlomuz-mobile-language{view-transition-name:sarlomuz-language}
/* These groups remain stationary during page navigation. */
.wordmark,.language,.contact-links,.actions,.site-footer,main.wrap{animation:none;transform:none}
.button{transition:background-color 140ms ease-out,border-color 140ms ease-out,color 140ms ease-out,transform 100ms ease-out}
.actions .button:active,.resource .button:active{transform:scale(.98)}
.nav>a,.language a,.text-link,.phone,.email,summary{transition:color 140ms ease-out,background-color 140ms ease-out,border-color 140ms ease-out}
.contact-links a:hover,.contact-links a:active,.sarlomuz-nav-link:hover,.sarlomuz-nav-link:active{transform:none}
.sarlomuz-nav-link{transition:background-color 140ms ease-out,border-color 140ms ease-out,color 140ms ease-out}
.motion-menu-backdrop{display:none}
@media(hover:hover) and (pointer:fine){.resource .button:hover{transform:translateY(-2px)}}
@media(max-width:760px){
 .header-inner{position:relative}
 .header-inner>.nav{position:absolute;top:100%;left:-20px;right:-20px;margin:0;padding:16px 20px;background:var(--paper);border-bottom:1px solid var(--line);max-height:calc(100dvh - 90px);overflow:auto;box-shadow:0 8px 16px #142d4214}
 .motion-menu-open{overflow:hidden}
 .motion-menu-open .motion-menu-backdrop{display:block;position:fixed;inset:0;z-index:35;background:#142d4259}
}
@media(max-width:380px){.header-inner>.nav{left:-16px;right:-16px}}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 *,*::before,*::after{animation:none!important;transition:none!important}
 ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
 .button:hover,.button:active{transform:none!important}
}
