/* Photogramme · photographe et vidéaste fictif · une seule famille : Pathway Extreme (OFL) */
@font-face{font-family:'Pathway Extreme';font-style:normal;font-weight:100 900;font-stretch:75% 100%;font-display:swap;src:url(fonts/pathway-extreme.woff2) format('woff2')}
@font-face{font-family:'Pathway Extreme';font-style:italic;font-weight:100 900;font-stretch:75% 100%;font-display:swap;src:url(fonts/pathway-extreme-italic.woff2) format('woff2')}

:root{
  --noir:#0d0c0b; --noir-2:#151311; --noir-3:#1e1b18; --noir-4:#29251f;
  --ecran:#f2ede4; --ecran-2:#bdb6aa; --ecran-3:#948d82;
  --filet:rgba(242,237,228,.14); --filet-fort:rgba(242,237,228,.3);
  --tung:#d9a86a;            /* lumière tungstène : codes de bord, numéros, petites marques */
  --papier:#ebe5da; --papier-2:#e0d9cc; --encre:#1a1714; --encre-2:#5a5249; --filet-clair:rgba(26,23,20,.16);
  --action:#5ce1e6; --action-h:#93ecef; --sur-action:#061416;   /* cyan de mire : boutons d'action seulement */
  --entete:64px;
  --g:clamp(16px,3vw,44px);
  --doux:cubic-bezier(.22,.61,.21,1);
  --sec:cubic-bezier(.7,0,.2,1);
  --police:'Pathway Extreme',ui-sans-serif,system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-padding-top:var(--entete);-webkit-text-size-adjust:100%;background:var(--noir)}
body{margin:0;background:var(--noir);color:var(--ecran);font-family:var(--police);font-size:17px;line-height:1.55;font-weight:380;font-stretch:100%;font-variation-settings:'opsz' 12;font-feature-settings:'kern','onum';-webkit-font-smoothing:antialiased;overflow-x:clip}
img,video,canvas,svg{display:block;max-width:100%}
a{color:inherit}
button,input,textarea{font:inherit;color:inherit}
h1,h2,h3,p,dl,dd,figure{margin:0}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.evite{position:fixed;left:12px;top:-60px;z-index:200;background:var(--action);color:var(--sur-action);padding:10px 14px;border-radius:2px;text-decoration:none;font-weight:600}
.evite:focus{top:12px}
:focus-visible{outline:2px solid var(--action);outline-offset:3px}
html.pg-intro body{overflow:hidden}

/* Étiquette */
.etiq{font-size:11.5px;font-weight:600;letter-spacing:.17em;text-transform:uppercase;font-variation-settings:'opsz' 10;color:var(--tung);font-feature-settings:'lnum','tnum'}

/* Boutons et liens */
.btn{display:inline-flex;align-items:center;gap:.6em;min-height:46px;padding:0 22px;background:var(--action);color:var(--sur-action);border:0;border-radius:2px;font-weight:620;font-stretch:90%;letter-spacing:.02em;text-decoration:none;cursor:pointer;position:relative;overflow:hidden;transition:background-color .25s var(--doux)}
.btn::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-110%);transition:transform .7s var(--doux)}
.btn:hover{background:var(--action-h)}
.btn:hover::after{transform:translateX(110%)}
.lien{background:none;border:0;padding:6px 0;color:inherit;font-weight:520;text-decoration:none;cursor:pointer;background-image:linear-gradient(currentColor,currentColor);background-size:100% 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .4s var(--doux)}
.lien:hover{background-size:0 1px;background-position:100% 100%}

