@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:wght@400..800&family=Darker+Grotesque:wght@400;600;700;800;900&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root{--titre:'Darker Grotesque',sans-serif;--texte:'Albert Sans',sans-serif;--donnees:'IBM Plex Mono',monospace;--accent:#5EF28B;--accent-fonce:#126638;--accent-pale:#DDF9E6;--papier:#F0EEE8;--papier-clair:#FAF9F5;--encre:#171C19;--encre-doux:#313934;--filet:#A9AEA9;--filet-sombre:#626963;--blanc:#FFFFFF;--transparent:transparent;--ombre:color-mix(in srgb,var(--encre) 16%,var(--transparent));}

*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;font-family:var(--texte);font-size:1rem;line-height:1.65;background:var(--papier);color:var(--encre)}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3,.logo strong{font-family:var(--titre)}h1{font-size:clamp(3.5rem,8vw,9rem);line-height:.87;letter-spacing:-.045em}h2{font-size:clamp(2.7rem,6vw,6.6rem);line-height:.9;letter-spacing:-.04em}h3{font-size:clamp(1.6rem,3vw,2.6rem);line-height:1}.sur{text-transform:uppercase;letter-spacing:.18em;font-weight:800;font-size:.75rem}.hd{position:relative;z-index:50}.info{min-height:34px;padding:5px 2vw;display:flex;justify-content:space-between;gap:20px;align-items:center;font-family:var(--donnees);font-size:.73rem;background:var(--encre);color:var(--papier)}.info a{font-weight:700}.barre{min-height:82px;padding:12px 2vw;display:flex;align-items:center;gap:2vw;background:var(--papier);border-bottom:1px solid var(--filet)}.logo{display:inline-flex;flex-direction:column;flex:0 0 auto;line-height:.8}.logo strong{font-size:1.55rem;letter-spacing:-.04em}.logo small{font-family:var(--donnees);font-size:.55rem;letter-spacing:.12em;text-transform:uppercase;margin-top:8px}.nav-principale{display:flex;align-items:center;justify-content:center;gap:clamp(12px,2vw,30px);margin-left:auto}.nav-principale a{font-size:.85rem;font-weight:700;transition:color .25s ease,transform .25s ease}.nav-principale a:hover{color:var(--accent-fonce);transform:translateY(-2px)}.action-hd,.btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:12px 18px;background:var(--accent);color:var(--encre);font-weight:800;text-transform:uppercase;letter-spacing:.07em;transition:background .25s ease,color .25s ease,transform .25s ease}.action-hd:hover,.btn:hover{background:var(--accent-fonce);color:var(--papier);transform:translateY(-3px)}.btn.sombre{background:var(--encre);color:var(--papier)}.btn.sombre:hover{background:var(--accent);color:var(--encre);transform:translateY(-3px)}.lien{font-weight:800;border-bottom:2px solid var(--accent);padding-bottom:4px;transition:color .25s ease,border-color .25s ease}.lien:hover{color:var(--accent-fonce);border-color:var(--encre)}.menu-bouton{display:none;background:var(--transparent);border:1px solid var(--encre);min-height:44px}.essentiel-haut{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--filet);background:var(--papier)}.essentiel-haut>div{padding:22px 2vw;border-right:1px solid var(--filet);display:flex;flex-direction:column}.essentiel-haut span{font-family:var(--donnees);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}.essentiel-haut strong,.essentiel-haut a{font-size:1.05rem;line-height:1.25;margin-top:5px}.essentiel-haut a{font-family:var(--titre);font-size:1.5rem}.essentiel-haut small{font-size:.72rem;margin-top:4px}.rv{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.rv.visible{opacity:1;transform:translateY(0)}.numero{font-family:var(--donnees);font-size:.75rem;letter-spacing:.18em}.actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.appel-mobile{display:none}.pied{padding:72px 5vw 30px;display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:40px;background:var(--encre);color:var(--papier)}.pied>div{display:flex;flex-direction:column;gap:8px}.pied .logo{margin-bottom:18px}.pied p{max-width:44ch}.credit{grid-column:1/-1;border-top:1px solid var(--filet-sombre);padding-top:22px;font-size:.75rem}.nav-total{padding:45px 5vw;background:var(--accent);color:var(--encre);display:grid;grid-template-columns:220px 1fr;gap:20px}.nav-total>strong{font-family:var(--titre);font-size:2rem}.nav-total>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px 20px}.nav-total a{border-bottom:1px solid var(--encre);padding:7px 0;transition:padding .25s ease,background .25s ease}.nav-total a:hover{padding-left:8px;background:var(--accent-pale)}.hero-page{min-height:72vh;display:grid;grid-template-columns:46% 54%;background:var(--encre);color:var(--papier)}.hero-page>div{padding:11vw 5vw 7vw}.hero-page h1{font-size:clamp(3.5rem,7vw,7.4rem)}.hero-page p:not(.sur){max-width:55ch}.hero-page figure{margin:0;min-height:620px;overflow:hidden}.hero-page figure img{transition:transform 1s ease,filter .6s ease}.hero-page:hover figure img{transform:scale(1.025);filter:saturate(.9)}.contenu-page{padding:100px 6vw;display:grid;grid-template-columns:1fr .85fr;gap:8vw}.contenu-page>div:first-child{max-width:700px}.liste-check{display:flex;flex-direction:column;border-top:1px solid var(--filet)}.liste-check span{padding:20px 0;border-bottom:1px solid var(--filet);font-family:var(--donnees);font-size:.82rem;transition:padding .25s ease,color .25s ease}.liste-check span:hover{padding-left:15px;color:var(--accent-fonce)}.diptyque-page{display:grid;grid-template-columns:58% 42%;background:var(--accent-pale)}.diptyque-page>img{min-height:600px}.diptyque-page>div{padding:9vw 5vw}.cta-final{padding:100px 6vw;background:var(--accent);color:var(--encre)}.cta-final h2{max-width:1050px}.cta-final p{max-width:780px}.devis-hero{min-height:65vh}.tunnel{max-width:1000px;margin:80px auto;padding:0 5vw}.progression{height:48px;border-bottom:1px solid var(--filet);position:relative;display:flex;align-items:center;justify-content:flex-end;font-family:var(--donnees)}.progression i{position:absolute;left:0;bottom:-2px;width:25%;height:4px;background:var(--accent);transition:width .4s ease}.etape{display:none;padding:55px 0}.etape.actif{display:grid;gap:16px;animation:entree .45s ease}.etape label{display:flex;justify-content:space-between;gap:20px;padding:18px;border:1px solid var(--filet);transition:border-color .25s ease,background .25s ease}.etape label:hover{border-color:var(--accent-fonce);background:var(--accent-pale)}.etape input[type=text],.etape input[type=tel]{min-height:44px;border:1px solid var(--filet);padding:8px}.depot{min-height:150px;align-items:center;justify-content:center!important;background:var(--accent-pale)}.confirmation{padding:20px;background:var(--accent);font-weight:800}
@keyframes entree{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes flottement{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes ligne{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes pulse{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes defilement{from{transform:translateX(0)}to{transform:translateX(-30px)}}
@media(max-width:980px){.nav-principale{display:none}.menu-bouton{display:inline-flex;align-items:center;padding:8px 12px}.action-hd{margin-left:auto}.essentiel-haut{grid-template-columns:repeat(2,1fr)}.hero-page{grid-template-columns:1fr}.hero-page figure{min-height:50vh}.contenu-page,.diptyque-page{grid-template-columns:1fr}.nav-total{grid-template-columns:1fr}.nav-total>div{grid-template-columns:repeat(2,1fr)}.pied{grid-template-columns:1fr 1fr}}
@media(max-width:640px){h1{font-size:clamp(3.5rem,16vw,5.2rem)}h2{font-size:clamp(2.7rem,13vw,4.4rem)}.info{font-size:.58rem}.info span{max-width:58%}.barre{min-height:72px}.logo strong{font-size:1.25rem}.action-hd{display:none}.essentiel-haut{grid-template-columns:1fr}.essentiel-haut>div{border-right:0}.nav-total>div,.pied{grid-template-columns:1fr}.appel-mobile{position:fixed;z-index:80;display:flex;align-items:center;justify-content:center;left:12px;right:12px;bottom:10px;min-height:52px;background:var(--accent);color:var(--encre);font-weight:900}.pied{padding-bottom:90px}.hero-page>div{padding:120px 6vw 60px}.hero-page figure{min-height:48vh}.contenu-page,.tunnel{padding-left:6vw;padding-right:6vw}.diptyque-page>img{min-height:50vh}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}.rv{opacity:1;transform:none}}

.hero-e{min-height:78vh;display:grid;grid-template-columns:44% 56%;background:var(--papier-clair)}.hero-texte{padding:9vw 4vw 5vw}.hero-texte h1{font-size:clamp(3.5rem,7vw,7.7rem)}.hero-texte .intro{max-width:58ch;font-size:1.08rem}.hero-image{margin:0;position:relative;min-height:620px;overflow:hidden}.hero-image img{transition:transform 1s ease,filter .5s ease}.hero-image:hover img{transform:scale(1.03);filter:contrast(1.04)}.hero-image figcaption{position:absolute;right:0;bottom:0;padding:12px 18px;background:var(--accent);font-family:var(--donnees);font-size:.65rem}.bande{display:grid;grid-template-columns:12% 44% 44%;background:var(--encre);color:var(--papier);padding:90px 4vw}.bande>div:nth-child(2){padding-right:5vw}.bande h2{font-size:clamp(2.8rem,5.5vw,6rem)}.liste-rayons{border-top:1px solid var(--filet-sombre)}.liste-rayons a{display:flex;justify-content:space-between;gap:15px;padding:21px 0;border-bottom:1px solid var(--filet-sombre);transition:padding .25s ease,background .25s ease}.liste-rayons a:hover{padding-left:16px;background:var(--encre-doux)}.liste-rayons b{font-family:var(--titre);font-size:1.55rem}.liste-rayons span{max-width:190px;font-size:.78rem}.showroom{display:grid;grid-template-columns:62% 38%;align-items:center;padding:110px 0;background:var(--papier)}.showroom .debord{height:680px;margin:0 0 0 -5vw;overflow:hidden}.showroom>div{padding:4vw}.showroom img{filter:saturate(.82);transition:filter .5s ease,transform .8s ease}.showroom:hover img{filter:saturate(1);transform:scale(1.02)}.preuves{display:grid;grid-template-columns:45% 55%;background:var(--accent)}.preuve-image{min-height:650px}.preuve-texte{padding:90px 7vw}.preuve-texte li{padding:14px 0;border-bottom:1px solid var(--encre)}.parcours-statique{padding:100px 5vw;display:grid;grid-template-columns:12% 1fr;gap:30px}.trois-parcours{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--filet)}.trois-parcours article{padding:30px;border-right:1px solid var(--filet);transition:background .3s ease,transform .3s ease}.trois-parcours article:hover{background:var(--accent-pale);transform:translateY(-5px)}.trois-parcours article>span{font-family:var(--donnees)}.trois-parcours strong{display:block;border-top:1px solid var(--filet);padding-top:15px}.etapes{padding:100px 5vw;background:var(--papier-clair)}.etapes ol{list-style:none;margin:50px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr)}.etapes li{padding:25px;border-left:1px solid var(--filet)}.etapes li b{font-family:var(--donnees);color:var(--accent-fonce)}.etapes li strong{font-family:var(--titre);font-size:1.8rem;line-height:1;display:block;margin:20px 0}.realisations-bande{padding:100px 5vw;display:grid;grid-template-columns:1fr 1fr;gap:25px;background:var(--encre);color:var(--papier)}.realisations-bande>div{grid-column:1/-1;max-width:960px}.realisations-bande figure{margin:0;height:540px;position:relative;overflow:hidden}.realisations-bande figcaption{position:absolute;left:0;bottom:0;background:var(--papier);color:var(--encre);padding:10px;font-family:var(--donnees);font-size:.65rem}.zone-avis{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);padding:110px 5vw;gap:8vw}.zone-avis blockquote{font-family:var(--titre);font-size:clamp(2rem,4vw,4rem);line-height:1;margin:0}.zone-avis cite{display:block;font-family:var(--donnees);font-size:.7rem;line-height:1.5;margin-top:30px}.cta-final .actions>a:not(.btn){font-weight:800}.hero-page{background:var(--papier-clair);color:var(--encre)}
.hero-texte,.hero-image,.bande,.showroom,.preuves,.parcours-statique,.etapes,.realisations-bande,.zone-avis,.cta-final{transition:background-color .3s ease,color .3s ease}.preuve-image,.preuve-texte,.trois-parcours,.etapes li,.realisations-bande figure,.zone-avis blockquote{transition:transform .3s ease,opacity .3s ease}
@media(max-width:980px){.hero-e{grid-template-columns:1fr}.hero-image{min-height:58vh}.bande{grid-template-columns:1fr}.bande .numero{margin-bottom:25px}.showroom,.preuves,.zone-avis{grid-template-columns:1fr}.showroom .debord{margin:0;height:58vh}.trois-parcours{grid-template-columns:1fr}.etapes ol{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.hero-texte{padding:90px 6vw 45px}.hero-image{min-height:52vh}.bande,.parcours-statique,.etapes,.realisations-bande,.zone-avis,.cta-final{padding:75px 6vw}.showroom{padding:60px 0}.showroom>div{padding:50px 6vw}.preuve-texte{padding:70px 6vw}.etapes ol,.realisations-bande{grid-template-columns:1fr}.realisations-bande figure{height:420px}}
/* Guide d’édition : le système Signalétique organise les pages en bandes franches, sans rayon ni ombre décorative. La ligne vert laser appartient au métier car elle matérialise le niveau, la mesure et la continuité entre choix showroom et exécution. Les blocs clairs alternent avec un noir de chantier ; les photos conservent leurs cadrages architecturaux. Les boutons restent rectangulaires et les titres occupent une grande largeur. Les informations pratiques précèdent la promesse. Les changements de marque se font dans le logo texte et les six variables de couleur. Les pages intérieures réemploient les mêmes filets, bandes et rapports d’échelle. */

/* Composants communs des six pages */
.galerie-page{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:90px 5vw;background:var(--papier-clair)}
.galerie-page figure{margin:0;min-height:500px;position:relative;overflow:hidden;border-top:3px solid var(--accent);transition:transform .35s ease,background .35s ease}
.galerie-page figure:hover{transform:translateY(-7px);background:var(--accent-pale)}
.galerie-page img{filter:saturate(.78);transition:filter .45s ease,transform .8s ease}
.galerie-page figure:hover img{filter:saturate(1);transform:scale(1.03)}
.galerie-page figcaption{position:absolute;left:0;bottom:0;padding:11px 14px;background:var(--encre);color:var(--papier);font-family:var(--donnees);font-size:.68rem}
.hero-page .sur{color:var(--accent-fonce)}
.hero-page .btn{margin-top:20px}
.contenu-page{border-bottom:1px solid var(--filet)}
.contenu-page h2{max-width:820px}
.contenu-page p{max-width:65ch}
.diptyque-page{border-bottom:1px solid var(--filet)}
.diptyque-page .sur{color:var(--accent-fonce)}
.pied a{transition:color .25s ease,transform .25s ease}
.pied a:hover{color:var(--accent);transform:translateX(4px)}
.pied strong{font-family:var(--titre);font-size:1.25rem}
.pied span{font-size:.86rem}
.cta-final .actions>a:not(.btn){min-height:48px;display:inline-flex;align-items:center;font-weight:800;border-bottom:2px solid var(--encre);transition:color .25s ease,border-color .25s ease,transform .25s ease}
.cta-final .actions>a:not(.btn):hover{color:var(--accent-fonce);border-color:var(--accent-fonce);transform:translateY(-3px)}

/* Demande de devis simple : l’Essentiel reste direct */
.tunnel{display:grid;gap:16px}
.tunnel h2{max-width:720px}
.tunnel label{min-height:58px;display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:center;border:1px solid var(--filet);padding:16px;transition:border-color .25s ease,background .25s ease}
.tunnel label:hover{border-color:var(--accent-fonce);background:var(--accent-pale)}
.tunnel input,.tunnel textarea{width:100%;min-height:44px;padding:10px;background:var(--papier-clair);color:var(--encre);border:1px solid var(--filet);border-radius:0}
.tunnel input:focus,.tunnel textarea:focus{outline:3px solid var(--accent);outline-offset:3px}
.tunnel .btn{justify-self:start}

/* États d’usage visibles au clavier et au toucher */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.nav-principale a:focus-visible{background:var(--accent);color:var(--encre);padding:8px}
.liste-rayons a:focus-visible{background:var(--encre-doux);padding-left:15px}
.lien:focus-visible{background:var(--accent-pale);color:var(--encre)}
.appel-mobile:focus-visible{outline-color:var(--encre)}
.galerie-page figure:focus-within{outline:3px solid var(--accent)}

/* Le langage du laser devient un repère, jamais une décoration gratuite */
.hero-page{position:relative}
.hero-page::after{content:'';position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--accent);transform-origin:left;animation:ligne 1.1s ease both}
.hero-page figure{position:relative}
.hero-page figure::after{content:'';position:absolute;left:0;right:0;top:52%;height:2px;background:var(--accent);opacity:.5;animation:pulse 3s ease-in-out infinite}
.liste-check span::before{content:'→';color:var(--accent-fonce);margin-right:12px;display:inline-block;transition:transform .25s ease,color .25s ease}
.liste-check span:hover::before{transform:translateX(5px);color:var(--encre)}
.essentiel-haut>div:last-child{background:var(--accent)}
.essentiel-haut>div:last-child a{transition:transform .25s ease,color .25s ease;transform-origin:left}
.essentiel-haut>div:last-child a:hover{transform:scale(1.04);color:var(--accent-fonce)}
.nav-total strong::after{content:'↓';display:block;color:var(--accent-fonce);animation:flottement 2.5s ease-in-out infinite}

