/* Direction A · Réticule refait — présentation en diapositives plein écran.
   Claude Opus 5.5, bras d'Opus 5.5 Pilot, 24/09/2026. */
@font-face{font-family:"Unbounded";src:url("fonts/Unbounded-wght.ttf") format("truetype");font-weight:200 900;font-display:block}
@font-face{font-family:"Archivo";src:url("fonts/archivo-latin-wght-normal.woff2") format("woff2");font-weight:100 900;font-display:block}

:root{
  --nuit:#0E0D0C; --graphite:#1B1A18; --graphite-2:#24221F; --ivoire:#EEE9E1; --ivoire-2:rgba(238,233,225,.78);
  --fumee:#8B857C; --laiton:#B8995E; --braise:#D8401E; --jaune:#F5C21B; --papier:#F4F0EA; --encre:#151412;
  --pad:clamp(18px,3.4vw,64px); --top:clamp(46px,5.6vh,64px); --bas:clamp(52px,6.4vh,70px);
  --t-geant:clamp(44px,9.2vw,148px); --t-titre:clamp(24px,3.3vw,54px); --t-sous:clamp(17px,1.7vw,27px);
  --t-texte:clamp(13.5px,1.08vw,17.5px); --t-petit:clamp(11.5px,.82vw,13.5px); --t-label:clamp(10.5px,.74vw,12px);
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;background:var(--nuit);color:var(--ivoire);overflow:hidden}
body{font-family:"Archivo",system-ui,sans-serif;font-size:var(--t-texte);line-height:1.45;-webkit-font-smoothing:antialiased;
  font-variant-numeric:tabular-nums;touch-action:pan-y}
img{display:block;max-width:100%}
.u{font-family:"Unbounded",sans-serif}
.label{font-size:var(--t-label);letter-spacing:.22em;text-transform:uppercase;color:var(--laiton);font-weight:600}
.fumee{color:var(--fumee)}
.b{color:var(--braise)}
.src{font-size:var(--t-petit);color:var(--fumee);line-height:1.4}
.dot{display:inline-block;width:.46em;height:.46em;border-radius:50%;background:var(--braise);margin-right:.6em;vertical-align:.12em}
em{font-style:normal;color:var(--ivoire)}

/* -------- cadre fixe -------- */
.haut{position:fixed;left:0;right:0;top:0;height:var(--top);display:flex;align-items:center;justify-content:space-between;
  padding:0 var(--pad);z-index:20;pointer-events:none}
.haut img{height:clamp(26px,3.4vh,38px);width:auto}
.haut .ou{font-size:var(--t-label);letter-spacing:.22em;text-transform:uppercase;color:var(--fumee)}
.haut .ou b{color:var(--laiton);font-weight:600}
.bas{position:fixed;left:0;right:0;bottom:0;height:var(--bas);display:flex;align-items:center;gap:14px;padding:0 var(--pad);z-index:20}
.echelle{flex:1;display:flex;align-items:flex-end;gap:0;height:26px;cursor:pointer}
.echelle button{flex:1;height:100%;background:none;border:0;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;padding:0}
.echelle button i{display:block;width:2px;height:9px;background:rgba(238,233,225,.34);transition:height .3s,background .3s}
.echelle button:hover i{background:var(--ivoire);height:14px}
.echelle button.fait i{background:rgba(184,153,94,.7)}
.echelle button.on i{background:var(--braise);height:22px;width:3px}
.nav{display:flex;gap:8px}
.nav button{width:40px;height:40px;border-radius:50%;border:1px solid rgba(238,233,225,.22);background:rgba(14,13,12,.6);color:var(--ivoire);
  cursor:pointer;font-size:17px;display:grid;place-items:center;backdrop-filter:blur(6px)}
.nav button:hover{border-color:var(--ivoire)}
.compte{font-size:var(--t-petit);color:var(--fumee);min-width:56px;text-align:right;letter-spacing:.06em}
.compte b{color:var(--ivoire);font-weight:600}

/* -------- diapositives -------- */
.slide{position:fixed;inset:0;padding:calc(var(--top) + 6px) var(--pad) calc(var(--bas) + 4px);opacity:0;visibility:hidden;
  transition:opacity .55s ease,visibility 0s linear .55s;overflow:hidden}
