/* Mouvement v2 : styles des effets. Les valeurs viennent de motion.config.js (variables --d, --y, --s, --hv-*).
   Sans JavaScript (ou si motion.js ne charge pas), RIEN n'est masqué : le contenu reste lisible.
   Les attributs data-fx sont retirés après l'animation : le survol reprend ses propres transitions. */
html.fx .rv:not(.in){opacity:0}
html.fx [data-fx]{opacity:0;transform:translateY(var(--y,0px)) scale(var(--s,1));will-change:opacity,transform;
  transition:opacity var(--d,.6s) ease var(--dl,0s),transform var(--d,.6s) var(--mo-ease,cubic-bezier(.2,.7,.2,1)) var(--dl,0s)}
html.fx [data-fx].in{opacity:1;transform:none}
/* Grands titres éditoriaux : 2 temps (texte, puis partie en italique) */
html.fx [data-fx="editorial"]{opacity:1}
html.fx [data-fx="editorial"] .ed-a{opacity:0;transition:opacity var(--d,.65s) ease var(--dl,0s)}
html.fx [data-fx="editorial"] .ed-b{opacity:0;transform:translateY(10px);transition:opacity var(--idur,.8s) ease var(--idl,.38s),transform var(--idur,.8s) var(--mo-ease) var(--idl,.38s)}
html.fx [data-fx="editorial"].in .ed-a,html.fx [data-fx="editorial"].in .ed-b{opacity:1;transform:none}
html.fx [data-fx="editorial"]:not(.in){transform:translateY(var(--y,0px))}
html.fx [data-fx="editorial"].in{transform:none}
/* Survol : uniquement avec une souris ; boutons et cartes ; zoom des photos de cartes */
.btn{transition:background-color var(--hv-color,300ms) ease,color var(--hv-color,300ms) ease,border-color var(--hv-color,300ms) ease,box-shadow var(--hv-color,300ms) ease,transform .3s ease}
.btn .ar,.btn svg,.icta span,.n-ix a svg{transition:transform .3s var(--mo-ease,ease)}
.card,.n-card,.bk,.sc,.tc,.epi{transition:transform .4s var(--mo-ease,ease),box-shadow .4s ease}
.cimg,.bk img,.tc .im,.n-card img,.epi .yt{transition:transform .9s var(--mo-ease,ease)}
@media(hover:hover) and (pointer:fine){
  .card:hover,.n-card:hover,.bk:hover,.sc:hover,.tc:hover,.epi:hover{transform:translateY(calc(var(--hv-lift,6px)*-1));box-shadow:var(--hv-shadow,0 28px 50px -30px rgba(40,77,92,.45))}
  .card:hover .cimg,.bk:hover img,.tc:hover .im,.n-card:hover img{transform:scale(var(--hv-zoom,1.025))}
  .btn:hover .ar,.btn:hover svg,.icta:hover span,.n-ix a:hover svg{transform:translateX(var(--hv-arrow,4px))}
}
@media(prefers-reduced-motion:reduce){html.fx [data-fx],html.fx [data-fx] .ed-a,html.fx [data-fx] .ed-b{opacity:1!important;transform:none!important;transition:none!important}
  .card,.n-card,.bk,.sc,.tc,.epi,.cimg,.bk img,.tc .im{transition:none!important}}
/* Hero : la partie en italique de l'H1 arrive après le reste (signature éditoriale) */
h1 .w:has(em){animation-delay:calc(var(--i)*.12s + .2s + var(--hero-em,.38s))!important}