/* Ajustements pour les six écrans, sans créer un second système */
body:has(.hero-page) .barre{background:var(--papier-clair)}
body:has(.hero-page) .cta-final{border-top:1px solid var(--encre)}
.hero-page+.essentiel-haut{position:relative;z-index:2}
.contenu-page+.diptyque-page{border-top:1px solid var(--filet)}
.diptyque-page+.galerie-page{border-top:1px solid var(--filet)}
.galerie-page+.cta-final{border-top:1px solid var(--encre)}

@media(min-width:1500px){.hero-texte{padding-left:6vw}.bande,.parcours-statique,.etapes,.realisations-bande,.zone-avis,.cta-final{padding-left:7vw;padding-right:7vw}.contenu-page{padding-left:8vw;padding-right:8vw}}
@media(max-width:980px){.galerie-page{grid-template-columns:1fr}.galerie-page figure{min-height:460px}.tunnel label{grid-template-columns:1fr}.hero-page{padding-top:0}}
@media(max-width:640px){.galerie-page{padding:70px 6vw}.galerie-page figure{min-height:390px}.hero-page figure::after{display:none}.tunnel{margin-top:50px;margin-bottom:50px}.tunnel label{padding:14px}.nav-total{padding-bottom:70px}}
@media(max-width:420px){.logo strong{font-size:1.08rem}.logo small{letter-spacing:.08em}.galerie-page figure{min-height:330px}.trois-parcours article{padding:22px}.pied{gap:28px}}

