/* Page projet Thelma & Rose — styles propres à la page (le cadre vient de base.css + projet.css) */
@font-face{font-family:"IvyPresto Headline";src:url("../../fonts/ivypresto-headline-light.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"IvyPresto Display";src:url("../../fonts/ivypresto-display-thin-italic.woff2") format("woff2");font-weight:200;font-style:italic;font-display:swap}
/* =====================================================================
   UNIVERS THELMA & ROSE — crème (#ECEAEA), navy (#111F3B), or (#CEAC7F)
   Une maison de mode : du blanc cassé, de l'encre navy, l'or en touche. L'IvyPresto pour la marque.
   ===================================================================== */
html{overflow-x:clip}body{background:#F1EFEA}
.page-projet{--fond-projet:#ECEAEA;--texte-projet:#111F3B;--accent-projet:#9A7445;--trait-projet:rgba(17,31,59,.2);--doux-projet:#4D5672;--tuile:#E4E1DC;--ink:17,31,59;--navy:#111F3B;--or:#CEAC7F;--creme:#ECEAEA;--ivy:"IvyPresto Headline",Georgia,serif;--ivy-i:"IvyPresto Display",Georgia,serif}
/* --- hero --- */
.p-hero{height:min(calc(100vh - var(--barre) - var(--cadre-l)),760px);min-height:560px}
.p-hero::after{display:none}
.p-hero .fondu{position:absolute;top:0;bottom:0;right:0;width:68%;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 22%,#000 50%),linear-gradient(0deg,transparent 0%,rgba(0,0,0,.5) 16%,#000 40%);
  -webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 22%,#000 50%),linear-gradient(0deg,transparent 0%,rgba(0,0,0,.5) 16%,#000 40%);mask-composite:intersect}
.p-hero .fondu img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.6s var(--doux);animation:none}
.p-hero .fondu img.actif{opacity:1}
.p-hero .fondu img:first-child{animation:p-zoom 2.4s var(--machine) both}
.p-hero .p-titre{font-size:min(11.5vw,170px);white-space:nowrap;max-width:none}
.p-hero .h-rp{display:flex;gap:10px;align-items:center}
.p-hero .h-rp i{display:inline-block;width:18px;height:2px;background:rgba(var(--ink),.25);transition:background .4s}
.p-hero .h-rp i.actif{background:var(--texte-projet)}

/* --- intro --- */
.p-meta dl{border-top-color:var(--texte-projet)}
.p-meta dt{color:var(--doux-projet)}
.p-texte p+p{color:var(--texte-projet);font-size:16px}
.p-texte .lab{color:var(--doux-projet)}

/* --- chapitre (une quête) --- */
.chap{display:grid;grid-template-columns:repeat(12,1fr);gap:0 var(--gouttiere);padding:120px var(--m) 64px;border-top:1px solid var(--texte-projet)}
.chap .num{grid-column:1/-1;display:flex;justify-content:space-between;color:var(--doux-projet);margin-bottom:26px}
.chap h2{grid-column:1/8;font-weight:900;font-stretch:25%;text-transform:uppercase;line-height:.84;font-size:min(8vw,112px);text-wrap:balance}
.chap h2 span{color:var(--accent-projet)}
.chap p{grid-column:9/13;align-self:end;font-size:17px;line-height:1.55}

/* --- bloc --- */
.bloc{display:grid;grid-template-columns:repeat(12,1fr);gap:0 var(--gouttiere);padding:0 var(--m) 96px}
.bloc-tete{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--trait-projet);padding-top:10px;margin-bottom:30px;color:var(--doux-projet)}
.bloc .tx{grid-column:1/5;align-self:start}
.bloc .vis{grid-column:5/13;min-width:0}
.bloc.inv .tx{grid-column:9/13;grid-row:2}
.bloc.inv .vis{grid-column:1/9;grid-row:2}
.bloc.plein .tx{grid-column:1/6;margin-bottom:34px}
.bloc.plein .vis{grid-column:1/-1}
.tx h3{font-size:34px;font-weight:800;font-stretch:32%;text-transform:uppercase;line-height:.92;margin-bottom:16px;text-wrap:balance}
.tx p{font-size:16px;line-height:1.6;max-width:40ch}
.tx p+p{margin-top:12px}
.tx .aide{display:flex;align-items:flex-start;gap:8px;margin-top:22px;color:var(--accent-projet)}
.tx .aide::before{content:"";width:18px;height:1px;background:currentColor;flex:none;margin-top:.62em}

.monte{opacity:0;transform:translateY(22px);transition:opacity .9s var(--machine),transform 1.1s var(--machine)}
.monte.vu{opacity:1;transform:none}
figure.f.rv::before{clip-path:inset(0 100% 100% 0);transition:clip-path 1.1s var(--machine)}
figure.f.rv::after,figure.f.rv figcaption{opacity:0;transition:opacity .6s var(--doux) .5s}
figure.f.rv>.tuile,figure.f.rv>.x-comparer,figure.f.rv>.x-table{clip-path:inset(100% 0 0 0);transition:clip-path 1.2s var(--machine) .25s}
figure.f.rv.vu::before{clip-path:inset(0)}
figure.f.rv.vu::after,figure.f.rv.vu figcaption{opacity:1}
figure.f.rv.vu>.tuile,figure.f.rv.vu>.x-comparer,figure.f.rv.vu>.x-table{clip-path:inset(0)}

/* tuiles */
.tuile{position:relative;overflow:hidden}
.tuile img{display:block;width:100%;height:auto}
/* repère d'imprimeur (DA du site, .repere) : filet tireté + traits de coupe aux 4 coins + étiquettes mono .rk / .rd */
figure.f{position:relative;display:flex;flex-direction:column;min-width:0;padding:22px;--cdc:rgba(var(--ink),.6)}
figure.f::before{content:"";position:absolute;inset:10px;border:1px dashed var(--trait-projet);pointer-events:none;z-index:2}
figure.f::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:
  linear-gradient(var(--cdc),var(--cdc)) left 0 top 10px/6px 1px no-repeat,linear-gradient(var(--cdc),var(--cdc)) left 10px top 0/1px 6px no-repeat,
  linear-gradient(var(--cdc),var(--cdc)) right 0 top 10px/6px 1px no-repeat,linear-gradient(var(--cdc),var(--cdc)) right 10px top 0/1px 6px no-repeat,
  linear-gradient(var(--cdc),var(--cdc)) left 0 bottom 10px/6px 1px no-repeat,linear-gradient(var(--cdc),var(--cdc)) left 10px bottom 0/1px 6px no-repeat,
  linear-gradient(var(--cdc),var(--cdc)) right 0 bottom 10px/6px 1px no-repeat,linear-gradient(var(--cdc),var(--cdc)) right 10px bottom 0/1px 6px no-repeat}
figure.f figcaption{position:absolute;inset:0;z-index:3;pointer-events:none}
figure.f figcaption .leg{position:absolute;left:34px;top:-4px;line-height:1;white-space:nowrap}
figure.f figcaption .seg{position:absolute;right:30px;top:-12px;pointer-events:auto;background:var(--fond-projet)}
.cadre{display:flex;justify-content:flex-start}
.bloc.inv .cadre{justify-content:flex-end}
.cadre>figure{width:var(--w,100%);max-width:100%}


/* rangée justifiée */
.rang{display:flex;gap:var(--gouttiere);align-items:flex-start}
.rang>figure{flex:var(--r) 1 0;min-width:0}

/* --- bascule « en situation / à plat » : sur place, sans fenêtre --- */
.scene-b{position:relative;transition:height .75s var(--machine)}
.scene-b>.mk{display:block;width:100%;height:auto;transition:opacity .5s var(--doux),transform .8s var(--machine),filter .5s}
.scene-b>.pl{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:16px;padding:22px;background:var(--tuile);
  clip-path:inset(0 0 100% 0);transition:clip-path .8s var(--machine)}
.scene-b>.pl img{display:block;height:100%;width:auto;max-width:100%;object-fit:contain;box-shadow:0 10px 24px rgba(var(--ink),.16);transform:translateY(-18px) rotate(-1.2deg);opacity:0;transition:transform .9s var(--machine) .1s,opacity .4s .1s}
.scene-b>.pl img+img{transform:translateY(-18px) rotate(1.4deg)}
.x-note{transition:opacity .4s}
.bascule.plat .scene-b>.mk{opacity:0;transform:scale(.96);filter:blur(2px)}
.bascule.plat .scene-b>.pl{clip-path:inset(0)}
.bascule.plat .scene-b>.pl img{transform:none;opacity:1}
.seg{display:inline-flex;border:1px solid rgba(var(--ink),.35);border-radius:999px;padding:2px;gap:2px;flex:none}
.seg button{border:0;background:none;border-radius:999px;padding:3px 10px;min-height:22px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--doux-projet);cursor:pointer;transition:background .35s,color .35s}
.seg button[aria-pressed="true"]{background:var(--texte-projet);color:var(--fond-projet)}
.seg button:focus-visible{outline:2px solid var(--accent-projet);outline-offset:2px}

/* citation */
.p-citation{display:grid;grid-template-columns:repeat(12,1fr);gap:0 var(--gouttiere);padding:0 var(--m) 96px}
.p-citation small{grid-column:1/-1;border-top:1px solid var(--trait-projet);padding-top:10px;margin:0 0 26px;color:rgba(var(--ink),.72)}
.p-citation p,.p-citation.longue p{grid-column:1/10;font-size:min(5vw,64px);line-height:.92;color:var(--texte-projet)}

/* note manuscrite */
.x-note{position:absolute;font-family:var(--hand);color:var(--rouge);font-size:32px;line-height:.9;white-space:nowrap;z-index:3;pointer-events:none}
.x-note svg{position:absolute;overflow:visible}.x-note path{fill:none;stroke:var(--rouge);stroke-width:2.2;stroke-linecap:round}

/* ===================== composants interactifs ===================== */
.x-btn{background:none;border:1px solid var(--trait-projet);color:var(--texte-projet);min-height:40px;min-width:40px;padding:9px 14px;border-radius:999px;cursor:pointer;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;transition:border-color .3s,background .3s,color .3s}
.x-btn:hover{border-color:var(--texte-projet)}
.x-btn.plein{background:var(--texte-projet);color:var(--fond-projet);border-color:var(--texte-projet)}
.x-btn:focus-visible{outline:2px solid var(--accent-projet);outline-offset:2px}
.x-btn .ar{width:16px;height:10px}


/* --- hero : le film de la page d'accueil, en fondu --- */
.p-hero .p-titre{font-size:min(14vw,210px);line-height:.8}
.p-hero .fondu video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:p-zoom 2.4s var(--machine) both}
.p-hero .h-film{position:absolute;right:var(--m);top:24px;z-index:2;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#fff;opacity:.85;display:flex;gap:8px;align-items:center}
.p-hero .h-film i{width:6px;height:6px;border-radius:50%;background:#fff;animation:pouls 1.8s var(--doux) infinite}
@keyframes pouls{0%,100%{opacity:.3}50%{opacity:1}}

/* --- l'esperluette qui se dessine (film d'Axel) --- */
.esp-f{background:var(--navy);line-height:0}
.esp-f video{width:100%;height:auto;display:block}

/* --- déclinaisons du logo, sur les trois couleurs --- */
.logos{display:grid;grid-template-columns:.8fr 1.1fr 1.3fr;align-items:center;justify-items:center;gap:20px;padding:56px 40px;min-height:380px;background:#F7F5F2;color:var(--navy);transition:background .6s var(--doux),color .6s var(--doux)}
.logos[data-fond="navy"]{background:var(--navy);color:var(--creme)}
.logos[data-fond="or"]{background:var(--or);color:var(--navy)}
.logos svg{height:auto;display:block}
.logos .l-pile{width:min(132px,100%)}.logos .l-centre{width:min(230px,100%)}.logos .l-ligne{width:min(300px,100%)}
.logos>div{display:flex;flex-direction:column;align-items:center;gap:22px}
.logos small{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;opacity:.55}

/* --- spécimen IvyPresto --- */
.specimen{display:flex;flex-direction:column;padding:30px 36px 26px;background:#F7F5F2;color:var(--navy)}
.sp-haut{display:grid;grid-template-columns:auto 1fr;gap:38px;align-items:end;border-bottom:1px solid var(--trait-projet);padding-bottom:22px}
.sp-aa{font-family:var(--f);font-style:var(--st);font-weight:var(--w);font-size:clamp(110px,11vw,170px);line-height:.8;transition:opacity .3s}
.sp-nom{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--doux-projet)}
.sp-styles{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.sp-styles button{all:unset;cursor:pointer;display:flex;align-items:baseline;gap:12px;font-size:26px;color:var(--doux-projet);border-bottom:1px solid transparent;padding:2px 0;transition:color .25s,border-color .25s;width:max-content}
.sp-styles button:nth-child(1){font-family:var(--ivy);font-weight:300}.sp-styles button:nth-child(2){font-family:var(--ivy-i);font-style:italic;font-weight:200}
.sp-styles button small{font-family:var(--mono);font-style:normal;font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.sp-styles button:hover,.sp-styles button:focus-visible,.sp-styles button[aria-pressed="true"]{color:var(--navy);border-color:var(--navy)}
.sp-l{margin:20px 0 22px;font-family:var(--f);font-style:var(--st);font-weight:var(--w);font-size:clamp(34px,3.6vw,54px);line-height:1.05;outline:0;caret-color:var(--or)}
.sp-l:focus{text-decoration:underline 1px var(--trait-projet);text-underline-offset:8px}
.sp-bas{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:end;border-top:1px solid var(--trait-projet);padding-top:20px}
.sp-abc{font-family:var(--f);font-style:var(--st);font-weight:var(--w);font-size:21px;line-height:1.35;word-break:break-all}
.sp-c{display:flex;gap:8px}
.sp-c span{width:92px;height:92px;display:flex;flex-direction:column;justify-content:flex-end;padding:9px;background:var(--c);color:var(--t,var(--creme));border:1px solid var(--trait-projet);font-family:var(--mono);font-size:10px;letter-spacing:.04em}
.sp-c b{font-family:var(--ivy);font-size:16px;font-weight:300;letter-spacing:0}

/* --- l'étiquette : en boutique et à plat, recto / verso --- */
.etq{display:grid;grid-template-columns:1.5fr .5724fr;gap:var(--gouttiere);align-items:start;background:transparent}
.etq .situ{position:relative;aspect-ratio:1.5;overflow:hidden}
.etq .situ img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s var(--doux)}
.etq .situ img.on{opacity:1}
.etq .plat{position:relative;perspective:1400px;cursor:pointer}
.etq .e-in{position:relative;width:100%;aspect-ratio:925/1616;transform-style:preserve-3d;transition:transform 1.1s var(--machine)}
.etq.verso .e-in{transform:rotateY(180deg)}
.etq .face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 18px 40px rgba(17,31,59,.18),0 0 0 1px rgba(17,31,59,.08)}
.etq .face img{width:100%;height:100%;display:block}
.etq .face.v{transform:rotateY(180deg)}

/* --- le site qui défile (et son film) --- */
figure.f[data-x="defile"]:has(.nav-f){width:100%}
.nav-f{width:100%;max-width:1120px;margin-inline:auto;position:relative;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 30px 70px rgba(17,31,59,.18),0 0 0 1px rgba(17,31,59,.1)}
.nav-f .barre-n{display:flex;align-items:center;gap:7px;height:34px;padding:0 14px;background:#E2DFDA;border-bottom:1px solid rgba(17,31,59,.08)}
.nav-f .barre-n i{width:10px;height:10px;border-radius:50%;background:rgba(17,31,59,.18)}
.vp{position:relative;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(17,31,59,.3) transparent}
.nav-f .vp{aspect-ratio:16/9.2}
.page-site{position:relative;container-type:inline-size;line-height:0}
.page-site>img{width:100%;height:auto;display:block}
.site-hero{position:absolute;left:0;top:0;width:100%;height:55.5cqw;overflow:hidden;line-height:1.2;color:#fff}
.site-hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.site-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.28),transparent 22%,transparent 70%,rgba(0,0,0,.2))}
.site-nav{position:absolute;left:2cqw;right:2cqw;top:1.4cqw;z-index:2;display:flex;align-items:center;gap:3.6cqw;font-family:var(--flex);font-size:1.05cqw}
.site-nav svg.esp{width:3.4cqw;height:auto;color:#fff;margin-right:5cqw}
.site-tag{position:absolute;left:0;right:0;top:44.4cqw;z-index:2;text-align:center;font-family:var(--ivy);font-weight:300;font-size:2.4cqw}
.site-tag em{font-family:var(--ivy-i);font-style:italic;font-weight:200}
.site-tag span{display:block;width:max-content;margin:1.4cqw auto 0;padding:.5cqw 2.6cqw;border-radius:99px;background:rgba(255,255,255,.75);color:var(--navy);font-size:1.1cqw;font-family:var(--ivy-i);font-style:italic}
/* vague du bas, comme sur le site */
.site-hero{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 666' preserveAspectRatio='none'%3E%3Cpath d='M0 0H1200V655C1150 647 1050 641 1000 638C900 632 800 633 700 636C550 647 450 655 350 661C250 666 100 666 0 663Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 666' preserveAspectRatio='none'%3E%3Cpath d='M0 0H1200V655C1150 647 1050 641 1000 638C900 632 800 633 700 636C550 647 450 655 350 661C250 666 100 666 0 663Z'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%}
.defile-aide{position:absolute;right:16px;bottom:14px;z-index:3;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;background:rgba(17,31,59,.82);color:var(--creme);padding:6px 10px;border-radius:99px;pointer-events:none;transition:opacity .5s}
.defile-aide.cache{opacity:0}

/* --- la newsletter, dans le téléphone --- */
.news{display:flex;justify-content:center;align-items:flex-start;gap:clamp(28px,4vw,64px)}
.news .mail .tuile{height:calc(300px*19.2/9);width:auto;aspect-ratio:922/2000}
.news .mail img{height:100%;width:auto}
.tel{position:relative;overflow:hidden;width:300px;aspect-ratio:9/19.2;border-radius:46px;padding:11px;background:linear-gradient(145deg,#2b3350,#0b1120 60%);box-shadow:0 0 0 1px rgba(17,31,59,.2),0 40px 80px rgba(17,31,59,.3)}
.tel .vp{position:absolute;inset:11px;width:auto;height:auto;border-radius:36px;background:#fff;scrollbar-width:none}
.tel .vp::-webkit-scrollbar{display:none}
.tel .vp img{width:100%;height:auto;display:block}

.credit{padding:0 var(--m) 60px;color:var(--doux-projet)}
.p-citation p{font-family:var(--ivy);font-weight:300;text-transform:none;font-stretch:100%;letter-spacing:-.01em;line-height:1}
.p-citation p span{font-family:var(--ivy-i);font-style:italic;font-weight:200;color:var(--accent-projet)}

/* indications : souris ou doigt */
.doigt{display:none}
@media (hover:none){.souris{display:none}.doigt{display:inline}}
.tx p,.p-texte p,.chap p{text-wrap:pretty}
.vis>*+*{margin-top:calc(var(--gouttiere) + 22px)}
.rang[style*='--rs']{max-width:calc(var(--rs)*680px + (var(--n) - 1)*var(--gouttiere));margin-inline:auto}

@media (max-width:900px){
  .p-hero .fondu{width:100%;opacity:.6}
  .p-hero .p-titre{font-size:clamp(70px,22vw,150px)}
  .p-hero .h-rp{display:none}
  .chap{padding:72px var(--m) 48px}.chap h2,.chap p{grid-column:1/-1}.chap p{margin-top:20px}
  .chap .num{flex-direction:column;align-items:flex-start;gap:4px}
  .bloc{padding-bottom:64px}.bloc .tx,.bloc .vis,.bloc.inv .tx,.bloc.inv .vis{grid-column:1/-1!important;grid-row:auto!important}
  .bloc .tx{margin-bottom:24px}
  .p-citation p,.p-citation.longue p{grid-column:1/-1;font-size:40px}
  .rang{flex-direction:column;gap:40px}.rang>figure{flex:none;width:100%}.rang[style*='--rs']{max-width:none}
  .logos{grid-template-columns:1fr;gap:40px;padding:44px 24px}
  .sp-haut{grid-template-columns:1fr;gap:14px}.sp-bas{grid-template-columns:1fr}.sp-c span{width:auto;flex:1;height:76px}.specimen{padding:26px 22px 24px}
  .etq{grid-template-columns:1fr}.etq .plat{width:62%;margin:0 auto}
  .nav-f .vp{aspect-ratio:3/4}
  .news{flex-direction:column;align-items:center}.tel{width:min(280px,76vw)}.news .mail .tuile{height:auto;width:min(280px,76vw)}.news .mail img{width:100%;height:auto}
}
@media (max-width:600px){
  .p-hero{height:auto;min-height:0;display:flex;flex-direction:column}
  .p-hero .fondu{position:relative;width:100%;height:62vw;opacity:1;-webkit-mask-image:linear-gradient(0deg,transparent 0%,#000 40%);mask-image:linear-gradient(0deg,transparent 0%,#000 40%)}
  .p-hero .h-in{position:relative;left:auto;right:auto;bottom:auto;padding:22px var(--m) 30px}
}
@media (prefers-reduced-motion:reduce){.monte{opacity:1;transform:none}.etq .e-in{transition:none}}
/* --- hero animé : le trait d'or dessine l'esperluette, puis le fil prend le relais --- */
.p-hero .fondu{background:#111F3B}
.p-hero .fondu img.h-photo{animation:h-photo 3.4s var(--doux) 2.6s both,h-lent 26s linear 2.6s both}
@keyframes h-photo{from{opacity:0}to{opacity:1}}
@keyframes h-lent{from{transform:scale(1.14)}to{transform:scale(1)}}
.h-esp{position:absolute;left:50%;top:50%;height:74%;width:auto;transform:translate(-38%,-50%);overflow:visible;z-index:1;animation:h-esp-out 1.6s var(--doux) 3.6s both}
.h-esp path{fill:#CEAC7F;fill-opacity:0;stroke:#CEAC7F;stroke-width:2;stroke-dasharray:1;stroke-dashoffset:1;vector-effect:non-scaling-stroke;
  animation:h-trace 2.4s cubic-bezier(.6,.05,.28,.98) .3s forwards,h-plein .9s var(--doux) 2.5s forwards}
.h-esp path+path{animation-delay:.9s,2.7s}
@keyframes h-trace{to{stroke-dashoffset:0}}
@keyframes h-plein{to{fill-opacity:.9}}
@keyframes h-esp-out{to{opacity:0;transform:translate(-38%,-50%) scale(1.12)}}
@media (prefers-reduced-motion:reduce){.h-esp{display:none}.p-hero .fondu img.h-photo{animation:none;opacity:1}}

/* --- étiquette : on change de côté par un scan, comme les bascules de la page --- */
.etq .situ img,.etq .face{transition:none;opacity:1;clip-path:inset(0);z-index:1}
.etq .situ img.on,.etq .face.on{z-index:2}
.etq .scan-in{clip-path:inset(0 0 100% 0)!important}
.etq .scan-go{transition:clip-path .8s var(--machine)!important}
.etq .situ img:not(.on):not(.reste),.etq .face:not(.on):not(.reste){visibility:hidden}
.etq .e-in{transform:none!important;transition:none}
.etq .face.v{transform:none}