.slide.on{opacity:1;visibility:visible;transition:opacity .55s ease}
.inner{height:100%;display:flex;flex-direction:column;gap:clamp(12px,2vh,26px);overflow:auto;scrollbar-width:none}
.inner::-webkit-scrollbar{display:none}
.titre{font-family:"Unbounded";font-weight:300;font-size:var(--t-titre);line-height:1.08;letter-spacing:-.01em}
.titre strong{font-weight:500}
.sous{font-size:var(--t-sous);line-height:1.3;color:var(--ivoire-2);max-width:40ch}
.fond{position:absolute;inset:0;z-index:-1}
.fond img{width:100%;height:100%;object-fit:cover}
/* mise au point : chaque écran entre net */
.slide .mp{filter:blur(0);opacity:1;transform:none;transition:filter .9s cubic-bezier(.2,.7,.2,1),opacity .9s,transform .9s}
.slide:not(.on) .mp{filter:blur(14px);opacity:0;transform:scale(1.015)}
.slide.on .mp:nth-child(2){transition-delay:.08s}.slide.on .mp:nth-child(3){transition-delay:.16s}.slide.on .mp:nth-child(4){transition-delay:.24s}
@media (prefers-reduced-motion:reduce){.slide .mp,.slide{transition:none!important}}
.capture .slide .mp,.capture .slide{transition:none!important}

/* 1 · couverture */
#s1 .fond img{object-position:78% 50%}
#s1 .fond::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,13,12,.94) 0%,rgba(14,13,12,.72) 38%,rgba(14,13,12,.05) 70%),
  linear-gradient(0deg,rgba(14,13,12,.85) 0%,rgba(14,13,12,0) 30%)}
#s1 .inner{justify-content:center;max-width:min(760px,62vw)}
#s1 .geant{font-family:"Unbounded";font-weight:300;font-size:var(--t-geant);line-height:.92;letter-spacing:-.02em}
#s1 .geant .t{display:block}
#s1 .geant .st{display:block;font-size:.34em;letter-spacing:.02em;font-weight:300;color:var(--laiton);margin-top:.45em}
#s1 .promesse{font-size:clamp(17px,1.75vw,28px);line-height:1.32;max-width:30ch;color:var(--ivoire)}
#s1 .pied{display:flex;gap:18px;align-items:center;flex-wrap:wrap}

/* 2 · constat */
.trois{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,2vw,34px);flex:1;align-content:center}
.carte{border-top:1px solid rgba(238,233,225,.18);padding-top:clamp(12px,2vh,22px);display:flex;flex-direction:column;gap:10px}
.carte .n{font-family:"Unbounded";font-weight:300;font-size:clamp(13px,1vw,15px);color:var(--laiton)}
.carte h3{font-family:"Unbounded";font-weight:400;font-size:clamp(17px,1.65vw,27px);line-height:1.16}
.carte p{color:var(--ivoire-2)}
.citation{font-size:clamp(15px,1.3vw,21px);color:var(--ivoire);border-left:2px solid var(--laiton);padding-left:14px;max-width:62ch}
.citation small{display:block;color:var(--fumee);font-size:var(--t-petit);margin-top:4px}

/* 3 · plateforme */
.plateforme{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:auto auto;gap:clamp(10px,1.6vw,22px);flex:1;align-content:center}
.bloc{background:var(--graphite);border:1px solid rgba(238,233,225,.07);border-radius:4px;padding:clamp(14px,1.8vw,28px);display:flex;flex-direction:column;gap:8px}
.bloc .v{font-family:"Unbounded";font-weight:300;font-size:clamp(15px,1.45vw,24px);line-height:1.22}
.bloc p{color:var(--ivoire-2);font-size:var(--t-petit)}
.bloc.grand{grid-row:span 2;justify-content:space-between}
.bloc.grand .v{font-size:clamp(19px,2.1vw,34px)}
.ennemi{background:transparent;border:1px solid rgba(216,64,30,.45)}