/* ---------- La bande d'ouverture ---------- */
.bande{display:none}
html.pg-intro .bande{display:flex;position:fixed;inset:0;z-index:150;flex-direction:column;justify-content:center;align-items:stretch;overflow:hidden}
.bande::before{content:'';position:absolute;inset:0;background:var(--noir);transition:opacity .5s var(--doux)}
.bande-rail{position:relative;height:calc(var(--bh,169px) + 52px)}
.bande-piste{position:absolute;left:0;top:0;height:100%;display:flex;gap:10px;align-items:center;padding:0 5px;will-change:transform;
  background:
    repeating-linear-gradient(90deg,transparent 0 9px,var(--noir-4) 9px 21px,transparent 21px 30px) 0 9px/100% 9px no-repeat,
    repeating-linear-gradient(90deg,transparent 0 9px,var(--noir-4) 9px 21px,transparent 21px 30px) 0 calc(100% - 9px)/100% 9px no-repeat,
    #050504}
.bande-im{flex:none;width:var(--bw,300px);height:var(--bh,169px);background:#000 center/cover;position:relative}
.bande-im img{width:100%;height:100%;object-fit:cover}
.bande-im span{position:absolute;left:0;bottom:-21px;font-size:10px;letter-spacing:.14em;color:var(--tung);font-feature-settings:'tnum';opacity:.8}
.bande-code{position:absolute;left:0;right:0;bottom:12vh;display:flex;justify-content:center;gap:2.4em;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--ecran-3);transition:opacity .4s}
.bande.fin-bande .bande-piste{background:transparent}
.bande.fin-bande .bande-im:not(.cible),.bande.fin-bande .bande-code{opacity:0;transition:opacity .35s var(--doux)}
.bande.part{pointer-events:none}
.bande.part::before{opacity:0;transition-delay:.25s}
.bande-im.cible{z-index:2}
.bande.fin-bande .bande-im span{opacity:0;transition:opacity .2s}

/* ---------- Bandeau ---------- */
.bandeau{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--entete);display:flex;align-items:center;gap:24px;padding:0 var(--g)}
.bandeau::before{content:'';position:absolute;inset:0;background:var(--noir);opacity:0;transition:opacity .35s var(--doux);border-bottom:1px solid var(--filet);z-index:-1}
.bandeau.colle::before,.bandeau.menu-ouvert::before{opacity:.96}
.bd-marque{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-stretch:80%;font-size:19px;letter-spacing:-.01em}
.bd-logo{width:28px;height:20px;fill:none;stroke:var(--ecran);stroke-width:1.4}
.bd-logo .bd-fen{fill:var(--tung);stroke:none;transform-box:fill-box;transform-origin:center;transition:transform .5s var(--doux)}
.bd-marque:hover .bd-fen{transform:scaleX(.55)}
.bd-nav{display:flex;gap:22px;margin-left:auto}
.bd-nav a{text-decoration:none;font-size:14.5px;font-weight:480;color:var(--ecran-2);transition:color .2s;position:relative}
.bd-nav a::after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:1px;background:var(--ecran);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--doux)}
.bd-nav a:hover{color:var(--ecran)}
.bd-nav a:hover::after,.bd-nav a.ici::after{transform:scaleX(1)}
.bd-nav a.ici{color:var(--ecran)}
.bd-outils{display:flex;align-items:center;gap:12px}
.bd-cta{min-height:40px;padding:0 16px;font-size:14.5px}
.bobine-puce{display:flex;align-items:center;gap:8px;height:36px;padding:0 10px 0 6px;border:1px solid var(--filet-fort);border-radius:2px;text-decoration:none;font-size:13px;font-weight:540;color:var(--ecran-2);font-feature-settings:'tnum','lnum'}
.bobine-puce:hover{color:var(--ecran);border-color:var(--ecran-2)}
.bp-vignettes{position:relative;width:34px;height:20px}
.bp-vignettes::before{content:'';position:absolute;inset:0;border:1px dashed var(--filet-fort);border-radius:1px}
.bp-vignettes img{position:absolute;top:0;width:30px;height:20px;object-fit:cover;border:1px solid var(--noir);border-radius:1px}
.bp-vignettes img:nth-child(1){left:0}.bp-vignettes img:nth-child(2){left:3px;top:-2px}.bp-vignettes img:nth-child(3){left:6px;top:-4px}
.bp-n{min-width:1.2em;text-align:right;color:var(--ecran)}
.bobine-puce.pop .bp-vignettes{animation:bp-pop .5s var(--doux)}
@keyframes bp-pop{30%{transform:translateY(-3px) rotate(-4deg)}}
.son{display:flex;align-items:center;gap:8px;height:36px;padding:0 10px;background:none;border:1px solid var(--filet-fort);border-radius:2px;font-size:13px;font-weight:540;color:var(--ecran-2);cursor:pointer}
.son:hover{color:var(--ecran)}
.son-ond{display:flex;align-items:center;gap:2px;height:12px}
.son-ond i{width:2px;height:3px;background:currentColor;transition:height .3s}
.son[aria-pressed="true"]{color:var(--ecran)}
.son[aria-pressed="true"] .son-ond i{animation:son-ond 1s ease-in-out infinite}
.son[aria-pressed="true"] .son-ond i:nth-child(2){animation-delay:-.3s}.son[aria-pressed="true"] .son-ond i:nth-child(3){animation-delay:-.6s}
@keyframes son-ond{50%{height:12px}}
.bd-menu{display:none;height:36px;padding:0 12px;background:none;border:1px solid var(--filet-fort);border-radius:2px;font-size:13px;font-weight:560;cursor:pointer}
.menu{position:fixed;inset:var(--entete) 0 auto 0;z-index:99;background:var(--noir);border-bottom:1px solid var(--filet);padding:18px var(--g) 26px;display:flex;flex-direction:column;gap:18px}
.menu nav{display:flex;flex-direction:column}
.menu nav a{padding:9px 0;font-size:26px;font-weight:300;font-stretch:80%;text-decoration:none;border-bottom:1px solid var(--filet)}
.menu .btn{align-self:flex-start}
.menu-pied{font-size:14px;color:var(--ecran-2)}

