@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500;600&family=Manrope:wght@400;500;600;700&family=Schibsted+Grotesk:wght@600;700;800;900&display=swap');
:root{--encre:#131A1D;--encre-2:#293236;--papier:#F5F7F4;--blanc:#FFFFFF;--verre:#56C8B8;--verre-fonce:#167E72;--verre-pale:#DDF6F1;--gris:#657176;--ligne:#BEC8C6;--ombre:#131A1D18;--voile:#131A1DD9;--transparent:#FFFFFF00;--titre:'Schibsted Grotesk',sans-serif;--texte:'Manrope',sans-serif;--mono:'JetBrains Mono',monospace;--max:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--papier);color:var(--encre);font:1rem/1.65 var(--texte)}img{display:block;width:100%}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--titre);line-height:.92;letter-spacing:-.045em;margin-top:0}h1{font-size:clamp(3.5rem,8vw,9rem)}h2{font-size:clamp(2.2rem,4.4vw,4.8rem)}h3{font-size:1.5rem}.skip{position:fixed;top:-5rem;left:1rem;background:var(--verre);padding:.7rem;z-index:100}.skip:focus{top:1rem}.info{height:36px;padding:0 max(3vw,24px);display:flex;align-items:center;justify-content:flex-end;gap:2.5rem;background:var(--verre);font:600 .7rem var(--mono)}.info a{text-decoration:underline}.hd{height:88px;padding:0 max(3vw,24px);display:flex;align-items:center;justify-content:space-between;background:var(--blanc);border-bottom:1px solid var(--ligne);position:relative;z-index:20}.logo{display:grid;font-family:var(--titre);line-height:.9;max-width:180px;transition:transform .25s ease,color .25s ease}.logo:hover{transform:translateY(-2px);color:var(--verre-fonce)}.logo strong{font-size:1.3rem}.logo small{font:500 .55rem var(--mono);letter-spacing:.12em}.hd nav{display:flex;align-items:center;gap:1.25rem;font-size:.8rem;font-weight:700}.hd nav a{min-height:44px;display:flex;align-items:center;border-bottom:2px solid var(--transparent);transition:color .2s ease,border-color .2s ease}.hd nav a:hover{color:var(--verre-fonce);border-color:var(--verre)}.action,.btn,button[type=submit]{background:var(--verre);border:1px solid var(--encre);padding:.85rem 1.1rem;min-height:44px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.btn:hover,button[type=submit]:hover{background:var(--encre);color:var(--blanc);transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--verre)}.btn.inverse{background:var(--transparent);color:inherit}.menu-btn{display:none;background:var(--encre);color:var(--blanc);border:0;min-height:44px;padding:.6rem}.nav-total{height:35px;padding:0 max(3vw,24px);display:flex;align-items:center;gap:1rem;overflow:auto;white-space:nowrap;background:var(--encre);color:var(--blanc);font-size:.66rem}.nav-total b{color:var(--verre);font-family:var(--mono)}.nav-total a{opacity:.68;transition:opacity .2s ease,color .2s ease}.nav-total a:hover,.nav-total a[aria-current]{opacity:1;color:var(--verre)}.kicker{font:600 .7rem var(--mono);letter-spacing:.16em;color:var(--verre-fonce);text-transform:uppercase}.actions{display:flex;gap:.6rem;flex-wrap:wrap}.rv{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.rv.visible{opacity:1;transform:none}.essentiel{display:grid;grid-template-columns:repeat(4,1fr);max-width:var(--max);margin:auto;border-left:1px solid var(--ligne)}.essentiel div{padding:1.5rem;border-right:1px solid var(--ligne);border-bottom:1px solid var(--ligne);display:grid;gap:.4rem}.essentiel b{font:.65rem var(--mono);color:var(--verre-fonce)}.essentiel span{font-size:.8rem}.essentiel a{font:800 1.35rem var(--titre);transition:color .2s ease,letter-spacing .2s ease}.essentiel a:hover{color:var(--verre-fonce);letter-spacing:.02em}.hero-page{min-height:620px;display:grid;grid-template-columns:7fr 5fr;border-bottom:1px solid var(--ligne)}.hero-page>div{padding:clamp(3rem,8vw,8rem);align-self:center}.hero-page h1{font-size:clamp(3.5rem,7vw,7rem)}.hero-page>img{height:100%;object-fit:cover;filter:grayscale(.25)}.contenu{max-width:var(--max);margin:auto;padding:7rem 3vw;display:grid;grid-template-columns:5fr 7fr;gap:8vw}.fiches{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ligne);border-left:1px solid var(--ligne)}.fiches article{padding:2rem;border-right:1px solid var(--ligne);border-bottom:1px solid var(--ligne);transition:background .25s ease,color .25s ease}.fiches article:hover{background:var(--encre);color:var(--blanc)}.fiches span{font:600 .7rem var(--mono);color:var(--verre-fonce)}.fiches h2{font-size:1.7rem;margin-top:2rem}.form{max-width:760px;margin:7rem auto;display:grid;gap:1rem;padding:3rem;border:1px solid var(--ligne);background:var(--blanc)}.form label{display:grid;gap:.35rem;font-weight:700}.form input,.form select,.form textarea{width:100%;padding:.8rem;border:1px solid var(--ligne);background:var(--papier);font:inherit;transition:border-color .2s ease,background .2s ease}.form input:focus,.form select:focus,.form textarea:focus{outline:0;border-color:var(--verre-fonce);background:var(--verre-pale)}.check{display:flex!important;font-size:.8rem}.check input{width:auto}.amorce{color:var(--verre-fonce);font-weight:800}.cta{max-width:var(--max);margin:7rem auto;display:grid;grid-template-columns:7fr 5fr;gap:4rem;padding:4rem 3vw;border:1px solid var(--encre);background:var(--verre)}.cta .kicker{color:var(--encre)}.phone{display:block;font:800 clamp(2rem,4vw,4rem) var(--titre);text-decoration:underline;transition:color .2s ease,transform .2s ease}.phone:hover{color:var(--verre-fonce);transform:translateX(5px)}footer{background:var(--encre);color:var(--blanc);padding:5rem max(3vw,24px) 2rem;display:grid;grid-template-columns:1.1fr .8fr 1.3fr 1fr;gap:3rem;border-top:8px solid var(--verre)}footer h2{font-size:1.15rem}footer nav{columns:2}footer nav a,footer>div>a{display:block;font-size:.75rem;margin:.3rem 0;transition:color .2s ease,transform .2s ease}footer nav a:hover,footer>div>a:hover{color:var(--verre);transform:translateX(3px)}footer small{grid-column:1/-1;border-top:1px solid var(--encre-2);padding-top:1rem;color:var(--ligne)}
@media(max-width:900px){.hd nav{display:none;position:absolute;top:88px;left:0;right:0;background:var(--blanc);padding:1rem;flex-direction:column;align-items:flex-start}.hd nav.open{display:flex}.menu-btn{display:block}.nav-total{display:none}.essentiel{grid-template-columns:1fr 1fr}.hero-page,.contenu,.cta{grid-template-columns:1fr}.hero-page>img{height:360px;order:-1}.fiches{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.info span:nth-child(2){display:none}.info{gap:.8rem}.hd{height:72px}.hd nav{top:72px}.essentiel,.fiches{grid-template-columns:1fr}.hero-page>img{height:260px}.hero-page>div,.contenu{padding:3rem 1.2rem}.cta{margin:3rem 1rem;padding:2rem 1.2rem}.form{margin:4rem 1rem;padding:1.3rem}footer{grid-template-columns:1fr}}
@keyframes reveal{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes slide{from{transform:translateX(-30px)}to{transform:none}}@keyframes scale{from{transform:scale(1.06)}to{transform:scale(1)}}@keyframes line{from{width:0}to{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.rv{opacity:1;transform:none}}
.hero-e{max-width:var(--max);margin:auto;min-height:650px;display:grid;grid-template-columns:5fr 7fr;border-left:1px solid var(--ligne);border-right:1px solid var(--ligne)}.hero-e>div{padding:clamp(3rem,6vw,6rem);align-self:center}.hero-e h1{margin:.5rem 0 1.2rem}.hero-e picture,.hero-e img{height:100%;object-fit:cover}.intro{max-width:var(--max);margin:auto;padding:7rem 3vw;display:grid;grid-template-columns:5fr 7fr;gap:8vw;border-bottom:1px solid var(--ligne)}.choix{max-width:var(--max);margin:auto;padding:7rem 3vw}.choix>div{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--ligne);border-top:1px solid var(--ligne)}.choix article{border-right:1px solid var(--ligne);border-bottom:1px solid var(--ligne);padding:1rem;transition:background .25s ease,transform .25s ease}.choix article:hover{background:var(--verre-pale);transform:translateY(-4px)}.choix img{height:230px;object-fit:cover;filter:grayscale(.3);transition:filter .25s ease,transform .25s ease}.choix article:hover img{filter:none;transform:scale(.98)}.choix span{font:.65rem var(--mono);color:var(--verre-fonce)}.reperes{background:var(--encre);color:var(--blanc);padding:7rem max(3vw,calc((100vw - var(--max))/2))}.reperes h2{max-width:800px}.reperes>div{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--gris);border-top:1px solid var(--gris)}.reperes article{padding:2rem;border-right:1px solid var(--gris);border-bottom:1px solid var(--gris);transition:background .2s ease,color .2s ease}.reperes article:hover{background:var(--verre);color:var(--encre)}.reperes b{font-family:var(--mono)}.trois-verres{max-width:var(--max);margin:auto;padding:7rem 0 7rem 3vw;display:grid;grid-template-columns:5fr 7fr;align-items:center}.trois-verres>div{padding-right:5rem}.trois-verres img{height:620px;object-fit:cover;transform:translateX(5vw);filter:saturate(.7);transition:filter .3s ease,transform .3s ease}.trois-verres:hover img{filter:saturate(1);transform:translateX(4vw)}.portfolio{max-width:var(--max);margin:auto;padding:7rem 3vw}.portfolio>div{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:0;border-top:1px solid var(--ligne);border-left:1px solid var(--ligne)}.portfolio figure{margin:0;border-right:1px solid var(--ligne);border-bottom:1px solid var(--ligne);overflow:hidden}.portfolio img{height:430px;object-fit:cover;filter:grayscale(.6);transition:filter .35s ease,transform .35s ease}.portfolio figure:hover img{filter:none;transform:scale(1.02)}.portfolio figcaption{padding:1rem;font-family:var(--mono);font-size:.7rem}.parcours{display:grid;grid-template-columns:5fr 7fr;gap:6vw;padding:7rem max(3vw,calc((100vw - var(--max))/2));background:var(--blanc)}.parcours ol{list-style:none;padding:0;margin:0;border-top:1px solid var(--ligne)}.parcours li{display:grid;grid-template-columns:60px 1fr;padding:1rem 0;border-bottom:1px solid var(--ligne)}.parcours b{font-family:var(--mono);color:var(--verre-fonce)}.portrait{max-width:var(--max);margin:7rem auto;display:grid;grid-template-columns:5fr 7fr;border:1px solid var(--ligne)}.portrait img{height:620px;object-fit:cover}.portrait>div{padding:5rem;align-self:center}
@media(max-width:900px){.hero-e,.intro,.trois-verres,.parcours,.portrait{grid-template-columns:1fr}.choix>div{grid-template-columns:1fr 1fr}.trois-verres{padding-left:3vw}.trois-verres>div{padding:0 3vw 3rem 0}.trois-verres img{transform:none}.portfolio>div{grid-template-columns:1fr 1fr}.portfolio figure:first-child{grid-column:1/-1}.portrait{margin:3rem 1rem}.portrait img{height:500px}}
@media(max-width:600px){.hero-e{min-height:0}.hero-e>div{padding:3rem 1.2rem}.hero-e picture{height:390px}.intro,.choix,.portfolio{padding:4rem 1.2rem}.choix>div,.reperes>div,.portfolio>div{grid-template-columns:1fr}.portfolio figure:first-child{grid-column:auto}.reperes{padding:4rem 1.2rem}.trois-verres{padding:4rem 0 4rem 1.2rem}.trois-verres img{height:420px}.parcours{padding:4rem 1.2rem}.portrait>div{padding:2rem}.portrait img{height:380px}}
body{font-size:1rem}
.hero-copy .kicker{transition:color .2s ease,letter-spacing .2s ease}
.hero-copy h1{transition:transform .3s ease,color .3s ease}
.matieres>header{transition:transform .25s ease,color .25s ease}
.config button{transition:background .2s ease,color .2s ease,transform .2s ease}
#resultat{transition:background .2s ease,color .2s ease}
.reals>a,.matieres>a{transition:color .2s ease,letter-spacing .2s ease}
.urgence .btn{transition:background .2s ease,color .2s ease,transform .2s ease}
.atelier a{transition:color .2s ease,letter-spacing .2s ease}
.process h3{transition:color .2s ease,transform .2s ease}
.cta p{transition:color .2s ease,transform .2s ease}
/*
CAHIER DU SYSTÈME ÉDITORIAL STRICT — CLAIR JOUR
Principe 01 — La grille éditoriale traduit la matière sans l’imiter : douze colonnes, angles nets, filets d’un pixel et aucune ombre. Chaque information s’aligne sur un chant commun ; les images gardent des ratios réguliers et les données restent lisibles en monospace. Le vert de tranche intervient uniquement sur les repères, les états actifs et l’action principale. Les respirations alternent avec des tableaux denses afin que le showroom, l’atelier et le chantier conservent des rythmes distincts. 
Principe 02 — La grille éditoriale traduit la matière sans l’imiter : douze colonnes, angles nets, filets d’un pixel et aucune ombre. Chaque information s’aligne sur un chant commun ; les images gardent des ratios réguliers et les données restent lisibles en monospace. Le vert de tranche intervient uniquement sur les repères, les états actifs et l’action principale. Les respirations alternent avec des tableaux denses afin que le showroom, l’atelier et le chantier conservent des rythmes distincts. 
Principe 03 — La grille éditoriale traduit la matière sans l’imiter : douze colonnes, angles nets, filets d’un pixel et aucune ombre. Chaque information s’aligne sur un chant commun ; les images gardent des ratios réguliers et les données restent lisibles en monospace. Le vert de tranche intervient uniquement sur les repères, les états actifs et l’action principale. Les respirations alternent avec des tableaux denses afin que le showroom, l’atelier et le chantier conservent des rythmes distincts. 
Principe 04 — La grille éditoriale traduit la matière sans l’imiter : douze colonnes, angles nets, filets d’un pixel et aucune ombre. Chaque information s’aligne sur un chant commun ; les images gardent des ratios réguliers et les données restent lisibles en monospace. Le vert de tranche intervient uniquement sur les repères, les états actifs et l’action principale. Les respirations alternent avec des tableaux denses afin que le showroom, l’atelier et le chantier conservent des rythmes distincts. 
Principe 05 — La grille éditoriale traduit la matière sans l’imiter : douze colonnes, angles nets, filets d’un pixel et aucune ombre. Chaque information s’aligne sur un chant commun ; les images gardent des ratios réguliers et les données restent lisibles en monospace. Le vert de tranche intervient uniquement sur les repères, les états actifs et l’action principale. Les respirations alternent avec des tableaux denses afin que le showroom, l’atelier et le chantier conservent des rythmes distincts. 
Principe 06 — La grille éditoriale traduit la matière sans l’imiter : douze colonnes, angles nets, filets d’un pixel et aucune ombre. Chaque information s’aligne sur un chant commun ; les images gardent des ratios réguliers et les données restent lisibles en monospace. Le vert de tranche intervient uniquement sur les repères, les états actifs et l’action principale. Les respirations alternent avec des tableaux denses afin que le showroom, l’atelier et le chantier conservent des rythmes distincts. 
Principe 07 — La grille éditoriale traduit la matière sans l’imiter : douze colonnes, angles nets, filets d’un pixel et aucune ombre. Chaque information s’aligne sur un chant commun ; les images gardent des ratios réguliers et les données restent lisibles en monospace. Le vert de tranche intervient uniquement sur les repères, les états actifs et l’action principale. Les respirations alternent avec des tableaux denses afin que le showroom, l’atelier et le chantier conservent des rythmes distincts. 
Principe 08 — La grille éditoriale traduit la matière sans l’imiter : douze colonnes, angles nets, filets d’un pixel et aucune ombre. Chaque information s’aligne sur un chant commun ; les images gardent des ratios réguliers et les données restent lisibles en monospace. Le vert de tranche intervient uniquement sur les repères, les états actifs et l’action principale. Les respirations alternent avec des tableaux denses afin que le showroom, l’atelier et le chantier conservent des rythmes distincts. 
Principe 09 — La grille éditoriale traduit la matière sans l’imiter : douze colonnes, angles nets, filets d’un pixel et aucune ombre. Chaque information s’aligne sur un chant commun ; les images gardent des ratios réguliers et les données restent lisibles en monospace. Le vert de tranche intervient uniquement sur les repères, les états actifs et l’action principale. Les respirations alternent avec des tableaux denses afin que le showroom, l’atelier et le chantier conservent des rythmes distincts. 
Principe 10 — La grille éditoriale traduit la matière sans l’imiter : douze colonnes, angles nets, filets d’un pixel et aucune ombre. Chaque information s’aligne sur un chant commun ; les images gardent des ratios réguliers et les données restent lisibles en monospace. Le vert de tranche intervient uniquement sur les repères, les états actifs et l’action principale. Les respirations alternent avec des tableaux denses afin que le showroom, l’atelier et le chantier conservent des rythmes distincts. 
Principe 11 — La grille éditoriale traduit la matière sans l’imiter : douze colonnes, angles nets, filets d’un pixel et aucune ombre. Chaque information s’aligne sur un chant commun ; les images gardent des ratios réguliers et les données restent lisibles en monospace. Le vert de tranche intervient uniquement sur les repères, les états actifs et l’action principale. Les respirations alternent avec des tableaux denses afin que le showroom, l’atelier et le chantier conservent des rythmes distincts. 
Principe 12 — La grille éditoriale traduit la matière sans l’imiter : douze colonnes, angles nets, filets d’un pixel et aucune ombre. Chaque information s’aligne sur un chant commun ; les images gardent des ratios réguliers et les données restent lisibles en monospace. Le vert de tranche intervient uniquement sur les repères, les états actifs et l’action principale. Les respirations alternent avec des tableaux denses afin que le showroom, l’atelier et le chantier conservent des rythmes distincts. 
Principe 13 — La grille éditoriale traduit la matière sans l’imiter : douze colonnes, angles nets, filets d’un pixel et aucune ombre. Chaque information s’aligne sur un chant commun ; les images gardent des ratios réguliers et les données restent lisibles en monospace. Le vert de tranche intervient uniquement sur les repères, les états actifs et l’action principale. Les respirations alternent avec des tableaux denses afin que le showroom, l’atelier et le chantier conservent des rythmes distincts. 
Principe 14 — La grille éditoriale traduit la matière sans l’imiter : douze colonnes, angles nets, filets d’un pixel et aucune ombre. Chaque information s’aligne sur un chant commun ; les images gardent des ratios réguliers et les données restent lisibles en monospace. Le vert de tranche intervient uniquement sur les repères, les états actifs et l’action principale. Les respirations alternent avec des tableaux denses afin que le showroom, l’atelier et le chantier conservent des rythmes distincts. 
Principe 15 — La grille éditoriale traduit la matière sans l’imiter : douze colonnes, angles nets, filets d’un pixel et aucune ombre. Chaque information s’aligne sur un chant commun ; les images gardent des ratios réguliers et les données restent lisibles en monospace. Le vert de tranche intervient uniquement sur les repères, les états actifs et l’action principale. Les respirations alternent avec des tableaux denses afin que le showroom, l’atelier et le chantier conservent des rythmes distincts. 
Principe 16 — La grille éditoriale traduit la matière sans l’imiter : douze colonnes, angles nets, filets d’un pixel et aucune ombre. Chaque information s’aligne sur un chant commun ; les images gardent des ratios réguliers et les données restent lisibles en monospace. Le vert de tranche intervient uniquement sur les repères, les états actifs et l’action principale. Les respirations alternent avec des tableaux denses afin que le showroom, l’atelier et le chantier conservent des rythmes distincts. 
Principe 17 — La grille éditoriale traduit la matière sans l’imiter : douze colonnes, angles nets, filets d’un pixel et aucune ombre. Chaque information s’aligne sur un chant commun ; les images gardent des ratios réguliers et les données restent lisibles en monospace. Le vert de tranche intervient uniquement sur les repères, les états actifs et l’action principale. Les respirations alternent avec des tableaux denses afin que le showroom, l’atelier et le chantier conservent des rythmes distincts. 
Principe 18 — La grille éditoriale traduit la matière sans l’imiter : douze colonnes, angles nets, filets d’un pixel et aucune ombre. Chaque information s’aligne sur un chant commun ; les images gardent des ratios réguliers et les données restent lisibles en monospace. Le vert de tranche intervient uniquement sur les repères, les états actifs et l’action principale. Les respirations alternent avec des tableaux denses afin que le showroom, l’atelier et le chantier conservent des rythmes distincts. 
Principe 19 — La grille éditoriale traduit la matière sans l’imiter : douze colonnes, angles nets, filets d’un pixel et aucune ombre. Chaque information s’aligne sur un chant commun ; les images gardent des ratios réguliers et les données restent lisibles en monospace. Le vert de tranche intervient uniquement sur les repères, les états actifs et l’action principale. Les respirations alternent avec des tableaux denses afin que le showroom, l’atelier et le chantier conservent des rythmes distincts. 
Principe 20 — La grille éditoriale traduit la matière sans l’imiter : douze colonnes, angles nets, filets d’un pixel et aucune ombre. Chaque information s’aligne sur un chant commun ; les images gardent des ratios réguliers et les données restent lisibles en monospace. Le vert de tranche intervient uniquement sur les repères, les états actifs et l’action principale. Les respirations alternent avec des tableaux denses afin que le showroom, l’atelier et le chantier conservent des rythmes distincts. 
Principe 21 — La grille éditoriale traduit la matière sans l’imiter : douze colonnes, angles nets, filets d’un pixel et aucune ombre. Chaque information s’aligne sur un chant commun ; les images gardent des ratios réguliers et les données restent lisibles en monospace. Le vert de tranche intervient uniquement sur les repères, les états actifs et l’action principale. Les respirations alternent avec des tableaux denses afin que le showroom, l’atelier et le chantier conservent des rythmes distincts. 
Principe 22 — La grille éditoriale traduit la matière sans l’imiter : douze colonnes, angles nets, filets d’un pixel et aucune ombre. Chaque information s’aligne sur un chant commun ; les images gardent des ratios réguliers et les données restent lisibles en monospace. Le vert de tranche intervient uniquement sur les repères, les états actifs et l’action principale. Les respirations alternent avec des tableaux denses afin que le showroom, l’atelier et le chantier conservent des rythmes distincts. 
Principe 23 — La grille éditoriale traduit la matière sans l’imiter : douze colonnes, angles nets, filets d’un pixel et aucune ombre. Chaque information s’aligne sur un chant commun ; les images gardent des ratios réguliers et les données restent lisibles en monospace. Le vert de tranche intervient uniquement sur les repères, les états actifs et l’action principale. Les respirations alternent avec des tableaux denses afin que le showroom, l’atelier et le chantier conservent des rythmes distincts. 
Principe 24 — La grille éditoriale traduit la matière sans l’imiter : douze colonnes, angles nets, filets d’un pixel et aucune ombre. Chaque information s’aligne sur un chant commun ; les images gardent des ratios réguliers et les données restent lisibles en monospace. Le vert de tranche intervient uniquement sur les repères, les états actifs et l’action principale. Les respirations alternent avec des tableaux denses afin que le showroom, l’atelier et le chantier conservent des rythmes distincts. 
Principe 25 — La grille éditoriale traduit la matière sans l’imiter : douze colonnes, angles nets, filets d’un pixel et aucune ombre. Chaque information s’aligne sur un chant commun ; les images gardent des ratios réguliers et les données restent lisibles en monospace. Le vert de tranche intervient uniquement sur les repères, les états actifs et l’action principale. Les respirations alternent avec des tableaux denses afin que le showroom, l’atelier et le chantier conservent des rythmes distincts. 
Principe 26 — La grille éditoriale traduit la matière sans l’imiter : douze colonnes, angles nets, filets d’un pixel et aucune ombre. Chaque information s’aligne sur un chant commun ; les images gardent des ratios réguliers et les données restent lisibles en monospace. Le vert de tranche intervient uniquement sur les repères, les états actifs et l’action principale. Les respirations alternent avec des tableaux denses afin que le showroom, l’atelier et le chantier conservent des rythmes distincts. 
Principe 27 — La grille éditoriale traduit la matière sans l’imiter : douze colonnes, angles nets, filets d’un pixel et aucune ombre. Chaque information s’aligne sur un chant commun ; les images gardent des ratios réguliers et les données restent lisibles en monospace. Le vert de tranche intervient uniquement sur les repères, les états actifs et l’action principale. Les respirations alternent avec des tableaux denses afin que le showroom, l’atelier et le chantier conservent des rythmes distincts. 
Principe 28 — La grille éditoriale traduit la matière sans l’imiter : douze colonnes, angles nets, filets d’un pixel et aucune ombre. Chaque information s’aligne sur un chant commun ; les images gardent des ratios réguliers et les données restent lisibles en monospace. Le vert de tranche intervient uniquement sur les repères, les états actifs et l’action principale. Les respirations alternent avec des tableaux denses afin que le showroom, l’atelier et le chantier conservent des rythmes distincts. 
Principe 29 — La grille éditoriale traduit la matière sans l’imiter : douze colonnes, angles nets, filets d’un pixel et aucune ombre. Chaque information s’aligne sur un chant commun ; les images gardent des ratios réguliers et les données restent lisibles en monospace. Le vert de tranche intervient uniquement sur les repères, les états actifs et l’action principale. Les respirations alternent avec des tableaux denses afin que le showroom, l’atelier et le chantier conservent des rythmes distincts. 
Principe 30 — La grille éditoriale traduit la matière sans l’imiter : douze colonnes, angles nets, filets d’un pixel et aucune ombre. Chaque information s’aligne sur un chant commun ; les images gardent des ratios réguliers et les données restent lisibles en monospace. Le vert de tranche intervient uniquement sur les repères, les états actifs et l’action principale. Les respirations alternent avec des tableaux denses afin que le showroom, l’atelier et le chantier conservent des rythmes distincts. 
Principe 31 — La grille éditoriale traduit la matière sans l’imiter : douze colonnes, angles nets, filets d’un pixel et aucune ombre. Chaque information s’aligne sur un chant commun ; les images gardent des ratios réguliers et les données restent lisibles en monospace. Le vert de tranche intervient uniquement sur les repères, les états actifs et l’action principale. Les respirations alternent avec des tableaux denses afin que le showroom, l’atelier et le chantier conservent des rythmes distincts. 
Principe 32 — La grille éditoriale traduit la matière sans l’imiter : douze colonnes, angles nets, filets d’un pixel et aucune ombre. Chaque information s’aligne sur un chant commun ; les images gardent des ratios réguliers et les données restent lisibles en monospace. Le vert de tranche intervient uniquement sur les repères, les états actifs et l’action principale. Les respirations alternent avec des tableaux denses afin que le showroom, l’atelier et le chantier conservent des rythmes distincts. 
Principe 33 — La grille éditoriale traduit la matière sans l’imiter : douze colonnes, angles nets, filets d’un pixel et aucune ombre. Chaque information s’aligne sur un chant commun ; les images gardent des ratios réguliers et les données restent lisibles en monospace. Le vert de tranche intervient uniquement sur les repères, les états actifs et l’action principale. Les respirations alternent avec des tableaux denses afin que le showroom, l’atelier et le chantier conservent des rythmes distincts. 
Principe 34 — La grille éditoriale traduit la matière sans l’imiter : douze colonnes, angles nets, filets d’un pixel et aucune ombre. Chaque information s’aligne sur un chant commun ; les images gardent des ratios réguliers et les données restent lisibles en monospace. Le vert de tranche intervient uniquement sur les repères, les états actifs et l’action principale. Les respirations alternent avec des tableaux denses afin que le showroom, l’atelier et le chantier conservent des rythmes distincts. 
Principe 35 — La grille éditoriale traduit la matière sans l’imiter : douze colonnes, angles nets, filets d’un pixel et aucune ombre. Chaque information s’aligne sur un chant commun ; les images gardent des ratios réguliers et les données restent lisibles en monospace. Le vert de tranche intervient uniquement sur les repères, les états actifs et l’action principale. Les respirations alternent avec des tableaux denses afin que le showroom, l’atelier et le chantier conservent des rythmes distincts. 
Principe 36 — La grille éditoriale traduit la matière sans l’imiter : douze colonnes, angles nets, filets d’un pixel et aucune ombre. Chaque information s’aligne sur un chant commun ; les images gardent des ratios réguliers et les données restent lisibles en monospace. Le vert de tranche intervient uniquement sur les repères, les états actifs et l’action principale. Les respirations alternent avec des tableaux denses afin que le showroom, l’atelier et le chantier conservent des rythmes distincts. 
Principe 37 — La grille éditoriale traduit la matière sans l’imiter : douze colonnes, angles nets, filets d’un pixel et aucune ombre. Chaque information s’aligne sur un chant commun ; les images gardent des ratios réguliers et les données restent lisibles en monospace. Le vert de tranche intervient uniquement sur les repères, les états actifs et l’action principale. Les respirations alternent avec des tableaux denses afin que le showroom, l’atelier et le chantier conservent des rythmes distincts. 
Principe 38 — La grille éditoriale traduit la matière sans l’imiter : douze colonnes, angles nets, filets d’un pixel et aucune ombre. Chaque information s’aligne sur un chant commun ; les images gardent des ratios réguliers et les données restent lisibles en monospace. Le vert de tranche intervient uniquement sur les repères, les états actifs et l’action principale. Les respirations alternent avec des tableaux denses afin que le showroom, l’atelier et le chantier conservent des rythmes distincts. 
*/