#pourquoi .pq-track{--gap:clamp(20px,2.4vw,28px);--pq-ease:cubic-bezier(.16,1,.3,1);display:flex;gap:var(--gap);overflow-x:auto;scroll-snap-type:x mandatory;margin-top:clamp(36px,4.6vw,64px);padding:8px 0 4px;scrollbar-width:none}
#pourquoi .pq-track::-webkit-scrollbar{display:none}
/* Barre de progression : même mécanisme que .obj-progress (accueil.css), teinte terra sur fond clair. */
#pourquoi .pq-progress{height:3px;background:color-mix(in srgb,var(--camel) 25%,transparent);border-radius:2px;margin-top:18px;overflow:hidden}
#pourquoi .pq-progress span{display:block;height:100%;width:25%;background:var(--camel);border-radius:2px;transition:width .25s ease}
#pourquoi{padding:clamp(70px,11vw,120px) var(--pad)}
#pourquoi .hd.rev{display:block;max-width:min(980px,100%);margin-left:auto;margin-right:0;text-align:right}
#pourquoi .hd.rev h2{font-size:clamp(42px,5.8vw,78px);line-height:.98;text-align:right}
#pourquoi .hd.rev .say{max-width:68ch;margin:clamp(22px,2.6vw,34px) 0 0 auto;text-align:right}
#pourquoi .hd-lead>.over{text-align:right}
#pourquoi .pq-card{flex:0 0 calc((100% - 3*var(--gap))/4);scroll-snap-align:start;background:var(--camel);border-radius:16px;padding:clamp(28px,3.2vw,46px);min-height:280px;color:#fff}
#pourquoi .pq-card .n{display:block;font-family:var(--serif);font-size:clamp(36px,3.8vw,52px);line-height:1.15;font-weight:700;margin-bottom:24px;color:#fff}
#pourquoi .pq-card h3{color:#fff;font-size:clamp(23px,2.2vw,30px);line-height:1.15;margin:0 0 16px}
#pourquoi .pq-card p{color:#fff;font-size:16px;line-height:1.65;margin:0}
.block.rev{position:relative;display:flex;align-items:center;min-height:clamp(820px,90vw,1200px);overflow:hidden;isolation:isolate}
.block.rev::before,.block.rev::after,.matiere>.w::before,.matiere>.w::after{content:"";position:absolute;left:0;right:0;height:clamp(180px,23vw,330px);z-index:2;pointer-events:none;
  background:linear-gradient(var(--fondu-sens),
    var(--fond) 0%,
    color-mix(in srgb,var(--fond) 98%,transparent) 10%,
    color-mix(in srgb,var(--fond) 92%,transparent) 20%,
    color-mix(in srgb,var(--fond) 82%,transparent) 30%,
    color-mix(in srgb,var(--fond) 68%,transparent) 40%,
    color-mix(in srgb,var(--fond) 50%,transparent) 50%,
    color-mix(in srgb,var(--fond) 32%,transparent) 60%,
    color-mix(in srgb,var(--fond) 18%,transparent) 70%,
    color-mix(in srgb,var(--fond) 8%,transparent) 80%,
    color-mix(in srgb,var(--fond) 2%,transparent) 90%,
    color-mix(in srgb,var(--fond) 0%,transparent) 100%)}