/* ---------- Le photogramme (image fixe qui devient film) ---------- */
.pg{position:relative}
.pg-cadre{position:relative;overflow:hidden;background:#000;border-radius:1px}
.pg-cadre picture,.pg-cadre>img{display:block;width:100%;height:100%}
.pg-cadre img,.pg-cadre video{width:100%;height:100%;object-fit:cover}
.pg-cadre video{position:absolute;inset:0;opacity:0;transition:opacity .18s linear}
.pg.est-vivant .pg-cadre video,.pg.est-fige .pg-cadre video{opacity:1}
.pg-cadre::after{content:'';position:absolute;inset:0;border:1px solid rgba(255,255,255,.9);opacity:0;pointer-events:none}
.pg.clic .pg-cadre{animation:pg-clic .42s var(--doux)}
.pg.clic .pg-cadre::after{animation:pg-bord .9s var(--doux)}
@keyframes pg-clic{0%{transform:scale(1)}18%{transform:scale(.988)}100%{transform:scale(1)}}
@keyframes pg-bord{0%{opacity:0}12%{opacity:1}100%{opacity:0}}
.pg-obtu{position:absolute;inset:0;pointer-events:none;display:block}
.pg-obtu::before,.pg-obtu::after{content:'';position:absolute;left:0;right:0;height:50.5%;background:#000;transform:scaleY(0)}
.pg-obtu::before{top:0;transform-origin:top}.pg-obtu::after{bottom:0;transform-origin:bottom}
.pg.clic .pg-obtu::before,.pg.clic .pg-obtu::after{animation:pg-obtu .16s linear}
@keyframes pg-obtu{50%{transform:scaleY(1)}}
.pg-btn{position:absolute;right:12px;bottom:12px;z-index:3;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(242,237,228,.4);background:rgba(13,12,11,.62);cursor:pointer;color:var(--ecran);transition:border-color .2s,background-color .2s}
.pg-btn:hover{border-color:var(--ecran);background:rgba(13,12,11,.85)}
.pg-btn i{display:block;width:0;height:0;border-left:11px solid currentColor;border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:3px}
.pg.est-vivant .pg-btn i{width:10px;height:12px;border:0;margin:0;border-left:3px solid currentColor;border-right:3px solid currentColor}
.pg-leg{display:flex;justify-content:space-between;gap:16px;padding-top:10px;font-size:12.5px;color:var(--ecran-3);font-feature-settings:'tnum','lnum'}
.pg-etat{display:flex;align-items:center;gap:8px;color:var(--ecran-2);font-weight:520;letter-spacing:.04em}
.pg-etat::before{content:'';width:7px;height:7px;border:1px solid var(--tung);border-radius:1px}
.pg.est-vivant .pg-etat::before{background:var(--tung);border-radius:50%;animation:pg-lampe 1.2s steps(2) infinite}
.pg.est-fige .pg-etat::before{background:var(--ecran);border-color:var(--ecran)}
@keyframes pg-lampe{50%{opacity:.25}}

/* ---------- Ouverture ---------- */
.ouv{position:relative;min-height:100svh;padding:calc(var(--entete) + 18px) var(--g) 28px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto auto auto;column-gap:clamp(12px,2vw,28px);align-content:center}
.ouv-mot{font-weight:230;font-stretch:75%;font-size:clamp(70px,9.6vw,176px);line-height:.76;letter-spacing:-.03em;font-variation-settings:'opsz' 12;color:var(--ecran);white-space:nowrap}
.ouv-mot-a{grid-row:1;grid-column:1/span 7;align-self:end;margin:0 0 .06em -.04em}
.ouv-mot-b{grid-row:3;grid-column:6/span 7;justify-self:end;align-self:start;margin:.03em -.03em 0 0}
.ouv-haut{grid-row:1;grid-column:8/span 5;align-self:end;display:grid;gap:10px;padding-bottom:14px}
.ouv-code{display:flex;justify-content:space-between;gap:12px;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--tung);font-feature-settings:'tnum','lnum'}
.ouv-pg{grid-row:2;grid-column:1/-1;justify-self:center;width:min(100%,calc((100svh - var(--entete) - 18px - 28px - 2 * min(9.6vw,176px) * .8 - 40px) * 16 / 9));position:relative}
.ouv-pg .pg-cadre{aspect-ratio:16/9}
.ouv-pg .pg-leg{position:absolute;left:0;right:0;top:100%}
.ouv-bas{grid-row:3;grid-column:1/span 5;align-self:start;padding-top:34px;display:grid;gap:18px;max-width:470px}
.ouv-ligne{font-size:17px;color:var(--ecran)}
.ouv-consigne{font-size:13.5px;color:var(--ecran-2);text-align:right}
.ouv-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
html.pg-intro .ouv-pg{visibility:hidden}
html.pg-intro .ouv-mot,html.pg-intro .ouv-haut,html.pg-intro .ouv-bas>*{opacity:0}
.ouv-mot,.ouv-haut,.ouv-bas>*{transition:opacity .8s var(--doux),transform .9s var(--doux)}
html.pg-entre .ouv-mot-a{transform:translateX(-4vw)}
html.pg-entre .ouv-mot-b{transform:translateX(4vw)}

/* ---------- Principe ---------- */
.principe{padding:clamp(96px,14vw,190px) var(--g) clamp(80px,10vw,140px);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(12px,2vw,28px);row-gap:28px}
.principe .etiq{grid-column:1/span 3}
.principe-t{grid-column:1/span 11;font-weight:280;font-stretch:84%;font-size:clamp(36px,5.2vw,84px);line-height:1.02;letter-spacing:-.025em;text-wrap:balance}
.principe-pg{grid-column:1/span 3;grid-row:3;align-self:start;margin-top:28px}
.principe-pg .pg-cadre{aspect-ratio:4/5}
.principe-cols{grid-row:3;grid-column:5/span 8;display:grid;grid-template-columns:1fr 1fr;gap:28px 40px;margin-top:28px;color:var(--ecran-2)}
.principe-faits{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-top:1px solid var(--filet);padding-top:18px}
.principe-faits dt{font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:var(--ecran-3);font-weight:600}
.principe-faits dd{color:var(--ecran);font-size:15px;margin-top:4px}
.mot{display:inline-block}

/* ---------- Domaines (communs) ---------- */
.dom{position:relative;padding:clamp(56px,7vw,100px) var(--g)}
.dom-tete{display:flex;align-items:baseline;justify-content:space-between;gap:24px;border-top:1px solid var(--filet);padding-top:16px;margin-bottom:clamp(32px,4vw,56px)}
.dom-tete .etiq{order:2}
.dom-t{font-weight:250;font-stretch:75%;font-size:clamp(54px,8.4vw,148px);line-height:.86;letter-spacing:-.03em}
.dom-chapo{font-size:clamp(18px,1.55vw,22px);line-height:1.45;color:var(--ecran);font-weight:360;text-wrap:pretty}
.livr{display:grid;gap:0;border-top:1px solid var(--filet);margin-top:24px}
.livr div{display:grid;grid-template-columns:7.5em 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--filet);font-size:14.5px}
.livr dt{color:var(--ecran-3);font-weight:560;font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding-top:2px}
.livr dd{color:var(--ecran)}
.ph{position:relative}
.ph-cadre{display:block;position:relative;overflow:hidden;background:var(--noir-3)}
.ph-cadre img{width:100%;height:auto}
.ph figcaption{padding-top:9px;font-size:12.5px;color:var(--ecran-3)}

/* Films */
.films-grille{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,3.3fr) minmax(0,4fr);gap:clamp(20px,3vw,48px);align-items:start}
.films-texte{padding-top:12px;display:grid;gap:8px}
.films-pg .pg-cadre{aspect-ratio:9/16}
.films-photos{display:grid;gap:28px;padding-top:min(7vw,90px)}
.films-photos .ph:last-child{width:78%;justify-self:end}

