/* Calm, optional motion. No layout changes or content hidden by default. */
:root{--motion-ease:cubic-bezier(.22,.61,.36,1)}
.button,.menu-toggle,.text-link,.resource-all-link,.closing-connect,
.service-resource-library-link a,.library-card a,.service-resource-grid summary{
 transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease;
}
.button>span[aria-hidden],.resource-all-link>span,.closing-connect>span{
 display:inline-block;transition:translate .35s var(--motion-ease);
}
.cinematic-service,.resource-editorial-card,.library-card,.service-resource-grid>article{
 transition:translate .45s var(--motion-ease),box-shadow .45s ease,border-color .35s ease;
}
#services .cinematic-service>img,.resource-editorial-card>img,.library-card img{
 transition:filter .55s ease;
}
@media(hover:hover) and (pointer:fine){
 .button:hover{box-shadow:0 4px 12px #30251e12}
 .button:hover>span[aria-hidden],.resource-all-link:hover>span,.closing-connect:hover>span{translate:3px 0}
 .cinematic-service:hover,.resource-editorial-card:hover,.library-card:hover,.service-resource-grid>article:hover{
  translate:0 -3px;box-shadow:0 8px 20px #30251e0c;
 }
 #services .cinematic-service:hover>img,.resource-editorial-card:hover>img,.library-card:hover img{filter:brightness(1.025)}
 .contact-resource-image{overflow:hidden}
 .contact-resource-image img{transition:transform .7s var(--motion-ease)}
 .contact-resources-cards a:hover img{transform:scale(1.025)}
}
@media(max-width:780px){
 header #navigation.open{animation:menu-arrive .25s var(--motion-ease)}
 @keyframes menu-arrive{from{opacity:.35;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 *,*::before,*::after{animation:none!important;transition:none!important}
 .cinematic-service:hover,.resource-editorial-card:hover,.library-card:hover,.service-resource-grid>article:hover,
 .button:hover>span[aria-hidden],.resource-all-link:hover>span,.closing-connect:hover>span{translate:none}
 .contact-resources-cards a:hover img{transform:none}
}
@media print{*,*::before,*::after{animation:none!important;transition:none!important}}