.block.rev::before,.matiere>.w::before{top:0;--fondu-sens:to bottom}
.block.rev::after,.matiere>.w::after{bottom:0;--fondu-sens:to top}
main > .cta-band::before{display:none}
.block.rev .vis.photo{position:absolute;inset:0;min-height:0;padding:0}
.block.rev .vis.photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(38,38,42,.72),rgba(38,38,42,.12) 70%)}
.block.rev .vis.photo img{width:100%;height:100%;object-fit:cover}
.block.rev .txt{position:relative;z-index:1;max-width:620px;padding:clamp(40px,6vw,80px) var(--pad);color:var(--creme)}
.block.rev .txt h2{font-size:clamp(40px,5vw,64px);line-height:1.02;margin:16px 0 24px;color:var(--creme)}
.block.rev .txt p{color:var(--creme)}
.block.rev .txt .lk{display:inline-block;margin-top:18px;padding:14px 22px;border:1px solid var(--camel);border-radius:3px;background:var(--camel);color:var(--creme);text-decoration:none;letter-spacing:.04em;transition:background .3s ease,color .3s ease}
.block.rev .txt .lk:hover{background:var(--creme);color:var(--noir)}
#pourquoi .pq-ic{position:absolute;top:clamp(24px,2.8vw,38px);right:clamp(24px,2.8vw,38px);width:clamp(44px,4.4vw,58px);height:clamp(44px,4.4vw,58px);fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#pourquoi .pq-card{position:relative;--i:0;transition:transform 900ms cubic-bezier(.16,1,.3,1),opacity 900ms cubic-bezier(.16,1,.3,1)}
#pourquoi .pq-card:nth-child(2){--i:1}#pourquoi .pq-card:nth-child(3){--i:2}#pourquoi .pq-card:nth-child(4){--i:3}
#pourquoi .pq-track.anim .pq-card{opacity:0;transform:translateY(40px) scale(.94)}
#pourquoi .pq-track.anim.in .pq-card{opacity:1;transform:none;animation:pq-card-in 1800ms cubic-bezier(.16,1,.3,1) calc(var(--i)*180ms) both}
#pourquoi .pq-track.anim.in .pq-ic{animation:pq-icon-in 1400ms cubic-bezier(.16,1,.3,1) calc(var(--i)*180ms) both}
#pourquoi .pq-track.anim.in .n>span{animation:pq-number-in 1300ms cubic-bezier(.16,1,.3,1) calc(160ms + var(--i)*180ms) both}
@keyframes pq-card-in{from{opacity:0;transform:translateY(40px) scale(.94)}to{opacity:1;transform:none}}
@keyframes pq-icon-in{from{opacity:0;transform:translateY(14px) scale(.6)}to{opacity:1;transform:none}}
@keyframes pq-number-in{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){#pourquoi .pq-track.anim .pq-card,#pourquoi .pq-track.anim.in .pq-ic,#pourquoi .pq-track.anim.in .n>span{animation:none;opacity:1;transform:none}}
@media(max-width:1100px){#pourquoi .pq-card{flex-basis:calc((100% - var(--gap))/2)}}
@media(max-width:640px){
  /* Empilement vertical plutôt que scroll-snap horizontal (retour client :
     même comportement que .trio/.pil). */
  #pourquoi .pq-track{flex-direction:column;overflow-x:visible;scroll-snap-type:none}
  #pourquoi .pq-card{flex-basis:auto;width:100%;min-height:0}
}

/* ---- la matière : carte posée sur la photo ---- (venu de l'accueil le 03/09,
   déplacé sur /atelier — retour client « la ouate va sur la page atelier »).
   .spec, .photofond, .matiere, .madefr* n'étaient utilisés que par cette
   section : ils quittent accueil.css avec elle plutôt que d'y rester en code
   mort. */
#pourquoi .trio{grid-template-columns:repeat(4,1fr);gap:clamp(22px,3vw,42px)}
#pourquoi .pil p{max-width:none}
@media(max-width:900px){#pourquoi .trio{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){#pourquoi .trio{grid-template-columns:1fr}}

.spec{margin:26px 0 0;padding:0;list-style:none;border-top:1px solid var(--ligne)}
.spec li{display:flex;justify-content:space-between;gap:20px;padding:12px 0;
  border-bottom:1px solid var(--ligne);font-size:13.5px}
.spec dt,.spec .k{color:var(--camel-fonce)} /* labels specs en camel (retour client) */
.spec .v{font-family:var(--serif);font-weight:600;font-variant-numeric:tabular-nums}

/* ---- sections dont la photo tient lieu de fond ---- */
.photofond{position:relative;isolation:isolate;overflow:hidden}
.photofond::before{content:"";position:absolute;inset:0;z-index:-2;
  background:var(--fond) var(--cadre,center)/cover no-repeat;transform:scale(1.04)}
.photofond::after{content:"";position:absolute;inset:0;z-index:-1;background:var(--voile)}

/* la matière : carte posée sur la photo (design system du 02/09) — avant,
   un voile dégradé sur toute la largeur ; le voile se limite maintenant à
   un fond léger derrière la carte (contraste minimal, la carte fait le
   travail), la photo respire davantage sur sa droite. */
.matiere{padding:clamp(104px,13vw,215px) 0;
  --voile:linear-gradient(100deg,rgba(251,247,238,.4) 0%,rgba(251,247,238,.15) 44%,
    rgba(251,247,238,0) 62%)}
.matiere .col{max-width:min(62ch,58%);background:var(--creme);border-radius:16px;
  box-shadow:0 30px 70px -30px rgba(38,38,42,.35);
  padding:clamp(34px,4vw,56px)}
.matiere h2{font-size:clamp(32px,4.6vw,66px);margin-bottom:24px}
/* bannière « 100 % made in France » + carte (retour client) */
.madefr{display:flex;align-items:center;gap:clamp(20px,2.6vw,32px);max-width:48ch;
  margin-top:clamp(44px,4.6vw,64px);padding-top:clamp(32px,3.4vw,44px);border-top:1px solid var(--ligne)}
.madefr .fr-map{width:clamp(78px,8vw,104px);height:auto;flex:0 0 auto}
.madefr .fr-land{fill:rgba(181,103,62,.1);stroke:var(--camel-fonce);stroke-width:1.1;stroke-linejoin:round;stroke-linecap:round}
.madefr .fr-dot{fill:var(--camel-fonce)}
/* ping « sonar » depuis Jonzac (ondes acoustiques), déclenché au scroll via
   .anim.in (reveal.js — data-reveal, plus l'observateur dédié de l'accueil
   qui n'existe plus ici). */
.madefr .fr-ping{fill:none;stroke:var(--camel-fonce);stroke-width:1;opacity:0;transform-box:fill-box;transform-origin:center}
.madefr.anim.in .fr-ping{animation:fr-ping 3s var(--out) infinite}
.madefr.anim.in .fr-ping2{animation-delay:1.5s}
@keyframes fr-ping{0%{transform:scale(.35);opacity:.7}70%{opacity:0}100%{transform:scale(4);opacity:0}}
.madefr-flag{display:flex;align-items:center;gap:9px;margin:0;font-family:var(--serif);font-weight:600;
  font-size:clamp(18px,1.5vw,22px);line-height:1.15;color:var(--camel-fonce)}
.madefr-flag .tricolore{display:inline-flex;width:26px;height:17px;border-radius:2px;overflow:hidden;
  flex:0 0 auto;border:1px solid rgba(38,38,42,.35);box-shadow:0 1px 3px rgba(38,38,42,.22)}
.madefr-flag .tricolore i{flex:1}
/* drapeau français sombre (retour client) — classes fl-* pour éviter la collision avec l'utilitaire global .w */
.madefr-flag .tricolore .fl-b{background:#1E3A5F}.madefr-flag .tricolore .fl-w{background:#E9E2D4}
.madefr-flag .tricolore .fl-r{background:#7A2E2E}
.matiere .col .say,.madefr-sub{text-align:justify;-webkit-hyphens:auto;hyphens:auto} /* texte justifié (retour client) */
/* plus d'air entre les éléments de la matière (retour client « trop tassé ») */
.matiere .col h2{margin-bottom:clamp(20px,2.4vw,32px)}
.matiere .col .spec{margin-top:clamp(32px,3.6vw,48px)}
.matiere .col .spec li{padding:16px 0}
.madefr-sub{margin:16px 0 0;color:#3F444B;font-size:14.5px;line-height:1.65}
@media(prefers-reduced-motion:reduce){.madefr.anim.in .fr-ping{animation:none;opacity:0}}
@media(max-width:560px){.madefr{flex-direction:column;align-items:flex-start;gap:16px}}

@media(max-width:900px){
  .matiere .col{max-width:none}
  .matiere{--voile:linear-gradient(rgba(251,247,238,.95),rgba(251,247,238,.90))}}

/* Étiquette cousue : trame coton, tension des bords et fil en relief. */
.matiere{padding:clamp(180px,23vw,330px) var(--pad);--voile:linear-gradient(rgba(38,38,42,.1),transparent 65%)}
.matiere>.w{position:static;--fond:var(--blanc,#fff)}
.matiere .textile-label{position:relative;max-width:min(980px,92vw);margin:0 auto;border-radius:2px 4px 3px 2px;
  padding:clamp(32px,4vw,58px);color:var(--noir);
  background-color:#f4f2ec;
  background-image:
    linear-gradient(93deg,rgba(38,38,42,.12),transparent 2%,rgba(255,255,255,.6) 3%,transparent 6%,transparent 94%,rgba(38,38,42,.07) 98%,rgba(255,255,255,.7)),
    linear-gradient(177deg,rgba(38,38,42,.08),transparent 5%,transparent 44%,rgba(38,38,42,.035) 48%,rgba(255,255,255,.5) 51%,transparent 56%,transparent 94%,rgba(38,38,42,.08)),
    repeating-linear-gradient(0deg,rgba(255,255,255,.35) 0 1px,rgba(38,38,42,.055) 1px 2px,transparent 2px 4px),
    repeating-linear-gradient(90deg,transparent 0 2px,rgba(38,38,42,.06) 2px 3px,rgba(255,255,255,.45) 3px 4px);
  border:1px solid rgba(100,94,80,.25);transform:none;
  box-shadow:inset 0 0 0 5px rgba(255,255,255,.3),inset 0 0 12px rgba(70,62,45,.12),
    0 1px 1px rgba(38,38,42,.24),0 3px 5px -2px rgba(38,38,42,.2)}
.textile-label::before{content:"";position:absolute;inset:11px;pointer-events:none;
  border:1px solid rgba(100,94,80,.14);border-radius:1px;
  background:
    repeating-linear-gradient(90deg,#ded9cb 0 5px,transparent 5px 9px) top left/100% 2px,
    repeating-linear-gradient(90deg,#ded9cb 0 5px,transparent 5px 9px) bottom left/100% 2px,
    repeating-linear-gradient(0deg,#ded9cb 0 5px,transparent 5px 9px) top left/2px 100%,
    repeating-linear-gradient(0deg,#ded9cb 0 5px,transparent 5px 9px) top right/2px 100%;
  background-repeat:no-repeat;filter:drop-shadow(0 1px .5px rgba(60,50,35,.4));
  box-shadow:0 0 2px rgba(255,255,255,.8),inset 0 0 3px rgba(100,94,80,.1)}
.textile-label::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:5px;pointer-events:none;
  background:repeating-linear-gradient(90deg,#e6e2d7 0 1px,#faf8f2 1px 2px,transparent 2px 4px);
  clip-path:polygon(0 0,100% 0,100% 65%,94% 100%,86% 55%,77% 85%,65% 60%,53% 100%,42% 65%,30% 90%,17% 50%,6% 85%,0 55%)}
.label-brand{display:flex;align-items:center;justify-content:space-between;gap:20px;
  margin:-8px 0 30px;padding:16px 0 24px;border-bottom:2px solid var(--noir)}
.label-brand img{display:block;width:170px;max-width:55%;height:auto}
.label-brand>span:last-child{font-size:10px;line-height:1.7;text-align:right;text-transform:uppercase;letter-spacing:.1em}
/* Format paysage (retour 18/09) : deux colonnes sous l'en-tête plutôt qu'un
   empilement vertical, pour que la carte s'élargisse au lieu de s'allonger. */
.tl-body{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,3.5vw,52px);align-items:start}
.tl-specs .spec{margin-top:0}
@media(max-width:600px){.tl-body{grid-template-columns:1fr}}
.matiere .over{display:block;color:var(--camel-fonce);font-size:12px;letter-spacing:.18em}
.matiere .col h2{font-family:var(--sans);font-size:clamp(30px,3.5vw,48px);font-weight:600;
  line-height:1.12;letter-spacing:-.035em;margin:16px 0 24px;text-wrap:balance}
.matiere .say{font-size:14px;line-height:1.85;margin-top:20px}
.matiere .col .spec{margin-top:30px;border-color:var(--noir)}
.matiere .col .spec li{padding:13px 0;gap:18px;border-color:var(--ligne);font-size:12px;align-items:baseline}
.matiere .spec .k{flex:0 0 40%;color:var(--camel-fonce)}
.matiere .spec .v{font-family:var(--sans);font-size:12px;text-align:right}
.matiere .madefr{margin-top:28px;padding-top:24px;border-top:2px solid var(--noir);gap:18px}
.matiere .madefr .fr-map{width:72px}
.matiere .madefr-flag{font-family:var(--sans);font-size:14px;line-height:1.5;color:var(--noir)}
.matiere .madefr-sub{font-size:12px;line-height:1.8;margin-top:12px}
@media(max-width:900px){.matiere{--voile:linear-gradient(90deg,rgba(38,38,42,.12),transparent)}}
@media(max-width:560px){
  .matiere{padding:180px var(--pad);--cadre:65% center}
  .matiere .textile-label{transform:none;padding:32px 26px}
  .textile-label::before{inset:9px}
  .label-brand{gap:12px}.label-brand img{width:140px}
  .label-brand>span:last-child{font-size:9px;letter-spacing:.04em}
  .matiere .madefr{flex-direction:row;align-items:flex-start;gap:12px}
  .matiere .madefr .fr-map{width:48px}
  .matiere .madefr-flag{flex-wrap:wrap;font-size:12px}
  .matiere .spec .k{flex-basis:38%}
}

/* Garder les proportions paysage aux largeurs intermédiaires. */
@media(min-width:601px) and (max-width:1000px){
  .matiere .textile-label{padding:28px}
  .tl-body{grid-template-columns:1.15fr 1fr;gap:24px}
  .label-brand{margin-bottom:22px;padding:8px 0 18px}
  .matiere .col h2{font-size:30px;margin:12px 0 18px}
  .matiere .say{font-size:13px;line-height:1.65;margin-top:16px}
  .matiere .col .spec{margin-top:0}
  .matiere .madefr{gap:12px;margin-top:20px;padding-top:18px}
  .matiere .madefr .fr-map{width:48px}
  .matiere .madefr-sub{text-align:left;line-height:1.6}
}

/* Qui sommes-nous : mêmes marges et rythme que les sections de l'atelier. */
#qui{padding:clamp(56px,8vw,112px) var(--pad) clamp(40px,6vw,80px)}
#qui .qui-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-areas:"photo texte";gap:clamp(32px,5vw,80px);align-items:start;margin:0}
#qui .qui-txt{grid-area:texte;text-align:right}
#qui h2{font-size:clamp(34px,4.6vw,60px);line-height:1.05;letter-spacing:-.03em;margin:16px 0 28px;text-wrap:balance}
#qui .qui-txt>p{max-width:58ch;margin:0 0 20px auto;line-height:1.8;color:var(--gris)}
#qui .qui-txt>.over{color:var(--camel-fonce);margin-bottom:16px}
#qui .qui-txt>.say{font-size:clamp(16px,1.4vw,19px);color:var(--noir)}
#qui blockquote{position:relative;margin:32px 0;padding:clamp(64px,6vw,84px) clamp(24px,3vw,40px) clamp(24px,3vw,40px);background:#fff;border:1.5px solid var(--ligne);border-radius:20px;font-family:var(--serif);font-weight:500;font-size:clamp(17px,1.5vw,21px);line-height:1.55;color:var(--noir)}
#qui blockquote::before{content:"\201C";position:absolute;top:clamp(18px,2vw,28px);right:clamp(24px,3vw,40px);font-family:var(--serif);font-size:66px;line-height:1;color:var(--camel);opacity:.4}
#qui .qui-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.6vw,22px);text-align:left}
#qui .qui-cards p{margin:0;padding:clamp(22px,2.4vw,32px);background:var(--camel);border-radius:16px;line-height:1.75;color:#fff}
#qui .qui-cards p:nth-child(2){--i:1}
#qui .qui-cards.anim p{opacity:0;transform:translateY(40px) scale(.94)}
#qui .qui-cards.anim.in p{opacity:1;transform:none;animation:pq-card-in 1800ms cubic-bezier(.16,1,.3,1) calc(var(--i,0)*180ms) both}
@media(prefers-reduced-motion:reduce){#qui .qui-cards.anim p{animation:none!important;opacity:1;transform:none}}
#qui .qui-photo{grid-area:photo;margin:40px 0 0}
/* Bureau : le texte est éclaté dans la grille pour que la photo démarre à la hauteur de la citation. */
@media(min-width:701px){
  #qui .qui-grid{grid-template-areas:none;row-gap:0}
  #qui .qui-txt{display:contents}
  #qui .qui-txt>*{grid-column:2}
  #qui .qui-txt>.over{grid-row:1}
  #qui .qui-txt>h2{grid-row:2}
  #qui .qui-txt>.say{grid-row:3}
  #qui .qui-txt>blockquote{grid-row:4}
  #qui .qui-txt>.qui-cards{grid-row:5}
  #qui .qui-photo{grid-column:1;grid-row:4/6;margin-top:32px}
}

#qui .qui-photo img{display:block;width:100%;height:auto;border-radius:16px}
#qui .qui-photo figcaption{margin-top:20px;padding-top:18px;border-top:1px solid var(--ligne);display:flex;flex-direction:column;gap:5px}
#qui .qui-photo strong{font-family:var(--serif);font-weight:600;font-size:clamp(22px,2vw,28px);color:var(--noir)}
#qui .qui-photo span{font-size:13px;color:var(--camel-fonce)}
@media(max-width:700px){
  #qui .qui-grid{grid-template-columns:1fr;grid-template-areas:"texte" "photo";gap:28px}
  #qui .qui-photo{margin:0}
  #qui .qui-txt>p{max-width:none}
  #qui .qui-cards{grid-template-columns:1fr}
  #qui blockquote{margin:24px 0}
}

/* Équipe : en-tête à droite, six idées sur la marge gauche du site. */
.equipe{padding:clamp(64px,8vw,112px) var(--pad);color:var(--noir)}
.equipe-intro{max-width:min(980px,100%);margin:0 0 clamp(56px,8vw,104px) auto;text-align:right}
.equipe-intro .over{margin:0 0 24px}
.equipe-intro h2{font-size:clamp(42px,5.8vw,78px);line-height:.98;margin:0;letter-spacing:-.03em}
.equipe-intro>p:last-child{max-width:68ch;margin:clamp(22px,2.6vw,34px) 0 0 auto;color:var(--gris);line-height:1.8}
/* Abécédaire : cards blanches à coins arrondis (même DA que les cards commentaire), arrivée latérale alternée. */
.equipe{overflow-x:clip}
.equipe-lettres{display:grid;gap:clamp(18px,2.2vw,28px)}
.equipe-lettre{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:clamp(20px,3vw,40px);width:min(100%,680px);padding:clamp(22px,3vw,36px) clamp(24px,3.2vw,44px);background:#fff;border:1.5px solid var(--ligne);border-radius:20px;text-align:left}
.equipe-lettre:nth-child(odd){justify-self:start}
.equipe-lettre:nth-child(even){justify-self:end}
.equipe-lettre h3{font-family:var(--serif);font-size:clamp(56px,6vw,84px);font-weight:600;line-height:1;margin:0;color:var(--camel)}
.equipe-lettre p{font-size:16px;line-height:1.75;color:var(--gris);margin:0}
.equipe-lettre.anim{opacity:0;transform:translateX(-90px);transition:opacity 900ms ease,transform 1100ms cubic-bezier(.16,1,.3,1)}
.equipe-lettre.anim:nth-child(even){transform:translateX(90px)}
.equipe-lettre.anim.in{opacity:1;transform:none}
.equipe-mot-cle{font-weight:600;color:var(--noir);background:linear-gradient(var(--camel),var(--camel)) left bottom/100% 1px no-repeat}
.equipe-lettre.anim .equipe-mot-cle{background-size:0 1px;transition:background-size 1100ms cubic-bezier(.16,1,.3,1) 450ms}
.equipe-lettre.anim.in .equipe-mot-cle{background-size:100% 1px}
@media(max-width:560px){.equipe-lettre{grid-template-columns:1fr;gap:10px}.equipe-lettre p{font-size:15px}.equipe-lettre.anim{transform:translateX(-40px)}.equipe-lettre.anim:nth-child(even){transform:translateX(40px)}.equipe-lettre.anim.in{transform:none}}
@media(prefers-reduced-motion:reduce){.equipe-lettre.anim{opacity:1;transform:none;transition:none}.equipe-lettre.anim .equipe-mot-cle{background-size:100% 1px;transition:none}}