/* Mariages : la seconde */
.seconde{position:relative;height:440vh;margin:0 calc(-1 * var(--g))}
.sec-scene{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;contain:layout paint}
.sec-images{position:absolute;inset:0}
.sec-im{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform;background:#000}
.sec-im img{width:100%;height:100%;object-fit:cover;display:block}
.sec-im b{position:absolute;left:0;top:calc(100% + 4px);font-weight:500;font-size:10px;letter-spacing:.12em;color:var(--tung);font-feature-settings:'tnum','lnum';transition:opacity .3s}
.sec-images.empile .sec-im b{opacity:0}
.sec-im.choisie{outline:1px solid var(--ecran);outline-offset:0}
.sec-instant{position:absolute;left:0;top:0;transform-origin:0 0;opacity:0;object-fit:cover;will-change:transform,opacity}
.sec-scene::after{content:'';position:absolute;left:0;right:0;bottom:0;height:46%;background:linear-gradient(to top,rgba(13,12,11,.82),rgba(13,12,11,0));opacity:var(--voile,0);pointer-events:none}
.sec-textes{position:absolute;left:var(--g);bottom:clamp(28px,6vh,64px);right:var(--g);z-index:2;height:9.5em}
.sec-txt{position:absolute;left:0;bottom:0;max-width:22ch;font-weight:280;font-stretch:80%;font-size:clamp(30px,3.6vw,56px);line-height:1.02;letter-spacing:-.02em;opacity:0;transform:translateY(18px);transition:opacity .5s var(--doux),transform .6s var(--doux)}
.sec-txt .etiq{display:block;margin-bottom:12px}
.sec-txt.vu{opacity:1;transform:none}
.sec-fin span{display:block;font-size:clamp(16px,1.4vw,19px);font-weight:380;font-stretch:100%;letter-spacing:0;line-height:1.45;margin-top:14px;max-width:34ch;color:var(--ecran)}
.sec-num{position:absolute;right:var(--g);bottom:clamp(30px,6vh,66px);z-index:2;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--ecran-2);font-feature-settings:'tnum','lnum'}
.sec-num b{color:var(--ecran);font-weight:600;display:inline-block;min-width:1.4em;text-align:right}
.mar-suite{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,6fr) minmax(0,3.6fr);gap:clamp(20px,2.6vw,40px);margin-top:clamp(56px,7vw,100px);align-items:start}
.mar-pg .pg-cadre{aspect-ratio:16/9}
.mar-texte{padding-top:6px}
.mar-ph{grid-column:1;grid-row:1;margin-top:clamp(40px,6vw,90px)}
.mar-pg{grid-column:2;grid-row:1}
.mar-texte{grid-column:3;grid-row:1}

/* Marques : les formats */
.mq-grille{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(24px,3vw,48px) clamp(24px,3vw,56px);align-items:start}
.mq-texte{display:grid;gap:22px}
.formats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--filet-fort);border-radius:2px}
.fmt{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 12px 11px;background:none;border:0;border-right:1px solid var(--filet);cursor:pointer;font-size:20px;font-weight:600;font-stretch:80%;color:var(--ecran-2);font-feature-settings:'tnum','lnum';text-align:left;transition:color .2s,background-color .2s}
.fmt:last-child{border-right:0}
.fmt span{font-size:11.5px;font-weight:440;font-stretch:100%;color:var(--ecran-3);letter-spacing:.02em}
.fmt:hover{color:var(--ecran)}
.fmt[aria-pressed="true"]{color:var(--noir);background:var(--ecran)}
.fmt[aria-pressed="true"] span{color:var(--encre-2)}
.fmt-info{font-size:13px;color:var(--ecran-3);font-feature-settings:'tnum','lnum'}
.mq-pg .pg-cadre{aspect-ratio:16/9}
.mq-masque{position:absolute;left:0;right:0;top:0;aspect-ratio:16/9;pointer-events:none;z-index:2}
.mq-masque b{position:absolute;top:0;bottom:0;width:50%;background:rgba(13,12,11,.78);transform:scaleX(0);transition:transform .8s var(--sec)}
.mq-masque b:nth-child(1){left:0;transform-origin:left}
.mq-masque b:nth-child(2){right:0;transform-origin:right}
.mq-masque s{position:absolute;top:0;bottom:0;width:1px;background:rgba(242,237,228,.85);left:0;transition:transform .8s var(--sec)}
.mq-masque s:nth-of-type(2){left:auto;right:0}
.mq-sac{grid-column:1;grid-row:2/span 2;width:100%;margin-top:-6vw}
.mq-jaune{grid-column:2;grid-row:2;width:100%;justify-self:stretch}
.mq-livr{grid-column:2;grid-row:3;width:100%;justify-self:stretch;margin-top:0}

/* Événements */
.dom-evt{padding:0 0 clamp(70px,9vw,130px)}
.evt-pg{height:100vh;height:100svh;min-height:560px}
.evt-pg .pg-cadre{height:100%;border-radius:0}
.evt-pg .pg-leg{position:absolute;right:calc(var(--g) + 58px);bottom:30px;z-index:3;padding:0;color:var(--ecran-2)}
.evt-pg .pg-btn{right:var(--g);bottom:20px}
.evt-pg .pg-cadre::before{content:'';position:absolute;left:0;right:0;bottom:0;height:55%;z-index:1;background:linear-gradient(to top,rgba(13,12,11,.85),rgba(13,12,11,0));pointer-events:none}
.evt-texte{position:absolute;left:var(--g);top:0;height:100vh;height:100svh;min-height:560px;padding-bottom:clamp(36px,8vh,80px);z-index:4;max-width:min(600px,62vw);display:flex;flex-direction:column;justify-content:flex-end;gap:14px;pointer-events:none}
.evt-t{font-size:clamp(60px,10vw,180px)}
.evt-suite{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr);gap:clamp(20px,3vw,48px);padding:clamp(56px,7vw,100px) var(--g) 0;align-items:end}
.evt-suite .evt-ph:last-child{margin-bottom:12vw}
.evt-carte{background:var(--noir-2);border:1px solid var(--filet);padding:clamp(22px,2.6vw,36px);display:grid;gap:12px;align-self:center;position:relative;overflow:hidden}
.evt-heure{font-size:clamp(44px,5vw,80px);font-weight:250;font-stretch:75%;line-height:.9;font-feature-settings:'tnum','lnum';color:var(--tung)}

