/* =========================================================================
   Sillops — feuille de style commune à toutes les pages.
   Crème, vermillon, bleu d'encre et ambre. Marcellus pour le titrage,
   Literata pour le texte.
   ========================================================================= */

:root{
  --creme:#FAF5EC; --creme-2:#F3EBDC; --creme-3:#EDE2CE;
  --encre:#251C18; --encre-2:#6E6055;
  --verm:#C24029; --verm-h:#A9351F; --verm-fond:#B93A22; --sur-verm:#FFF7EF;
  --bleu:#1D3B5C; --bleu-2:#2E5A84;
  --ambre:#E0A23C;
  --sur-fonce:#FBF3E6; --sur-fonce-2:#C3B49C;
  --filet:#E3D9C7;
  --titre:"Marcellus",Georgia,"Times New Roman",serif;
  --texte:"Literata",Georgia,"Times New Roman",serif;
  --max:1180px; --gut:clamp(20px,4.5vw,54px);
  --pad:clamp(64px,8vw,116px);
  --ease:cubic-bezier(.16,1,.3,1);
  --ombre:0 18px 44px rgba(37,28,24,.10);
  --ombre-forte:0 26px 66px rgba(37,28,24,.18);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --creme:#16120F; --creme-2:#1E1915; --creme-3:#26201A;
    --encre:#F4ECDE; --encre-2:#A99A87;
    --verm:#E4664B; --verm-h:#EE7A61; --verm-fond:#E4664B; --sur-verm:#1A0C08;
    --bleu:#14283E; --bleu-2:#4A82B8;
    --ambre:#EAB65C;
    --sur-fonce:#F4ECDE; --sur-fonce-2:#A99A87;
    --filet:#332A21;
    --ombre:0 18px 44px rgba(0,0,0,.42); --ombre-forte:0 26px 66px rgba(0,0,0,.55);
  }
}
:root[data-theme="dark"]{
  --creme:#16120F; --creme-2:#1E1915; --creme-3:#26201A;
  --encre:#F4ECDE; --encre-2:#A99A87;
  --verm:#E4664B; --verm-h:#EE7A61; --verm-fond:#E4664B; --sur-verm:#1A0C08;
  --bleu:#14283E; --bleu-2:#4A82B8;
  --ambre:#EAB65C;
  --sur-fonce:#F4ECDE; --sur-fonce-2:#A99A87;
  --filet:#332A21;
  --ombre:0 18px 44px rgba(0,0,0,.42); --ombre-forte:0 26px 66px rgba(0,0,0,.55);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%; scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  margin:0; background:var(--creme); color:var(--encre);
  font-family:var(--texte); font-size:17.5px; line-height:1.7;
  font-optical-sizing:auto; -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img,svg{max-width:100%; display:block}
p{margin:0 0 1.1em}
p:last-child{margin-bottom:0}
a{color:inherit; text-underline-offset:3px}
::selection{background:var(--verm); color:var(--sur-fonce)}
:focus-visible{outline:2.5px solid var(--verm); outline-offset:3px; border-radius:3px}

h1,h2,h3,h4{font-family:var(--titre); font-weight:400; margin:0; text-wrap:balance}
h1{font-size:clamp(2.15rem,5.2vw,3.6rem); line-height:1.08; letter-spacing:.004em}
h2{font-size:clamp(1.7rem,3.4vw,2.5rem); line-height:1.16; letter-spacing:.008em}
h3{font-size:clamp(1.18rem,1.8vw,1.4rem); line-height:1.28; letter-spacing:.01em}
h4{font-size:1.06rem; line-height:1.35}
.sur-titre{
  font-family:var(--texte); font-size:13px; font-weight:600; letter-spacing:.02em;
  color:var(--verm); display:inline-flex; align-items:center; gap:9px; margin-bottom:16px;
}
.sur-titre::before{content:""; width:26px; height:2px; background:var(--verm); flex:none}
.lede{font-size:clamp(1.06rem,1.5vw,1.2rem); color:var(--encre-2); max-width:52ch}
.mesure{max-width:66ch}
.sobre{color:var(--encre-2)}

.enveloppe{width:100%; max-width:var(--max); margin:0 auto; padding-inline:var(--gut)}
.section{padding-block:var(--pad)}
.tete-section{max-width:56ch; margin-bottom:clamp(34px,4.5vw,56px)}
.tete-section p{color:var(--encre-2); margin-top:14px}

/* ---------------------------------------------------------------- boutons */
.btn{
  display:inline-flex; align-items:center; gap:10px; cursor:pointer;
  font-family:var(--texte); font-size:16px; font-weight:600; text-decoration:none;
  padding:14px 26px; border-radius:3px; border:2px solid var(--verm);
  background:var(--verm-fond); color:var(--sur-verm);
  transition:transform .2s var(--ease), background-color .25s var(--ease),
             border-color .25s var(--ease), box-shadow .25s var(--ease);
  box-shadow:0 6px 18px rgba(200,69,44,.22);
}
.btn{border-color:var(--verm-fond)}
.btn:hover{background:var(--verm-h); border-color:var(--verm-h); color:var(--sur-verm); transform:translateY(-2px);
  box-shadow:0 12px 26px rgba(200,69,44,.3)}
.btn:active{transform:translateY(0)}
.btn svg{width:17px; height:17px; flex:none}
.btn-2{background:transparent; color:var(--verm); box-shadow:none}
.btn-2:hover{background:color-mix(in srgb,var(--verm) 10%,transparent);
  border-color:var(--verm); color:var(--verm); box-shadow:none}
.btn-clair{background:var(--sur-fonce); color:var(--bleu); border-color:var(--sur-fonce); box-shadow:none}
.btn-clair:hover{background:#fff; border-color:#fff; color:var(--bleu)}
.btn:disabled{opacity:.55; cursor:progress; transform:none}

/* ---------------------------------------------------------------- entête */
.entete{
  position:sticky; top:0; z-index:40; border-bottom:1px solid transparent;
  transition:background-color .3s var(--ease), border-color .3s var(--ease),
             box-shadow .3s var(--ease);
}
.entete.collee{
  background:color-mix(in srgb,var(--creme) 94%,transparent);
  backdrop-filter:saturate(1.3) blur(14px);
  border-bottom-color:var(--filet); box-shadow:0 4px 22px rgba(37,28,24,.05);
}
.entete-in{display:flex; align-items:center; gap:22px; height:74px}
.marque{display:flex; align-items:center; gap:11px; text-decoration:none; margin-right:auto}
.marque svg{width:34px; height:34px; color:var(--verm); border-radius:8px; flex:none;
  transition:transform .35s var(--ease)}
.marque:hover svg{transform:rotate(-6deg) scale(1.06)}
.marque span{font-family:var(--titre); font-size:25px; letter-spacing:.05em; line-height:1}
.nav{display:flex; gap:26px; align-items:center}
.nav a{
  position:relative; text-decoration:none; font-size:15.4px; color:var(--encre-2);
  padding:4px 0; transition:color .22s var(--ease);
}
.nav a::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:2px;
  background:var(--verm); transform:scaleX(0); transform-origin:right;
  transition:transform .32s var(--ease);
}
.nav a:hover{color:var(--encre)}
.nav a:hover::after{transform:scaleX(1); transform-origin:left}
.nav a[aria-current="page"]{color:var(--encre); font-weight:600}
.nav a[aria-current="page"]::after{transform:scaleX(1)}
.entete .tel{
  text-decoration:none; font-weight:600; font-size:15.4px; white-space:nowrap;
  color:var(--verm); border:2px solid var(--verm); border-radius:3px; padding:9px 16px;
  transition:background-color .25s var(--ease), color .25s var(--ease);
}
.entete .tel:hover{background:var(--verm); color:var(--sur-fonce)}
.bouton-menu{
  display:none; width:44px; height:44px; border:2px solid var(--filet); background:none;
  border-radius:3px; cursor:pointer; padding:0; align-items:center; justify-content:center;
}
.bouton-menu span{display:block; width:18px; height:2px; background:var(--encre); position:relative}
.bouton-menu span::before,.bouton-menu span::after{
  content:""; position:absolute; left:0; width:18px; height:2px; background:var(--encre);
  transition:transform .28s var(--ease), top .28s var(--ease);
}
.bouton-menu span::before{top:-6px}
.bouton-menu span::after{top:6px}
.bouton-menu[aria-expanded="true"] span{background:transparent}
.bouton-menu[aria-expanded="true"] span::before{top:0; transform:rotate(45deg)}
.bouton-menu[aria-expanded="true"] span::after{top:0; transform:rotate(-45deg)}
@media (max-width:900px){
  .nav,.entete .tel{display:none}
  .bouton-menu{display:flex}
  .entete.ouverte .nav{
    display:flex; position:absolute; left:0; right:0; top:74px; flex-direction:column;
    align-items:stretch; gap:0; background:var(--creme); border-block:1px solid var(--filet);
    padding:8px var(--gut) 20px; box-shadow:var(--ombre);
  }
  .entete.ouverte .nav a{padding:14px 0; border-bottom:1px solid var(--filet); font-size:17px}
  .entete.ouverte .nav a::after{display:none}
  .entete.ouverte .tel{display:inline-flex; margin-top:16px; align-self:flex-start}
}

/* ------------------------------------------------------------- ouverture */
.hero{position:relative; padding-block:clamp(44px,6vw,84px) clamp(56px,7vw,104px); overflow:hidden}
.hero-grille{
  display:grid; grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
  gap:clamp(32px,5vw,72px); align-items:center; position:relative; z-index:2;
}
.hero h1 .accent{color:var(--verm); font-style:italic}
.hero .lede{margin-top:24px}
.actions{display:flex; flex-wrap:wrap; gap:14px; margin-top:34px}
.rassure{display:flex; flex-wrap:wrap; gap:10px 26px; margin-top:30px; font-size:14.8px; color:var(--encre-2)}
.rassure span{display:inline-flex; align-items:center; gap:8px}
.rassure svg{width:16px; height:16px; color:var(--verm); flex:none}
@media (max-width:920px){ .hero-grille{grid-template-columns:1fr; gap:44px} }

/* formes flottantes : décor animé, jamais interactif */
.formes{position:absolute; inset:0; pointer-events:none; z-index:1; overflow:hidden}
.forme{position:absolute; border-radius:50%; opacity:.5}
.f1{width:290px; height:290px; background:var(--ambre); top:-90px; right:-70px; opacity:.2;
  animation:derive 17s var(--ease) infinite alternate}
.f2{width:150px; height:150px; background:var(--verm); bottom:8%; left:-58px; opacity:.14;
  animation:derive 21s var(--ease) infinite alternate-reverse}
.f3{
  width:210px; height:210px; border-radius:34px; background:var(--bleu); opacity:.08;
  top:26%; right:34%; animation:tourne 26s linear infinite;
}
@keyframes derive{ from{transform:translate3d(0,0,0)} to{transform:translate3d(-26px,32px,0)} }
@keyframes tourne{ from{transform:rotate(0)} to{transform:rotate(360deg)} }

/* --------------------------------------------------- maquettes d'appareils */
.scene{position:relative; display:flex; justify-content:center; align-items:flex-end; gap:0}
.scene::before{
  content:""; position:absolute; inset:auto 0 -14px 0; height:64%;
  background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--verm) 9%,transparent));
  border-radius:26px; z-index:0;
}
.tel-cadre{
  position:relative; z-index:2; width:252px; border:9px solid #191410; border-radius:34px;
  background:#191410; box-shadow:var(--ombre-forte); overflow:hidden;
  animation:flotte 7s ease-in-out infinite;
}
@keyframes flotte{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(-11px)} }
.tel-ecran{background:var(--creme); padding:16px 14px 18px; font-size:10px; line-height:1.55}
.mini-bandeau{display:flex; align-items:center; gap:6px; margin-bottom:11px}
.mini-pastille{width:15px; height:15px; border-radius:4px; background:var(--verm); flex:none}
.mini-nom{font-family:var(--titre); font-size:15px; letter-spacing:.04em; line-height:1}
.mini-filet{height:2px; width:34px; background:var(--ambre); margin:0 0 10px}
.mini-txt{color:var(--encre-2); margin:0 0 5px; font-size:9.6px}
.mini-btn{
  background:var(--verm-fond); color:var(--sur-verm); text-align:center; padding:7px 0;
  font-size:9.4px; font-weight:600; border-radius:2px; margin-top:11px;
}
.mini-vignettes{display:grid; grid-template-columns:1fr 1fr; gap:6px; margin-top:11px}
.mini-vignettes i{display:block; height:30px; border-radius:2px; background:var(--creme-2);
  border:1px solid var(--filet)}
