/* Interaction only: no page fade and no initially hidden content. */
@media (prefers-reduced-motion:no-preference){
 .creative :is(.button,.af-contact-desktop,.pcard a[href="#formulaire"]){transition:background-color .22s ease,color .22s ease,box-shadow .3s ease,translate .3s cubic-bezier(.22,1,.36,1)}
 .creative :is(.button,.af-contact-desktop):active{translate:0 1px}
 .creative .film .play{transition:scale .36s cubic-bezier(.22,1,.36,1),box-shadow .36s ease}
 .creative .af-case-index-logo{transition:translate .5s cubic-bezier(.22,1,.36,1),rotate .5s cubic-bezier(.22,1,.36,1),box-shadow .5s ease}
 .creative .af-recruitment nav a{transition:background-color .25s ease,box-shadow .3s ease}
 .creative .af-recruitment nav a strong{display:inline-block;transition:translate .35s cubic-bezier(.22,1,.36,1)}
 .creative .af4-faq-number{transition:scale .3s cubic-bezier(.22,1,.36,1),color .25s ease}
 .creative .af4-questions details[open] .af4-faq-number{scale:1.1}
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .creative :is(.button,.af-contact-desktop):hover{translate:0 -2px;box-shadow:0 6px 18px #2a181018}
 .creative .film:is(:hover,:focus-visible) .play{scale:1.08;box-shadow:0 0 0 7px #f4eedf30}
 .creative .af-case-index-visual:is(:hover,:focus-visible) .af-case-index-logo{translate:0 -5px;rotate:-2deg;box-shadow:0 10px 24px #2a181024}
 .creative .af-recruitment nav a:is(:hover,:focus-visible) strong{translate:5px 0}
}
@media(prefers-reduced-motion:reduce){
 .creative :is(.button,.af-contact-desktop,.film .play,.af-case-index-logo,.af-recruitment nav a,.af-recruitment nav a strong,.af4-faq-number){transition:none!important;translate:none!important;rotate:none!important;scale:none!important}
}