/* ---------- Prestations (papier) ---------- */
.presta{background:var(--papier);color:var(--encre);padding:clamp(80px,10vw,140px) var(--g);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(12px,2vw,28px);row-gap:28px}
.presta .etiq{color:#7a5420}
.presta-tete{grid-column:1/span 5;display:grid;gap:18px;align-content:start}
.presta-t{font-weight:250;font-stretch:75%;font-size:clamp(50px,6.6vw,112px);line-height:.88;letter-spacing:-.03em}
.presta-chapo{color:var(--encre-2);max-width:34ch}
.presta-choix{grid-column:7/span 6;align-self:end;position:relative;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--encre);border-radius:2px;background:var(--papier);height:52px;z-index:2}
.pc{position:relative;z-index:1;background:none;border:0;cursor:pointer;font-weight:600;font-stretch:88%;font-size:16px;color:var(--encre);transition:color .3s var(--doux)}
.pc[aria-pressed="true"]{color:var(--papier)}
.pc-curseur{position:absolute;left:0;top:0;bottom:0;width:calc(100% / 3);background:var(--encre);transition:transform .5s var(--sec)}
.presta-table{grid-column:1/-1;border-top:1px solid var(--encre);margin-top:20px}
.pt-ligne{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,6fr) minmax(0,3fr);gap:24px;align-items:baseline;padding:22px 0;border-bottom:1px solid var(--filet-clair)}
.pt-dom{font-weight:300;font-stretch:80%;font-size:clamp(26px,2.6vw,40px);line-height:1}
.pt-quoi{color:var(--encre-2);font-size:16px}
.pt-prix{text-align:right;font-feature-settings:'tnum','lnum';color:var(--encre-2);font-size:14px}
.pt-prix b{font-weight:560;font-size:clamp(22px,2vw,30px);color:var(--encre);font-stretch:85%}
.pt-quoi,.pt-prix b{transition:opacity .22s var(--doux),transform .3s var(--doux)}
.presta-table.change .pt-quoi,.presta-table.change .pt-prix b{opacity:0;transform:translateY(8px)}
.presta-note{grid-column:1/-1;font-size:13px;color:var(--encre-2)}

