/* Réponses au survol communes à la proposition UOA. */
body.uoa-redesign .logo-motion::after{
  content:'';position:absolute;left:4%;right:4%;bottom:-5px;height:2px;
  background:#77c8e7;transform:scaleX(0);transform-origin:left;
  transition:transform .45s cubic-bezier(.2,.75,.2,1);
}
body.uoa-redesign .logo-piece-u{--logo-x:-2px;--logo-y:-5px;--logo-angle:-4deg;--logo-delay:0ms}
body.uoa-redesign .logo-piece-o{--logo-x:0px;--logo-y:-7px;--logo-angle:0deg;--logo-delay:70ms}
body.uoa-redesign .logo-piece-a{--logo-x:2px;--logo-y:-5px;--logo-angle:4deg;--logo-delay:140ms}
@keyframes uoa-logo-wave{
  0%,100%{transform:translate(0,0) rotate(0) scale(1)}
  38%{transform:translate(var(--logo-x),var(--logo-y)) rotate(var(--logo-angle)) scale(1.025,.98)}
  68%{transform:translate(0,1px) rotate(0) scale(.995,1.01)}
}
body.uoa-redesign :is(.nav-logo,.footer-brand-link):focus-visible .logo-piece{
  animation:uoa-logo-wave .8s cubic-bezier(.2,.75,.2,1) var(--logo-delay) both;
}
body.uoa-redesign :is(.nav-logo,.footer-brand-link):focus-visible .logo-motion::after{transform:scaleX(1)}
body.uoa-redesign :is(.nav-logo,.footer-brand-link):focus-visible{outline:3px solid #252757;outline-offset:6px}
body.uoa-redesign :is(.hero-portrait picture,.pract-photo,.place-hero-img,.place-secondary-img,.specialty-hero-photo){
  transition:transform .5s cubic-bezier(.2,.75,.2,1),box-shadow .5s;
}
body.uoa-redesign .article-card{transition:transform .35s,box-shadow .35s,border-color .35s}
body.uoa-redesign .article-card-photo{overflow:hidden}
body.uoa-redesign .article-card-photo>img{transition:transform .65s cubic-bezier(.2,.75,.2,1)}
body.uoa-redesign .pract-card:focus-visible .pract-photo{box-shadow:0 0 0 2px #77c8e7,0 10px 25px #25275718}
body.uoa-redesign .article-card:focus-visible{border-color:#252757;box-shadow:0 8px 24px #25275712}
@media(hover:hover) and (pointer:fine){
  body.uoa-redesign :is(.nav-logo,.footer-brand-link):hover .logo-piece{
    animation:uoa-logo-wave .8s cubic-bezier(.2,.75,.2,1) var(--logo-delay) both;
  }
  body.uoa-redesign :is(.nav-logo,.footer-brand-link):hover .logo-motion::after{transform:scaleX(1)}
  /* Déplacer le cadre conserve le cadrage et les visages des photos d'équipe. */
  body.uoa-redesign .hero-portrait:hover picture,
  body.uoa-redesign .pract-card:hover .pract-photo,
  body.uoa-redesign :is(.place-hero-img,.place-secondary-img,.specialty-hero-photo):hover{
    transform:translateY(-3px);box-shadow:0 14px 30px #2527571a;
  }
  body.uoa-redesign .article-card:hover{transform:translateY(-4px);border-color:#77c8e7;box-shadow:0 14px 30px #25275714}
  body.uoa-redesign .article-card:hover .article-card-photo>img{transform:scale(1.04)}
}
@media(prefers-reduced-motion:reduce){
  body.uoa-redesign .logo-piece{animation:none!important;transform:none!important;transition:none!important}
  body.uoa-redesign .logo-motion::after{transition:none}
  body.uoa-redesign :is(.hero-portrait picture,.pract-photo,.place-hero-img,.place-secondary-img,.specialty-hero-photo,.article-card,.article-card-photo>img){
    transform:none!important;transition:none!important;
  }
}