.mini-vignettes i:first-child{background:color-mix(in srgb,var(--ambre) 28%,var(--creme-2))}
.curseur{display:inline-block; width:1.5px; height:1em; background:var(--verm);
  vertical-align:-2px; margin-left:2px; animation:clignote 1.15s steps(1) infinite}
@keyframes clignote{ 0%,49%{opacity:1} 50%,100%{opacity:0} }
.legende-scene{
  position:relative; z-index:2; margin-top:20px; font-size:13.6px; font-style:italic;
  color:var(--encre-2); text-align:center; max-width:40ch; margin-inline:auto;
}

/* fenêtre de navigateur */
.fenetre{
  max-width:820px; margin:0 auto; border-radius:8px; overflow:hidden;
  border:1px solid var(--filet); background:var(--creme); box-shadow:var(--ombre-forte);
}
.fenetre-barre{display:flex; align-items:center; gap:7px; padding:11px 15px;
  background:var(--creme-2); border-bottom:1px solid var(--filet)}
.fenetre-barre i{width:9px; height:9px; border-radius:50%; display:block; background:var(--filet)}
.fenetre-barre i:nth-child(1){background:var(--verm); opacity:.6}
.fenetre-barre i:nth-child(2){background:var(--ambre); opacity:.7}
.fenetre-barre span{margin-left:12px; font-size:12px; color:var(--encre-2); letter-spacing:.02em}
.fenetre-corps{display:grid; grid-template-columns:1.3fr 1fr; gap:28px; padding:32px}
.fen-nom{font-family:var(--titre); font-size:28px; letter-spacing:.045em; line-height:1.1}
.fen-filet{height:2px; width:56px; background:var(--ambre); margin:12px 0 16px}
.fen-txt{font-size:13.8px; color:var(--encre-2); margin:0 0 8px; line-height:1.65}
.fen-btn{display:inline-block; margin-top:12px; background:var(--verm-fond); color:var(--sur-verm);
  padding:9px 20px; font-size:12.8px; font-weight:600; border-radius:2px}