/* ---------- Méthode ---------- */
.methode{padding:clamp(80px,10vw,140px) var(--g)}
.me-tete{display:grid;grid-template-columns:1fr auto;align-items:end;gap:18px 24px;margin-bottom:clamp(36px,4vw,60px)}
.me-tete .etiq{grid-column:1/-1}
.me-t{font-weight:250;font-stretch:75%;font-size:clamp(50px,6.6vw,112px);line-height:.88;letter-spacing:-.03em}
.pause{display:flex;align-items:center;gap:9px;height:38px;padding:0 14px;background:none;border:1px solid var(--filet-fort);border-radius:2px;cursor:pointer;font-size:13px;font-weight:540;color:var(--ecran-2)}
.pause:hover{color:var(--ecran);border-color:var(--ecran-2)}
.pause-ico{width:9px;height:11px;border-left:3px solid currentColor;border-right:3px solid currentColor}
.pause[aria-pressed="true"] .pause-ico{width:0;height:0;border-right:0;border-left:9px solid currentColor;border-top:5.5px solid transparent;border-bottom:5.5px solid transparent}
.tl{position:relative;display:grid;grid-template-columns:5.5em minmax(0,1fr);--clips-h:96px}
.tl-regle{grid-column:2;display:grid;grid-template-columns:repeat(4,1fr);font-size:11px;letter-spacing:.14em;color:var(--ecran-3);padding-bottom:8px;border-bottom:1px solid var(--filet);font-feature-settings:'tnum','lnum'}
.tl-phases{grid-column:2;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.tl-phase{border-left:1px solid var(--filet);padding:0 0 0 0;display:grid;grid-template-rows:auto var(--clips-h) auto}
.tl-btn{background:none;border:0;text-align:left;padding:16px 16px 18px;cursor:pointer;display:grid;gap:3px}
.tl-nom{font-size:clamp(20px,1.9vw,28px);font-weight:300;font-stretch:80%;color:var(--ecran-2);transition:color .3s}
.tl-quand{font-size:12.5px;color:var(--ecran-3);font-feature-settings:'tnum','lnum'}
.tl-btn:hover .tl-nom,.tl-phase.actif .tl-nom{color:var(--ecran)}
.tl-clips{display:grid;grid-template-rows:1fr 1fr;gap:8px;padding:0 6px 0 2px}
.tl-clip{font-style:normal;display:flex;align-items:center;padding:0 12px;font-size:13px;font-weight:500;border-radius:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .4s,color .4s}
.tl-ph{background:var(--noir-3);color:var(--ecran-2)}
.tl-vi{background:var(--noir-3);color:var(--ecran-2);margin-left:14%}
.tl-phase.actif .tl-ph{background:#e9ddc8;color:var(--encre)}
.tl-phase.actif .tl-vi{background:#3a332b;color:var(--ecran)}
.tl-desc{padding:18px 18px 0 16px;color:var(--ecran-3);font-size:15px;transition:color .4s}
.tl-phase.actif .tl-desc{color:var(--ecran)}
.tl-pistes{position:absolute;left:0;top:calc(var(--tl-top,96px));height:var(--clips-h);display:grid;grid-template-rows:1fr 1fr;gap:8px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ecran-3);align-items:center}
.tl-tete{position:absolute;top:var(--tl-head-top,26px);left:5.5em;width:1px;height:var(--tl-head-h,200px);background:var(--tung);will-change:transform;pointer-events:none}
.tl-tete::before{content:'';position:absolute;left:-5px;top:-1px;border-left:5.5px solid transparent;border-right:5.5px solid transparent;border-top:8px solid var(--tung)}

/* ---------- Devis ---------- */
.devis{padding:clamp(80px,10vw,140px) var(--g);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(12px,2vw,28px);row-gap:36px;border-top:1px solid var(--filet);background:var(--noir-2)}
.dv-tete{grid-column:1/span 4;display:grid;gap:18px;align-content:start}
.dv-t{font-weight:250;font-stretch:75%;font-size:clamp(50px,6vw,104px);line-height:.88;letter-spacing:-.03em}
.dv-chapo{color:var(--ecran-2);max-width:30ch}
.dv-form,.clap{grid-column:6/span 7}
.dv-form{display:grid;gap:22px}
.dv-champ{border:0;padding:0;margin:0;display:grid;gap:8px;min-width:0}
.dv-champ legend,.dv-lab{font-size:11.5px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--ecran-3);padding:0;margin-bottom:8px}
.dv-lab{margin-bottom:0}
.dv-ligne{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.dv-form input[type=text],.dv-form input[type=email],.dv-form input[type=date],.dv-form textarea{width:100%;background:transparent;border:0;border-bottom:1px solid var(--filet-fort);border-radius:0;padding:10px 0;font-size:17px;color:var(--ecran);transition:border-color .25s;color-scheme:dark}
.dv-form textarea{resize:vertical;min-height:110px}
.dv-form input:focus,.dv-form textarea:focus{outline:0;border-bottom-color:var(--ecran)}
.dv-form input:focus-visible,.dv-form textarea:focus-visible{outline:2px solid var(--action);outline-offset:2px}
.dv-form ::placeholder{color:#7b756b}
.puces{display:flex;flex-wrap:wrap;gap:8px}
.puces label{position:relative;cursor:pointer}
.puces input{position:absolute;opacity:0;inset:0;cursor:pointer}
.puces span{display:block;padding:9px 15px;border:1px solid var(--filet-fort);border-radius:2px;font-size:15px;font-weight:500;color:var(--ecran-2);transition:color .2s,background-color .2s,border-color .2s}
.puces label:hover span{color:var(--ecran);border-color:var(--ecran-2)}
.puces input:checked+span{background:var(--ecran);color:var(--noir);border-color:var(--ecran)}
.puces input:focus-visible+span{outline:2px solid var(--action);outline-offset:2px}
.dv-err{font-size:13.5px;color:#f2a58f;margin-top:-8px}
.dv-champ.erreur input{border-bottom-color:#f2a58f}
.dv-bobine{border:1px dashed var(--filet-fort);padding:14px;display:grid;gap:12px}
.dv-coche{display:flex;gap:10px;align-items:center;font-size:15px;cursor:pointer}
.dv-coche input{width:18px;height:18px;accent-color:var(--ecran)}
.dv-vign{display:flex;gap:6px;flex-wrap:wrap}
.dv-vign img{width:72px;height:41px;object-fit:cover;border-radius:1px}
.dv-envoi{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.dv-note{font-size:13px;color:var(--ecran-3)}
/* Le clap de confirmation */
.clap{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(20px,3vw,44px);align-items:center;outline:0}
.clap-dessin{position:relative}
.clap-svg{width:100%;height:auto;overflow:visible}
.clap-bras rect{fill:var(--ecran)}
.clap-raies{fill:var(--noir)}
.clap-bras{transform-box:view-box;transform-origin:20px 72px;transform:rotate(-24deg)}
.clap.tape .clap-bras{animation:clap-tape .62s cubic-bezier(.6,0,.3,1) .5s forwards}
@keyframes clap-tape{0%{transform:rotate(-24deg)}70%{transform:rotate(0)}82%{transform:rotate(-2.5deg)}100%{transform:rotate(0)}}
.clap-corps{fill:var(--noir-3);stroke:var(--filet-fort)}
.clap-traits path{fill:none;stroke:var(--filet-fort);stroke-width:1;stroke-dasharray:1200;stroke-dashoffset:1200}
.clap.tape .clap-traits path{animation:trace 1s var(--doux) .1s forwards}
@keyframes trace{to{stroke-dashoffset:0}}
.clap-champs{position:absolute;left:4.76%;right:4.76%;top:25.3%;bottom:6.7%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,1fr)}
.cc{display:flex;flex-direction:column;justify-content:center;padding:0 4%;opacity:0;transform:translateY(6px);transition:opacity .4s var(--doux),transform .5s var(--doux)}
.cc span{font-size:clamp(9px,.8vw,11px);letter-spacing:.16em;text-transform:uppercase;color:var(--ecran-3);font-weight:600}
.cc b{font-weight:400;font-size:clamp(15px,1.5vw,22px);font-stretch:85%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-prod{grid-column:1/-1}
.cc-pour{grid-column:1/-1}
.clap.tape .cc{opacity:1;transform:none}
.clap.tape .cc:nth-child(2){transition-delay:.12s}.clap.tape .cc:nth-child(3){transition-delay:.2s}.clap.tape .cc:nth-child(4){transition-delay:.28s}.clap.tape .cc:nth-child(5){transition-delay:.36s}
.clap.tape.secoue .clap-svg,.clap.tape.secoue .clap-champs{animation:clap-sec .3s 1.05s}
@keyframes clap-sec{40%{transform:translateY(2px)}}
.clap-txt{display:grid;gap:12px;justify-items:start}
.clap-txt h3{font-weight:300;font-stretch:80%;font-size:clamp(28px,2.8vw,42px);line-height:1.02}
.clap-txt p{color:var(--ecran-2)}

/* ---------- Fin ---------- */
.fin{position:relative;padding:clamp(90px,11vw,160px) var(--g) clamp(80px,9vw,130px);display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,64px);align-items:center;overflow:hidden}
.fin-ecran{position:relative;display:grid;gap:12px}
.fin-lueur{position:absolute;left:50%;top:45%;width:150%;aspect-ratio:2/1;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(242,226,196,.16),rgba(242,226,196,.05) 55%,rgba(242,226,196,0));pointer-events:none;opacity:1;transition:opacity 2.4s var(--doux)}
.fin.eteinte .fin-lueur{opacity:.12}
.fin-cadre{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden;border-radius:1px;box-shadow:0 0 0 1px var(--filet)}
.fin-im{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s var(--doux)}
.fin-im.est-la{opacity:1}
.fin-bande{position:relative;overflow:hidden;height:62px;margin-top:6px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.fin-piste{position:absolute;left:50%;top:4px;display:flex;gap:6px;transition:transform .9s var(--doux);will-change:transform}
.fin-piste img{flex:none;width:96px;height:54px;object-fit:cover;border-radius:1px;opacity:.38;transition:opacity .6s var(--doux)}
.fin-piste img.est-la{opacity:1;outline:1px solid var(--ecran);outline-offset:2px}
.fin-pied{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:38px}
.fin-num{font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ecran-3);font-feature-settings:'tnum','lnum'}
.fin-texte{display:grid;gap:18px;justify-items:start}
.fin-t{font-weight:200;font-stretch:75%;font-size:clamp(90px,15vw,260px);line-height:.8;letter-spacing:-.04em}
.fin-ligne{color:var(--ecran-2);max-width:32ch}
.fin-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:8px}

/* ---------- Pied ---------- */
.pied{border-top:1px solid var(--filet);padding:44px var(--g) 30px;font-size:13.5px;color:var(--ecran-3)}
.pied-grille{display:grid;grid-template-columns:1.1fr 1.2fr 1fr 1.6fr;gap:28px}
.pied-marque{font-size:22px;font-weight:700;font-stretch:80%;color:var(--ecran)}
.pied a{color:var(--ecran-2)}
.pied-note{margin-top:34px;padding-top:16px;border-top:1px solid var(--filet);font-size:12px;letter-spacing:.06em}

/* ---------- Effets d'entrée (un par section, jamais deux pareils de suite) ---------- */
html.js:not(.immobile) .pas .mot{opacity:0;transform:translateY(.42em)}
html.js:not(.immobile) .pas.vu .mot{animation:pas .36s steps(4,end) forwards;animation-delay:calc(var(--i) * 55ms)}
@keyframes pas{to{opacity:1;transform:none}}
html.js:not(.immobile) .volet .ph-cadre::after,html.js:not(.immobile) .volet .pg-cadre::before{content:'';position:absolute;inset:0;background:var(--noir);transform-origin:right;transition:transform 1s var(--sec);z-index:2}
html.js:not(.immobile) .volet.vu .ph-cadre::after,html.js:not(.immobile) .volet.vu .pg-cadre::before{transform:scaleX(0)}
html.js:not(.immobile) .volet .ph-cadre img{transform:translateX(-4%);transition:transform 1.3s var(--doux)}
html.js:not(.immobile) .volet.vu .ph-cadre img{transform:none}
html.js:not(.immobile) .monte{opacity:0;transform:translateY(34px);transition:opacity .9s var(--doux),transform 1s var(--doux)}
html.js:not(.immobile) .monte.vu{opacity:1;transform:none}
html.js:not(.immobile) .mar-texte.monte{transition-delay:.12s}
html.js:not(.immobile) .mar-ph.monte{transition-delay:.24s}
html.js:not(.immobile) .cligne .ph-cadre::before,html.js:not(.immobile) .cligne .ph-cadre::after,html.js:not(.immobile) .evt-carte.cligne::before,html.js:not(.immobile) .evt-carte.cligne::after{content:'';position:absolute;left:0;right:0;height:50.5%;background:var(--noir);z-index:2;transition:transform .34s cubic-bezier(.8,0,.2,1)}
html.js:not(.immobile) .cligne .ph-cadre::before,html.js:not(.immobile) .evt-carte.cligne::before{top:0;transform-origin:top}
html.js:not(.immobile) .cligne .ph-cadre::after,html.js:not(.immobile) .evt-carte.cligne::after{bottom:0;transform-origin:bottom}
html.js:not(.immobile) .cligne.vu .ph-cadre::before,html.js:not(.immobile) .cligne.vu .ph-cadre::after,html.js:not(.immobile) .evt-carte.cligne.vu::before,html.js:not(.immobile) .evt-carte.cligne.vu::after{transform:scaleY(0)}
html.js:not(.immobile) .evt-carte.cligne{transition-delay:.1s}
html.js:not(.immobile) .evt-carte.cligne::before,html.js:not(.immobile) .evt-carte.cligne::after{transition-delay:.12s}
html.js:not(.immobile) .evt-suite .cligne:last-child .ph-cadre::before,html.js:not(.immobile) .evt-suite .cligne:last-child .ph-cadre::after{transition-delay:.24s}
html.js:not(.immobile) .evt-texte>*{opacity:0;transform:translateY(24px);transition:opacity .8s var(--doux),transform .9s var(--doux)}
html.js:not(.immobile) .evt-texte.vu>*{opacity:1;transform:none}
html.js:not(.immobile) .evt-texte.vu>:nth-child(2){transition-delay:.1s}
html.js:not(.immobile) .evt-texte.vu>:nth-child(3){transition-delay:.22s}
html.js:not(.immobile) .pt-ligne{opacity:0;transform:translateY(16px);transition:opacity .7s var(--doux),transform .8s var(--doux)}
html.js:not(.immobile) .presta-table.vu .pt-ligne{opacity:1;transform:none}
html.js:not(.immobile) .presta-table.vu .pt-ligne:nth-child(2){transition-delay:.08s}
html.js:not(.immobile) .presta-table.vu .pt-ligne:nth-child(3){transition-delay:.16s}
html.js:not(.immobile) .presta-table.vu .pt-ligne:nth-child(4){transition-delay:.24s}

/* ---------- Mouvement réduit : tout est visible, rien ne bouge seul ---------- */
html.immobile *,html.immobile *::before,html.immobile *::after{animation:none!important;transition:none!important}
html.immobile .seconde{height:auto}
html.immobile .sec-scene{position:relative;height:auto;padding:0 var(--g)}
html.immobile .sec-images{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
html.immobile .sec-im{position:relative;width:auto!important;height:auto!important;transform:none!important;aspect-ratio:16/9}
html.immobile .sec-im b{display:none}
html.immobile .sec-instant{position:relative;opacity:1;width:100%;height:auto;margin-top:24px;transform:none!important}
html.immobile .sec-textes{position:relative;left:0;right:0;bottom:0;height:auto;margin-top:24px;display:grid;gap:12px}
html.immobile .sec-txt{position:relative;opacity:1;transform:none}
html.immobile .sec-num{display:none}
html.immobile .sec-scene::after{display:none}
html.immobile .tl-tete{display:none}

/* ---------- Tablette ---------- */
@media (max-width:1100px){
  .bd-nav{display:none}
  .bd-menu{display:block}
  .bd-outils{margin-left:auto}
  .pied-grille{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .films-grille{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .films-texte{grid-column:1/-1}
  .films-photos{padding-top:0}
  .mq-grille{grid-template-columns:minmax(0,1fr)}
  .mq-sac,.mq-jaune,.mq-livr{grid-column:1;grid-row:auto;width:100%;margin-top:0}
  .mq-sac{width:60%}
  .principe-cols{grid-column:5/-1}
  .principe-pg{grid-column:1/span 4}
  .presta-tete{grid-column:1/-1}
  .presta-choix{grid-column:1/-1}
  .dv-tete,.dv-form,.clap{grid-column:1/-1}
  .fin{grid-template-columns:minmax(0,1fr)}
  .mar-suite{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .mar-pg{grid-column:1/-1}
  .mar-ph{grid-column:1;grid-row:2;margin-top:0}
  .mar-texte{grid-column:2;grid-row:2}
}

/* ---------- Téléphone ---------- */
@media (max-width:700px){
  body{font-size:16px}
  :root{--entete:58px}
  .bd-cta{display:none}
  .bp-txt{display:none}
  .bd-marque span{font-size:17px}
  .bd-outils{gap:8px}
  .ouv{grid-template-columns:minmax(0,1fr);grid-template-rows:none;align-content:start;padding-top:calc(var(--entete) + 22px)}
  .ouv-mot{font-size:30vw;line-height:.76}
  .ouv-mot-a,.ouv-mot-b,.ouv-haut,.ouv-pg,.ouv-bas{grid-row:auto;grid-column:1}
  .ouv-haut{order:-1;padding-bottom:16px}
  .ouv-consigne{text-align:left;font-size:12.5px}
  .ouv-mot-a{margin:0 0 10px -.04em}
  .ouv-code{justify-content:flex-start;gap:16px;font-size:9.5px}
  .ouv-pg{width:100%}
  .ouv-pg .pg-cadre{aspect-ratio:4/5}
  .ouv-pg .pg-leg{position:static}
  .ouv-mot-b{justify-self:end;margin-top:10px}
  .ouv-bas{padding-top:24px}
  .principe{grid-template-columns:minmax(0,1fr)}
  .principe .etiq,.principe-t,.principe-cols,.principe-pg{grid-column:1;grid-row:auto}
  .principe-pg{width:72%}
  .principe-cols{grid-template-columns:minmax(0,1fr)}
  .principe-faits{grid-template-columns:1fr;gap:12px}
  .dom-tete{flex-direction:column-reverse;align-items:flex-start;gap:10px}
  .films-grille{grid-template-columns:minmax(0,1fr)}
  .films-pg{width:78%;justify-self:center}
  .films-photos .ph:last-child{width:84%}
  .seconde{height:400vh}
  .sec-txt{font-size:clamp(28px,8.6vw,40px)}
  .sec-textes{height:11em}
  .sec-num{top:calc(var(--entete) + 14px);bottom:auto}
  .mar-suite{grid-template-columns:minmax(0,1fr)}
  .mar-pg,.mar-texte{grid-column:1;grid-row:auto}
  .mar-ph{grid-column:1;grid-row:auto;width:74%;margin-top:0;justify-self:end;order:3}
  .formats{order:3}
  .mq-texte{display:contents}
  .mq-grille>.mq-texte>.dom-chapo{order:1}
  .mq-pg{order:2}
  .formats{order:3}
  .fmt-info{order:4;margin-top:-12px}
  .mq-sac{order:5}.mq-jaune{order:6}.mq-livr{order:7}
  .fmt{padding:10px 8px;font-size:18px}
  .fmt span{font-size:10.5px}
  .evt-texte{max-width:none;right:var(--g);padding-bottom:96px}
  .evt-pg .pg-leg{left:var(--g);right:auto}
  .evt-pg .pg-btn{bottom:16px}
  .evt-suite{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
  .evt-carte{grid-column:1/-1;grid-row:1}
  .evt-suite .evt-ph:last-child{margin:12vw 0 0}
  .presta{grid-template-columns:minmax(0,1fr)}
  .presta-tete,.presta-table,.presta-note{grid-column:1}
  .presta-choix{grid-column:1;position:sticky;bottom:12px;order:5;margin-top:4px;box-shadow:0 8px 24px rgba(26,23,20,.18)}
  .presta-note{order:6}
  .pt-ligne{grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;padding:18px 0}
  .pt-quoi{grid-column:1/-1;grid-row:2;font-size:15px}
  .pt-prix{grid-row:1;grid-column:2}
  .tl{grid-template-columns:minmax(0,1fr);--clips-h:70px}
  .tl-regle,.tl-phases{grid-column:1}
  .tl-pistes{display:none}
  .tl-tete{left:0}
  .tl-phase{display:contents}
  .tl-btn{padding:12px 6px 12px 8px;border-left:1px solid var(--filet);grid-row:1}
  .tl-nom{font-size:16px}
  .tl-quand{font-size:10.5px}
  .tl-clips{grid-row:2;padding:0 3px 0 2px;border-left:1px solid var(--filet)}
  .tl-clip{font-size:10.5px;padding:0 5px;white-space:normal;line-height:1.1}
  .tl-vi{margin-left:0}
  .tl-desc{grid-row:3;grid-column:1/-1;padding:18px 0 0;opacity:0;font-size:16px;color:var(--ecran)}
  .tl-phase .tl-desc{grid-area:3/1/4/5}
  .tl-phase:nth-child(2) .tl-btn,.tl-phase:nth-child(2) .tl-clips{grid-column:2}
  .tl-phase:nth-child(3) .tl-btn,.tl-phase:nth-child(3) .tl-clips{grid-column:3}
  .tl-phase:nth-child(4) .tl-btn,.tl-phase:nth-child(4) .tl-clips{grid-column:4}
  .tl-phase:nth-child(1) .tl-btn,.tl-phase:nth-child(1) .tl-clips{grid-column:1}
  .tl-phase.actif .tl-desc{opacity:1}
  .dv-ligne{grid-template-columns:minmax(0,1fr)}
  .clap{grid-template-columns:minmax(0,1fr)}
  .fin-t{font-size:34vw}
  .pied-grille{grid-template-columns:minmax(0,1fr)}
}