/*
GUIDE DE COMPOSITION — ESSENTIEL

1. POSITIONNEMENT
L’Essentiel n’est pas une réduction visuelle de la Signature. Il ouvre sur une moitié de photographie et
une moitié typographique, dans une tonalité claire. Le showroom est compris en trois secondes, le numéro
reste dans le bandeau d’information et la demande de visite est immédiatement disponible. La photographie
n’occupe jamais toute la hauteur de l’écran. L’écart de gamme se voit avant de lire le nom de la formule.

2. SYSTÈME SIGNALÉTIQUE
Le site conserve les bandes, les titres très larges, les angles nets et les séparations par aplat. Il ne
fabrique ni cartes arrondies ni ombres douces. Les quatre prestations principales sont alignées comme des
rayons et leur descriptif reste lisible sans ouvrir une autre page. Sur téléphone, les rayons s’empilent et
gardent une cible de grande hauteur. Le vert de trait laser souligne les actions et les validations.

3. INFORMATIONS PRATIQUES
Le bloc situé juste après le hero réunit le métier, les deux ordres de grandeur, les horaires, l’adresse et
le téléphone. Le rafraîchissement est distingué d’une rénovation complète. Les fourchettes sont données comme
repères et l’état de l’existant reste explicitement déterminant. Le prix n’est jamais présenté comme un tarif
ferme avant relevé. Cette bande répond à la question d’un visiteur pressé avant toute argumentation de marque.

4. SHOWROOM ET CHANTIER
Le mur de matières déborde volontairement sur le bord gauche. Cette rupture montre que la sélection physique
est un élément central, pas une page secondaire. La section suivante passe en vert et montre une étape de
chantier. Les assurances, le devis détaillé, le conducteur et la réception sont écrits en clair. Aucun logo
de qualification ou numéro de police fictif ne sert d’ornement de confiance.

5. MOMENT STATIQUE
L’outil interactif appartient à la Signature. Ici, trois parcours donnent des repères simples : rafraîchir,
recomposer, tout reprendre. Ils expliquent les dépendances sans calcul dynamique. Les textes insistent sur les
réseaux et les supports, afin qu’un prospect comprenne pourquoi deux pièces de même surface ne produisent pas
automatiquement le même devis. Chaque parcours conduit naturellement vers une visite technique.

6. SIX PAGES EXACTES
L’accueil donne accès à Prestations et budgets, Réalisations, Showroom et équipe, Zone et délais, Demande de
devis. Aucun outil complexe, espace client, page locale autonome ou journal de chantier n’est ajouté. La page
de devis garde un formulaire en une étape. Les pages intérieures partagent la même zone haute scindée et le
même diptyque matière, mais leur titre et leur contenu restent propres à la question traitée.

7. IMAGES
La série alterne plan large du showroom, portrait d’équipe en situation, mains autour d’un plan, matière en
macro, pièce terminée et chantier propre. Les visages ne regardent pas l’objectif. Aucun casque jaune, aucune
poignée de main et aucun tas de gravats ne viennent signaler artificiellement le bâtiment. La lumière diffuse
et les accents verts relient les images à la palette sans les teinter de façon uniforme.

8. PERSONNALISATION ET ACCESSIBILITÉ
La marque est un texte HTML et accepte le test MÉLODIE. Les couleurs sont toutes regroupées dans la racine.
Les cinq pages intérieures sont présentes dans le menu exhaustif de l’accueil. Chaque titre associe une
description du métier et la marque. Les textes courants restent à seize pixels, les actions principales font
au moins quarante-quatre pixels et les états de clavier sont tracés avec la couleur de mesure.

9. RYTHME DE L’ACCUEIL
La séquence alterne hero scindé, bande pratique, liste de rayons sombre, diptyque showroom, preuve en vert,
parcours statiques, étapes, galerie sombre, zone avec citation et appel final. Aucun module ne répète la forme
du précédent. L’image débordante intervient tôt ; la galerie devient la rupture sombre à deux tiers de page.
La silhouette ne correspond donc pas à celle de la Signature, même lorsque les deux sites partagent le métier.
*/