.fen-cote i{display:block; height:48px; border-radius:3px; background:var(--creme-2);
  border:1px solid var(--filet); margin-bottom:9px}
.fen-cote i:first-child{background:color-mix(in srgb,var(--bleu) 14%,var(--creme-2))}
@media (max-width:640px){ .fenetre-corps{grid-template-columns:1fr; gap:20px; padding:22px} }

/* -------------------------------------------------------------- cartouches */
.grille-2{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(18px,2.4vw,28px)}
.grille-4{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(18px,2vw,24px)}
@media (max-width:940px){ .grille-4{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:620px){ .grille-2,.grille-4{grid-template-columns:1fr} }

.cartouche{
  background:var(--creme-2); border:1px solid var(--filet); border-radius:6px;
  padding:clamp(22px,2.4vw,30px); position:relative; overflow:hidden;
  transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s var(--ease);
}
.cartouche:hover{transform:translateY(-4px); box-shadow:var(--ombre); border-color:var(--verm)}
.cartouche h3{margin-bottom:9px}
.cartouche p{color:var(--encre-2); font-size:15.8px; margin:0}
.pictogramme{
  width:52px; height:52px; border-radius:4px; display:grid; place-items:center;
  margin-bottom:18px; background:color-mix(in srgb,var(--verm) 12%,transparent); color:var(--verm);
}
.pictogramme svg{width:26px; height:26px}
.cartouche:nth-child(2) .pictogramme{background:color-mix(in srgb,var(--bleu) 13%,transparent); color:var(--bleu-2)}
.cartouche:nth-child(3) .pictogramme{background:color-mix(in srgb,var(--ambre) 22%,transparent); color:#9A6A16}
:root[data-theme="dark"] .cartouche:nth-child(3) .pictogramme,
:root:not([data-theme="light"]) .cartouche:nth-child(3) .pictogramme{color:var(--ambre)}
@media (prefers-color-scheme:light){
  :root:not([data-theme="dark"]) .cartouche:nth-child(3) .pictogramme{color:#9A6A16}
}

/* liste à coches */
ul.coches{margin:0; padding:0}
ul.coches li{list-style:none; position:relative; padding:13px 0 13px 34px;
  border-top:1px solid var(--filet); font-size:16.4px}
ul.coches li::before{
  content:""; position:absolute; left:6px; top:20px; width:7px; height:12px;
  border-right:2.4px solid var(--verm); border-bottom:2.4px solid var(--verm);
  transform:rotate(45deg);
}

/* --------------------------------------------------------------- étapes */
.etapes{counter-reset:e; display:grid; gap:0; margin:0; padding:0}
.etapes li{
  list-style:none; counter-increment:e; display:grid;
  grid-template-columns:72px 1fr; gap:clamp(18px,3vw,40px);
  padding:30px 0; border-top:1px solid var(--filet); align-items:start;
}
.etapes li::before{
  content:counter(e,decimal-leading-zero); font-family:var(--titre); font-size:2rem;
  line-height:1; color:var(--verm); opacity:.85;
}
.etapes p{color:var(--encre-2); margin-top:8px; max-width:58ch}
.duree{display:inline-block; margin-top:12px; font-size:12.6px; font-weight:600;
  letter-spacing:.03em; color:var(--bleu-2); background:color-mix(in srgb,var(--bleu) 10%,transparent);
  padding:4px 11px; border-radius:2px}
@media (max-width:560px){ .etapes li{grid-template-columns:52px 1fr; padding:24px 0} }

/* --------------------------------------------------------- bande défilante */
.bande{
  background:var(--bleu); color:var(--sur-fonce); padding:20px 0; overflow:hidden;
  border-block:1px solid color-mix(in srgb,#000 18%,transparent);
}
.piste{display:flex; width:max-content; animation:defile 42s linear infinite}
.bande:hover .piste{animation-play-state:paused}
.piste span{
  font-family:var(--titre); font-size:1.32rem; letter-spacing:.05em; padding:0 30px;
  display:inline-flex; align-items:center; gap:30px; white-space:nowrap;
}
.piste span::after{content:""; width:7px; height:7px; border-radius:50%; background:var(--ambre); flex:none}
@keyframes defile{ from{transform:translate3d(0,0,0)} to{transform:translate3d(-50%,0,0)} }

/* -------------------------------------------------------- bandeau d'appel */
.appel-bande{background:var(--bleu); color:var(--sur-fonce); position:relative; overflow:hidden}
.appel-bande h2{color:var(--sur-fonce)}
.appel-bande p{color:var(--sur-fonce-2); max-width:54ch; margin-top:14px}
.appel-in{display:grid; grid-template-columns:1fr auto; gap:34px; align-items:center}
@media (max-width:820px){ .appel-in{grid-template-columns:1fr} }

/* ------------------------------------------------------------- questions */
.question{padding:24px 0; border-top:1px solid var(--filet)}
.question h3{margin-bottom:8px}
.question p{color:var(--encre-2); max-width:68ch; margin:0}

/* ------------------------------------------------------------ formulaire */
.form-grille{display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:clamp(34px,5vw,72px); align-items:start}
@media (max-width:900px){ .form-grille{grid-template-columns:1fr} }
form{display:grid; gap:20px}
.duo{display:grid; grid-template-columns:1fr 1fr; gap:20px}
@media (max-width:540px){ .duo{grid-template-columns:1fr} }
.champ{display:grid; gap:6px}
.champ > span:first-child{font-size:14.6px; font-weight:600}
.champ .opt{font-weight:400; color:var(--encre-2)}
.champ input,.champ textarea{
  font-family:var(--texte); font-size:16.4px; color:var(--encre); width:100%;
  background:var(--creme); border:2px solid var(--filet); border-radius:3px;
  padding:12px 14px; transition:border-color .2s var(--ease), box-shadow .2s var(--ease);
}
.champ textarea{resize:vertical; min-height:110px; line-height:1.6}
.champ input:focus,.champ textarea:focus{
  outline:none; border-color:var(--verm);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--verm) 15%,transparent);
}
.champ .err{font-size:13.6px; color:var(--verm); font-weight:600}
.champ[data-err] input,.champ[data-err] textarea{border-color:var(--verm)}
.pot{position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden}
.pot input{font-family:var(--texte); color:var(--encre); background:transparent; border:0}
.etat{display:none; font-size:15.6px; padding:15px 17px; border-radius:4px; font-weight:600}
.etat.on{display:block}
.etat.ok{background:color-mix(in srgb,var(--bleu) 10%,transparent); border-left:4px solid var(--bleu-2)}
.etat.ko{background:color-mix(in srgb,var(--verm) 11%,transparent); border-left:4px solid var(--verm); color:var(--verm)}
.etat a{color:inherit}

/* fiche de contact */
.fiche{background:var(--creme-2); border:1px solid var(--filet); border-radius:6px;
  padding:clamp(24px,3vw,34px)}
.fiche dt{font-size:13px; font-weight:600; letter-spacing:.02em; color:var(--encre-2); margin-bottom:5px}
.fiche dd{margin:0 0 22px; font-family:var(--titre); font-size:clamp(1.24rem,2.2vw,1.6rem);
  letter-spacing:.02em}
.fiche dd:last-child{margin-bottom:0}
.fiche dd a{text-decoration-color:color-mix(in srgb,var(--verm) 50%,transparent); word-break:break-word}
.fiche dd a:hover{color:var(--verm)}

/* ------------------------------------------------------------------ pied */
.pied{background:var(--bleu); color:var(--sur-fonce-2); margin-top:0}
.pied-in{display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:38px;
  padding-block:clamp(46px,5vw,64px) 0}
.pied .marque span{color:var(--sur-fonce)}
.pied .marque svg{color:var(--verm)}
.pied h4{color:var(--sur-fonce); font-size:.98rem; letter-spacing:.05em; margin-bottom:14px}
.pied a{color:var(--sur-fonce-2); text-decoration:none; display:inline-block; padding:4px 0;
  transition:color .22s var(--ease)}
.pied a:hover{color:var(--ambre)}
.pied p{font-size:15px; margin-top:16px; max-width:38ch}
.pied-bas{
  margin-top:clamp(34px,4vw,48px); padding-block:22px calc(24px + env(safe-area-inset-bottom));
  border-top:1px solid color-mix(in srgb,#fff 12%,transparent);
  display:flex; flex-wrap:wrap; gap:10px 26px; font-size:13.8px;
}
.pied-bas .droite{margin-left:auto}
@media (max-width:820px){ .pied-in{grid-template-columns:1fr 1fr} .pied-in > :first-child{grid-column:1/-1} }
@media (max-width:520px){ .pied-in{grid-template-columns:1fr} }

/* barre d'appel sur mobile */
.appel-fixe{
  display:none; position:fixed; left:0; right:0; bottom:0; z-index:45;
  background:var(--verm-fond); color:var(--sur-verm); text-decoration:none; text-align:center;
  font-weight:600; font-size:16px; padding:15px 16px calc(15px + env(safe-area-inset-bottom));
  box-shadow:0 -8px 24px rgba(37,28,24,.16);
}
@media (max-width:720px){ .appel-fixe{display:block} body{padding-bottom:62px} }

/* --------------------------------------------------------- mise en mouvement */
.js .rv{opacity:0; transform:translateY(22px);
  transition:opacity .8s var(--ease), transform .8s var(--ease);
  transition-delay:calc(var(--i,0)*85ms)}
.js .rv.vu{opacity:1; transform:none}
@media (prefers-reduced-motion:reduce){
  .js .rv{opacity:1; transform:none; transition:none}
  .f1,.f2,.f3,.tel-cadre,.piste,.curseur{animation:none !important}
  .btn,.cartouche,.marque svg,.nav a::after{transition:none}
}