/* 4 · idée */
#s4{padding:0}
.mosaique{position:absolute;inset:0;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,1fr);gap:3px;background:#000}
.mosaique img{width:100%;height:100%;object-fit:cover;filter:blur(7px) brightness(.42) saturate(.55);transform:scale(1.08)}
.mosaique .cell{overflow:hidden}
.lentille{position:absolute;z-index:3;left:50%;top:44%;width:min(54vh,56vw);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none}
.lentille .verre{position:absolute;inset:16.7%;border-radius:50%;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.65)}
.lentille .verre img{width:100%;height:100%;object-fit:cover}
.lentille .bague{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
#s4 .legende{position:absolute;z-index:4;left:var(--pad);right:var(--pad);bottom:calc(var(--bas) + 10px);display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
#s4 .phrase{font-family:"Unbounded";font-weight:300;font-size:clamp(24px,3.2vw,52px);line-height:1.06;max-width:none;text-shadow:0 2px 30px rgba(0,0,0,.6)}
#s4 .sens{display:grid;gap:8px;max-width:420px;background:rgba(14,13,12,.82);padding:16px 18px;border-radius:4px;backdrop-filter:blur(8px)}
#s4 .sens p{font-size:var(--t-petit);color:var(--ivoire-2)}
#s4 .sens b{color:var(--ivoire);font-weight:600}
#s4 .top{position:absolute;z-index:4;top:calc(var(--top) + 8px);left:var(--pad);right:var(--pad)}

/* 5 · logo */
.logo-g{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(16px,3vw,48px);flex:1;align-items:center;min-height:0}
.logo-g .grand{background:var(--nuit);border:1px solid rgba(238,233,225,.08);border-radius:4px;display:grid;place-items:center;height:100%;min-height:0;padding:clamp(14px,3vw,48px)}
.logo-g .grand img{width:min(100%,560px);height:auto;max-height:100%}
.logo-d{display:grid;gap:clamp(10px,1.8vh,20px)}
.construction{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}
.construction svg{width:clamp(110px,11vw,170px);height:auto}
.construction ol{list-style:none;display:grid;gap:5px;font-size:var(--t-petit);color:var(--ivoire-2)}
.construction ol b{color:var(--ivoire);font-weight:600}
.tailles{display:flex;gap:clamp(12px,1.6vw,26px);align-items:flex-end;flex-wrap:wrap}
.tailles figure{display:grid;gap:6px;justify-items:center}
.tailles figcaption{font-size:var(--t-label);color:var(--fumee);letter-spacing:.1em}
.tailles .clair{background:var(--papier);padding:10px;border-radius:3px}
.px{image-rendering:pixelated}
.duo{display:flex;gap:10px;align-items:center}

/* 6 · genius */
.genius-g{display:grid;grid-template-columns:.9fr 1.3fr;gap:clamp(16px,3vw,54px);flex:1;min-height:0;align-items:center}
.genius-signe{display:grid;gap:clamp(12px,2vh,22px)}
.genius-signe img.sig{width:min(100%,360px)}
.voix{display:grid;gap:7px;font-size:var(--t-petit);color:var(--ivoire-2)}
.voix li{list-style:none;padding-left:16px;position:relative}
.voix li::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--jaune)}
.g-tailles{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap}
.g-tailles figure{display:grid;gap:5px;justify-items:center}
.g-tailles figcaption{font-size:var(--t-label);color:var(--fumee);letter-spacing:.08em}
.jaune{color:var(--jaune)}
.pj{display:inline-block;width:.46em;height:.46em;border-radius:50%;background:var(--jaune);margin:0 .5em 0 .15em;vertical-align:.12em}
.chat{display:flex;flex-direction:column;gap:clamp(7px,1.1vh,12px);background:var(--graphite);border-radius:6px;padding:clamp(12px,1.6vw,24px);max-height:100%;overflow:auto}
.msg{max-width:88%;padding:9px 13px;border-radius:14px;font-size:clamp(12.5px,.95vw,15.5px);line-height:1.38}
.msg.client{align-self:flex-end;background:#2C2A26;border-bottom-right-radius:3px}
.msg.genius{align-self:flex-start;background:var(--nuit);border:1px solid var(--jaune);border-bottom-left-radius:3px}
.msg.genius .qui{display:flex;align-items:center;gap:7px;font-size:var(--t-label);letter-spacing:.14em;text-transform:uppercase;color:var(--jaune);margin-bottom:4px;font-weight:600}
.msg.genius .qui img{width:16px;height:16px}
.msg.conseil{align-self:center;background:none;border:1px dashed rgba(184,153,94,.5);color:var(--laiton);font-size:var(--t-petit);text-align:center;max-width:95%}
.chat .src{align-self:center}

/* 7 · couleurs */
.couleurs-g{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(16px,3vw,50px);flex:1;align-content:center}
.palette{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.pastille{border-radius:4px;aspect-ratio:3/4;display:flex;flex-direction:column;justify-content:flex-end;padding:10px;font-size:var(--t-label);gap:2px;border:1px solid rgba(238,233,225,.1)}
.pastille b{font-weight:600;font-size:clamp(11px,.85vw,14px);letter-spacing:.02em}
.proportion{display:flex;height:12px;border-radius:2px;overflow:hidden;margin-top:12px}
.regle{margin-top:12px;font-size:var(--t-petit);color:var(--ivoire-2)}
.mur{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:6px}
.mur div{border-radius:3px;padding:10px 8px;font-size:var(--t-label);min-height:64px;display:flex;flex-direction:column;justify-content:space-between}
.types{display:grid;gap:clamp(12px,2vh,22px)}
.type{border-top:1px solid rgba(238,233,225,.14);padding-top:10px}
.type .spec{font-size:clamp(26px,3vw,50px);line-height:1.05}
.type p{font-size:var(--t-petit);color:var(--fumee);margin-top:4px}

/* 8 · punchlines */
.punch-g{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(16px,3vw,50px);flex:1;min-height:0;align-items:center}
.punchs{list-style:none;display:grid;gap:clamp(6px,1.1vh,13px);counter-reset:p}
.punchs li{font-family:"Unbounded";font-weight:300;font-size:clamp(14px,1.35vw,22px);line-height:1.2;display:grid;grid-template-columns:2.2em 1fr;counter-increment:p}
.punchs li::before{content:counter(p,decimal-leading-zero);font-family:"Archivo";font-size:.62em;color:var(--laiton);padding-top:.35em}
.punchs li small{grid-column:2;font-family:"Archivo";font-size:var(--t-label);color:var(--fumee);letter-spacing:.04em}
.sig-bloc{border-left:2px solid var(--laiton);padding:2px 0 2px 14px;margin-bottom:14px;display:grid;gap:4px}
.sig-v{font-family:"Unbounded";font-weight:300;font-size:clamp(20px,2vw,32px);line-height:1.1}
.onglets{display:flex;gap:6px;margin-bottom:10px}
.onglets button{background:none;border:1px solid rgba(238,233,225,.2);color:var(--ivoire-2);border-radius:20px;padding:6px 14px;font:600 var(--t-label)/1 "Archivo";letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.onglets button.on{background:var(--ivoire);color:var(--nuit);border-color:var(--ivoire)}
.exemple{background:var(--graphite);border-radius:6px;padding:clamp(14px,1.6vw,24px);font-size:clamp(12.5px,.95vw,15px);line-height:1.5;display:none;max-height:52vh;overflow:auto}
.exemple.on{display:block}
.exemple p+p{margin-top:8px}
.exemple .mention{color:var(--fumee);font-size:var(--t-label);margin-top:10px}
.wa{background:#12211B;border-radius:6px}
.bulle-wa{background:#1F3B30;border-radius:10px 10px 10px 2px;padding:10px 12px;max-width:92%}

/* 9 · applications */
.apps{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:clamp(8px,1.2vw,16px);flex:1;min-height:0}
.app{position:relative;background:var(--graphite);border-radius:4px;overflow:hidden;cursor:zoom-in;border:1px solid rgba(238,233,225,.07);display:flex;flex-direction:column}
.app .vis{flex:1;min-height:0;position:relative;background:#141311}
.app .vis img{position:absolute;left:6px;top:6px;width:calc(100% - 12px);height:calc(100% - 12px);object-fit:cover;object-position:var(--pos,50% 50%);border-radius:2px}
.aide{font-size:var(--t-petit);color:var(--fumee);letter-spacing:.04em}
.aide b{color:var(--ivoire-2);font-weight:600}
.app .cap{padding:8px 10px;font-size:var(--t-label);letter-spacing:.06em;color:var(--ivoire-2);display:flex;justify-content:space-between;gap:8px}
.app .cap b{color:var(--ivoire);font-weight:600}
.loupe{position:fixed;inset:0;background:rgba(8,8,7,.94);z-index:50;display:none;place-items:center;padding:4vh 4vw;cursor:zoom-out}
.loupe.on{display:grid}
.loupe img{max-width:100%;max-height:88vh;object-fit:contain}
.loupe p{position:absolute;bottom:16px;left:0;right:0;text-align:center;color:var(--fumee);font-size:var(--t-petit)}

/* 10 · film */
.film-g{flex:1;min-height:0;display:grid;grid-template-columns:1fr auto;gap:clamp(14px,2.4vw,40px);align-items:center}
.film-g video{width:100%;max-height:calc(100vh - var(--top) - var(--bas) - 130px);background:#000;border-radius:4px}
.film-g .notes{max-width:300px;display:grid;gap:10px;font-size:var(--t-petit);color:var(--ivoire-2)}
.film-g .notes ol{list-style:none;display:grid;gap:6px}
.film-g .notes li span{color:var(--laiton);font-variant-numeric:tabular-nums;margin-right:8px}
.vertical{display:none}

/* 11 · déploiement */
.deploi{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.4vw,20px);flex:1;align-content:center}
.deploi .col{background:var(--graphite);border-radius:4px;padding:clamp(12px,1.4vw,22px);display:flex;flex-direction:column;gap:8px;border-top:2px solid var(--laiton)}
.deploi .col.zero{border-top-color:rgba(238,233,225,.18);background:transparent;border:1px solid rgba(238,233,225,.1)}
.deploi .qui{font-family:"Unbounded";font-weight:400;font-size:clamp(15px,1.3vw,21px)}
.deploi .combien{font-size:clamp(20px,2vw,34px);font-family:"Unbounded";font-weight:300;color:var(--ivoire)}
.deploi ul{list-style:none;display:grid;gap:5px;font-size:var(--t-petit);color:var(--ivoire-2)}
.deploi li{padding-left:12px;position:relative}
.deploi li::before{content:"";position:absolute;left:0;top:.6em;width:5px;height:1px;background:var(--laiton)}

/* 12 · pourquoi */
.pourquoi{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(16px,3vw,50px);flex:1;align-content:center}
.forces{list-style:none;display:grid;gap:clamp(8px,1.4vh,16px)}
.forces li{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:baseline}
.forces li b{font-family:"Unbounded";font-weight:400;font-size:clamp(14px,1.2vw,19px)}
.forces li p{grid-column:2;font-size:var(--t-petit);color:var(--ivoire-2)}
.risques{display:grid;gap:clamp(8px,1.4vh,14px)}
.risque{background:var(--graphite);border-radius:4px;padding:clamp(12px,1.3vw,20px);display:grid;gap:6px}
.risque .r{font-size:var(--t-petit);color:var(--fumee)}
.risque .p{font-size:clamp(13px,1vw,16px)}
.risque.reste{border:1px solid rgba(216,64,30,.5);background:transparent}

/* -------- téléphone -------- */
@media (max-width:760px){
  :root{--pad:18px;--t-titre:clamp(22px,6.4vw,30px);--t-texte:14px;--t-petit:12.5px;--t-label:10.5px}
  .haut .ou{display:none}
  .compte{min-width:40px}
  .nav button{width:36px;height:36px}
  .inner{gap:12px}
  .trois{grid-template-columns:1fr;gap:12px;align-content:start}
  .carte{gap:5px;padding-top:10px}
  .carte h3{font-size:16px}
  .carte p{font-size:12.5px;line-height:1.38}
  .citation{font-size:14px}
  #s1 .inner{max-width:100%;justify-content:flex-end;padding-bottom:6px}
  #s1 .fond img{object-position:74% 30%}
  #s1 .fond::after{background:linear-gradient(0deg,rgba(14,13,12,.97) 0%,rgba(14,13,12,.9) 45%,rgba(14,13,12,.2) 72%,rgba(14,13,12,.35) 100%)}
  #s1 .geant{font-size:clamp(38px,11.4vw,50px)}
  #s1 .promesse{font-size:17px}
  .plateforme{grid-template-columns:1fr 1fr;grid-template-rows:none;gap:8px;align-content:start}
  .bloc{padding:11px}
  .bloc.grand{grid-row:auto;grid-column:1 / -1}
  .bloc .v{font-size:14px}
  .bloc.grand .v{font-size:17px}
  .bloc p{font-size:11.5px}
  .mosaique{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(6,1fr)}
  .mosaique .cell:nth-child(n+19){display:none}
  .lentille{top:36%;width:min(92vw,46vh)}
  #s4 .phrase{font-size:25px}
  #s4 .sens{padding:11px 12px;gap:5px}
  #s4 .legende{bottom:calc(var(--bas) + 4px);gap:10px}
  .logo-g{grid-template-columns:1fr;gap:12px;align-items:start}
  .logo-g .grand{height:auto;padding:14px}
  .logo-g .grand img{width:min(100%,300px)}
  .construction svg{width:92px}
  .genius-g{grid-template-columns:1fr;gap:10px;align-items:start}
  .genius-signe{grid-template-columns:auto 1fr;align-items:center;gap:12px}
  .genius-signe img.sig{width:200px}
  .genius-signe .voix{grid-column:1 / -1;display:none}
  .genius-signe .sous{display:none}
  .g-tailles{grid-column:1 / -1;gap:10px}
  .g-tailles img.gm{width:40px;height:40px}
  .aide{display:none}
  .chat{padding:10px;gap:6px}
  .msg{font-size:11.8px;padding:6px 9px;line-height:1.34}
  .chat .src{display:none}
  .couleurs-g{grid-template-columns:1fr;gap:12px;align-content:start}
  .pastille{aspect-ratio:auto;min-height:70px;padding:5px;font-size:8.5px;overflow-wrap:anywhere}
  .pastille b{font-size:9.5px}
  .mur div{padding:6px 5px;font-size:9px;min-height:54px;overflow-wrap:anywhere}
  .types{grid-template-columns:1fr 1fr;gap:10px}
  .type .spec{font-size:22px}
  .punch-g{grid-template-columns:1fr;gap:10px;align-items:start}
  .punchs{gap:5px}
  .punchs li{font-size:12.6px;line-height:1.18}
  .punchs li small{font-size:9.5px}
  .sig-bloc{margin-bottom:8px;padding-left:10px;gap:2px}
  .sig-v{font-size:17px}
  .sig-plus{display:none}
  .exemple{max-height:34vh;font-size:12.5px;padding:11px}
  .apps{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,minmax(0,1fr));gap:7px}
  .app .cap{padding:5px 7px;font-size:9.5px}
  .film-g{grid-template-columns:1fr;align-items:start}
  .film-g .horizontal{display:none}
  .film-g .vertical{display:block;max-height:calc(100svh - var(--top) - var(--bas) - 150px);width:auto;margin:0 auto}
  .film-g .notes{max-width:none}
  .film-g .notes ol{display:none}
  .deploi{grid-template-columns:1fr 1fr;gap:8px;align-content:start}
  .deploi .col{padding:10px;gap:5px}
  .deploi .qui{font-size:13.5px}
  .deploi .combien{font-size:17px}
  .deploi ul{font-size:11px;gap:3px}
  #s11 .titre{font-size:19px}
  .pourquoi{grid-template-columns:1fr;gap:12px;align-content:start}
  .forces{gap:7px}
  .forces li b{font-size:13.5px}
  .forces li p{font-size:11.5px}
  .risque{padding:10px}
  .risque .p{font-size:12px;line-height:1.38}
  #s12 .citation{display:none}
  #s12 .titre{font-size:19px!important}
  .forces li p{display:none}
  .desk{display:none!important}
}
@media (min-width:761px){.tel{display:none!important}}
@media (max-width:760px) and (max-height:700px){:root{--t-texte:13px;--t-petit:11.5px}}