/* FINITION-CADRE-01 — phase A (desktop). Surcouche de 01N : montant central, feuillure, distribution lumineuse. Ne touche ni la navigation, ni la photo, ni l'ouverture. Désactivable : ?finition=0. */ @media (min-width: 761px) { /* A1 — jonction : deux demi-montants un peu plus fins que le montant de rive, l'ensemble ≈ 1,1 × S (au lieu de 1,2 × S) */ html[data-finition="1"][data-poc="2"] .vt-pane-l { --br: calc(var(--poc-size) * .55); } html[data-finition="1"][data-poc="2"] .vt-pane-r { --bl: calc(var(--poc-size) * .55); box-shadow: -1px 0 0 rgb(var(--shadow) / .26), -3px 0 6px -4px rgb(var(--shadow) / .12); } /* A3 — montants : sommet teinté comme la traverse (plus de pointe claire à l'onglet), pied un peu assombri, lumière non symétrique. Gauche : reflet chaud vers le tiers de la hauteur. Droite et demi-montants centraux : à l'ombre, plus calmes. */ html[data-finition="1"][data-poc="2"] .vt-grain i:nth-child(4) { background-image: linear-gradient(180deg, rgb(62 21 17 / .26) 0, rgb(62 21 17 / .16) 26px, rgb(62 21 17 / .05) 120px, transparent 200px, transparent calc(100% - 200px), rgb(40 11 9 / .1) 100%), linear-gradient(180deg, transparent 22%, rgb(255 196 165 / .14) 36%, transparent 52%), var(--poc-v); background-size: var(--bl) 100%, var(--bl) 100%, var(--bl) 100%; background-position: 0 0; } html[data-finition="1"][data-poc="2"] .vt-grain i:nth-child(2) { background-image: linear-gradient(180deg, rgb(62 21 17 / .26) 0, rgb(62 21 17 / .16) 26px, rgb(62 21 17 / .05) 120px, transparent 200px, transparent calc(100% - 200px), rgb(40 11 9 / .1) 100%), var(--poc-v); background-size: var(--br) 100%, var(--br) 100%; background-position: 0 0; } /* demi-montants centraux : côté jonction (x=0 localement) on éteint le liseré brillant pour que le centre se lise comme une seule face */ html[data-finition="1"][data-poc="2"] .vt-pane-l .vt-grain i:nth-child(2) { background-image: linear-gradient(90deg, rgb(78 27 21 / .2) 0, rgb(78 27 21 / .08) 45%, transparent 100%), linear-gradient(180deg, rgb(62 21 17 / .74) 0, rgb(62 21 17 / .5) 26px, rgb(62 21 17 / .16) 120px, transparent 230px, transparent calc(100% - 220px), rgb(40 11 9 / .08) 100%), var(--poc-v); background-size: var(--br) 100%, var(--br) 100%, var(--br) 100%; } html[data-finition="1"][data-poc="2"] .vt-pane-r .vt-grain i:nth-child(4) { background-image: linear-gradient(90deg, rgb(78 27 21 / .2) 0, rgb(78 27 21 / .08) 45%, transparent 100%), linear-gradient(180deg, rgb(62 21 17 / .74) 0, rgb(62 21 17 / .5) 26px, rgb(62 21 17 / .16) 120px, transparent 230px, transparent calc(100% - 220px), rgb(40 11 9 / .08) 100%), var(--poc-v); background-size: var(--bl) 100%, var(--bl) 100%, var(--bl) 100%; } /* A3 — traverses : reflet chaud doux sur une portion du haut (vers 30 % de la largeur totale), côté droit un peu plus sombre ; centre neutre */ html[data-finition="1"][data-poc="2"] .vt-pane-l .vt-grain i:nth-child(1), html[data-finition="1"][data-poc="2"] .vt-pane-r .vt-grain i:nth-child(1) { background-image: linear-gradient(90deg, rgb(255 196 160 / 0) 8%, rgb(255 196 160 / .17) 27%, rgb(255 196 160 / .05) 40%, transparent 47%, transparent 53%, rgb(40 11 9 / .12) 68%, rgb(255 190 155 / .07) 86%, transparent 100%), var(--poc-h); background-size: 200% var(--head), 200% var(--head); } html[data-finition="1"][data-poc="2"] .vt-pane-l .vt-grain i:nth-child(1) { background-position: 0 0, 0 0; } html[data-finition="1"][data-poc="2"] .vt-pane-r .vt-grain i:nth-child(1) { background-position: 100% 0, 100% 0; } /* bas : moins lourd (−14 % → −5 %), lumière plus fine et décalée */ html[data-finition="1"][data-poc="2"] .vt-grain i:nth-child(3) { filter: brightness(.95); } html[data-finition="1"][data-poc="2"] .vt-pane-l .vt-grain i:nth-child(3), html[data-finition="1"][data-poc="2"] .vt-pane-r .vt-grain i:nth-child(3) { background-image: linear-gradient(90deg, rgb(40 11 9 / .1) 0, transparent 24%, rgb(255 196 160 / .09) 60%, transparent 76%, rgb(40 11 9 / .1) 100%), var(--poc-h); background-size: 200% var(--rail), 200% var(--rail); } html[data-finition="1"][data-poc="2"] .vt-pane-l .vt-grain i:nth-child(3) { background-position: 0 100%, 0 100%; } html[data-finition="1"][data-poc="2"] .vt-pane-r .vt-grain i:nth-child(3) { background-position: 100% 100%, 100% 100%; } /* A2 — feuillure : corps du cadre → fine arête (sombre en haut/à gauche, claire en bas/à droite) → gorge d'ombre → vitrage. Remplace le double liseré vert-gris hérité de 01M par des teintes chaudes, et allège la gorge. */ html[data-finition="1"][data-poc="2"] .vitrine .vt-pane .vt-glass { box-shadow: inset 1px 1px 0 0 rgb(24 6 5 / .7), inset -1px -1px 0 0 rgb(255 216 192 / .42), inset 0 5px 5px -3px rgb(var(--shadow) / .5), inset 5px 0 6px -4px rgb(var(--shadow) / .34), inset 0 -2px 3px -2px rgb(var(--shadow) / .2), inset -2px 0 3px -2px rgb(var(--shadow) / .14); } } /* Bulles AR / FR / EN (demande du 30/10, desktop) : plus petites (×0,72, même coin d'ancrage), fond transparent (plus de pastille blanche), police Archivo grasse comme « AHMED&RABAH ». La langue courante se distingue par le trait épais et le soulignement, plus par un fond. */ @media (min-width: 761px) { html[data-finition="1"] .vitrine .lang-bubble { width: calc(var(--bulle-d) * .72); background: transparent; -webkit-backdrop-filter: none; backdrop-filter: none; border-width: 1.5px; font: 800 clamp(10px, .72vw, 12px)/1 'Archivo', Arial, Helvetica, sans-serif; font-style: normal; letter-spacing: -.01em; text-transform: uppercase; } html[data-finition="1"] .vitrine .lang-bubble[aria-current] { background: transparent; border-width: 2.5px; font-weight: 900; } html[data-finition="1"] .vitrine .lang-demo .lang-bubble:hover, html[data-finition="1"] .vitrine .lang-demo .lang-bubble[aria-current]:hover { background: transparent; } html[data-finition="1"] .vitrine .lang ul { gap: clamp(9px, .9vw, 15px); } } /* Bulles — 2e passage : collées au bord droit du cadre, noir franc et gras, sans soulignement. */ @media (min-width: 761px) { html[data-finition="1"] .vitrine .lang-top { inset-inline-end: calc(var(--poc-size) + 12px); } html[data-finition="1"] .vitrine .lang-bubble { color: #000; border-color: #000; border-width: 2px; font-weight: 900; } html[data-finition="1"] .vitrine .lang-bubble[aria-current] { border-width: 3px; } html[data-finition="1"] .vitrine .lang-bubble::after, html[data-finition="1"] .vitrine .lang-bubble[aria-current]::after { display: none; content: none; } } /* « Suivez-nous » : petit filet supprimé (l'espace est conservé, le texte ne bouge pas), mot plus grand, centré au-dessus des pastilles. */ @media (min-width: 761px) { html[data-finition="1"] .vt-social::before { background: transparent; } html[data-finition="1"] .vt-social h2 { font-size: clamp(22px, 1.8vw, 30px); text-align: center; } } /* ===== FINITION-CADRE-02 — passe A2 (desktop) : retouches ciblées de la phase A. Désactivable : ?f2=0 (retour à la phase A) ===== */ @media (min-width: 761px) { /* 2 — jonction en T : la traverse haute/basse passe d'un seul tenant au-dessus du montant central (plus de pointe d'onglet au centre) ; les demi-montants butent sous la traverse avec une petite ombre de contact. Les angles extérieurs restent à onglet. */ html[data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-l .vt-grain i:nth-child(1) { clip-path: polygon(0 0, 100% 0, 100% var(--head), var(--bl) var(--head)); } html[data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-r .vt-grain i:nth-child(1) { clip-path: polygon(0 0, 100% 0, calc(100% - var(--br)) var(--head), 0 var(--head)); } html[data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-l .vt-grain i:nth-child(3) { clip-path: polygon(0 100%, 100% 100%, 100% calc(100% - var(--rail)), var(--bl) calc(100% - var(--rail))); } html[data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-r .vt-grain i:nth-child(3) { clip-path: polygon(0 100%, 100% 100%, calc(100% - var(--br)) calc(100% - var(--rail)), 0 calc(100% - var(--rail))); } html[data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-l .vt-grain i:nth-child(2) { clip-path: polygon(0 var(--head), var(--br) var(--head), var(--br) calc(100% - var(--rail)), 0 calc(100% - var(--rail))); background-image: linear-gradient(90deg, rgb(78 27 21 / .24) 0, rgb(78 27 21 / .17) 45%, rgb(78 27 21 / .11) 100%), linear-gradient(180deg, rgb(40 11 9 / .38) 0, rgb(40 11 9 / .36) 22%, rgb(40 11 9 / .26) 28%, transparent 37%, transparent 56%, rgb(40 11 9 / .22) 66%, transparent 76%, rgb(40 11 9 / .06) 100%), var(--poc-v); background-size: var(--br) 100%, var(--br) 100%, var(--br) 100%; } html[data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-r .vt-grain i:nth-child(4) { clip-path: polygon(0 var(--head), var(--bl) var(--head), var(--bl) calc(100% - var(--rail)), 0 calc(100% - var(--rail))); background-image: linear-gradient(90deg, rgb(78 27 21 / .24) 0, rgb(78 27 21 / .17) 45%, rgb(78 27 21 / .11) 100%), linear-gradient(180deg, rgb(40 11 9 / .38) 0, rgb(40 11 9 / .36) 22%, rgb(40 11 9 / .26) 28%, transparent 37%, transparent 56%, rgb(40 11 9 / .22) 66%, transparent 76%, rgb(40 11 9 / .06) 100%), var(--poc-v); background-size: var(--bl) 100%, var(--bl) 100%, var(--bl) 100%; } html[data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-r { box-shadow: -1px 0 0 rgb(var(--shadow) / .18), -3px 0 6px -4px rgb(var(--shadow) / .1); } /* 3 — hiérarchie de la lumière : le liséré clair du bord haut s'éteint vers la droite (lumière venant du haut-gauche) ; le bas, plus calme, est assombri côté gauche pour se raccorder à l'onglet du montant (plus de saut de ton) */ html[data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-l .vt-grain i:nth-child(1), html[data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-r .vt-grain i:nth-child(1) { background-image: linear-gradient(90deg, transparent 0, transparent 30%, rgb(105 42 32 / .5) 100%), linear-gradient(90deg, rgb(255 196 160 / 0) 8%, rgb(255 196 160 / .17) 27%, rgb(255 196 160 / .05) 40%, transparent 47%, transparent 53%, rgb(40 11 9 / .12) 68%, rgb(255 190 155 / .07) 86%, transparent 100%), var(--poc-h); background-size: 200% 2px, 200% var(--head), 200% var(--head); } html[data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-l .vt-grain i:nth-child(1) { background-position: 0 0, 0 0, 0 0; } html[data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-r .vt-grain i:nth-child(1) { background-position: 100% 0, 100% 0, 100% 0; } html[data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-l .vt-grain i:nth-child(3), html[data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-r .vt-grain i:nth-child(3) { background-image: linear-gradient(90deg, rgb(40 11 9 / .38) 0, rgb(40 11 9 / .22) 12%, rgb(40 11 9 / .1) 36%, rgb(40 11 9 / .1) 50%, rgb(40 11 9 / .04) 75%, rgb(40 11 9 / .1) 100%), linear-gradient(90deg, rgb(40 11 9 / .1) 0, transparent 24%, rgb(255 196 160 / .09) 60%, transparent 76%, rgb(40 11 9 / .1) 100%), var(--poc-h); background-size: 200% var(--rail), 200% var(--rail), 200% var(--rail); } html[data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-l .vt-grain i:nth-child(3) { background-position: 0 100%, 0 100%, 0 100%; } html[data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-r .vt-grain i:nth-child(3) { background-position: 100% 100%, 100% 100%, 100% 100%; } /* 4 — angles : le sommet des montants de rive se teinte comme la traverse voisine (haut droit plus sombre, comme sa traverse) */ html[data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-r .vt-grain i:nth-child(2) { background-image: linear-gradient(180deg, rgb(62 21 17 / .38) 0, rgb(62 21 17 / .26) 26px, rgb(62 21 17 / .08) 120px, transparent 200px, transparent calc(100% - 200px), rgb(40 11 9 / .1) 100%), var(--poc-v); background-size: var(--br) 100%, var(--br) 100%; } /* 1 — feuillure : ombre de contact portée sur le verre, plus large et très douce (le trait sombre et l'arête claire de la phase A sont conservés) */ html[data-f2="1"][data-finition="1"][data-poc="2"] .vitrine .vt-pane .vt-glass { box-shadow: inset 1px 1px 0 0 rgb(24 6 5 / .7), inset -1px -1px 0 0 rgb(255 216 192 / .42), inset 0 5px 5px -3px rgb(var(--shadow) / .5), inset 5px 0 6px -4px rgb(var(--shadow) / .34), inset 0 -2px 3px -2px rgb(var(--shadow) / .2), inset -2px 0 3px -2px rgb(var(--shadow) / .14), inset 0 12px 14px -9px rgb(var(--shadow) / .22), inset 11px 0 13px -9px rgb(var(--shadow) / .16), inset 0 -6px 8px -6px rgb(var(--shadow) / .1), inset -5px 0 7px -6px rgb(var(--shadow) / .08); } } /* ===== FINITION-CADRE-03 — jonction carrée raccordée + feuillure basse (desktop). Désactivable : ?f3=0 (retour à A2) ===== */ @media (min-width: 761px) { /* 1 — plus de trait vertical parasite sur les traverses : l'ancien filet de séparation était un box-shadow du volet droit sur toute la hauteur. Il est remplacé par un filet porté uniquement par le montant (donc jamais visible sur la face des traverses). */ html[data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-r { box-shadow: none; } html[data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-l .vt-grain i:nth-child(2) { background-image: linear-gradient(90deg, rgb(30 8 7 / .3) 0, rgb(30 8 7 / .3) 1px, transparent 1px), linear-gradient(0deg, rgb(24 6 5 / .5) 0, rgb(24 6 5 / .5) 1px, rgb(24 6 5 / .16) 3px, transparent 8px), linear-gradient(90deg, rgb(78 27 21 / .24) 0, rgb(78 27 21 / .17) 45%, rgb(78 27 21 / .11) 100%), linear-gradient(180deg, rgb(40 11 9 / .38) 0, rgb(40 11 9 / .36) 22%, rgb(40 11 9 / .26) 28%, transparent 37%, transparent 56%, rgb(40 11 9 / .22) 66%, transparent 76%, rgb(40 11 9 / .06) 100%), var(--poc-v); background-size: var(--br) 100%, var(--br) 100%, var(--br) 100%, var(--br) 100%, var(--br) 100%; } html[data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-r .vt-grain i:nth-child(4) { background-image: linear-gradient(0deg, rgb(24 6 5 / .5) 0, rgb(24 6 5 / .5) 1px, rgb(24 6 5 / .16) 3px, transparent 8px), linear-gradient(90deg, rgb(78 27 21 / .24) 0, rgb(78 27 21 / .17) 45%, rgb(78 27 21 / .11) 100%), linear-gradient(180deg, rgb(40 11 9 / .38) 0, rgb(40 11 9 / .36) 22%, rgb(40 11 9 / .26) 28%, transparent 37%, transparent 56%, rgb(40 11 9 / .22) 66%, transparent 76%, rgb(40 11 9 / .06) 100%), var(--poc-v); background-size: var(--bl) 100%, var(--bl) 100%, var(--bl) 100%, var(--bl) 100%; } /* 3 — feuillure : quatre côtés définis de la même façon (filet sombre d'un pixel + ombre de contact), le bas et la droite un peu moins nets que le haut et la gauche (lumière haut-gauche) mais plus de simple arête claire en bas */ html[data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vitrine .vt-pane .vt-glass { box-shadow: inset 1px 1px 0 0 rgb(24 6 5 / .7), inset -1px -1px 0 0 rgb(24 6 5 / .62), inset 0 5px 5px -3px rgb(var(--shadow) / .5), inset 5px 0 6px -4px rgb(var(--shadow) / .34), inset 0 -4px 5px -3px rgb(var(--shadow) / .42), inset -4px 0 5px -3px rgb(var(--shadow) / .26), inset 0 12px 14px -9px rgb(var(--shadow) / .22), inset 11px 0 13px -9px rgb(var(--shadow) / .16), inset 0 -10px 12px -8px rgb(var(--shadow) / .2), inset -7px 0 9px -7px rgb(var(--shadow) / .12); } } @media (min-width: 761px) { /* feuillure basse : l'arête claire d'un pixel au sommet de la traverse basse (héritée de l'image) est assombrie en gorge, comme sous la traverse haute */ html[data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-l .vt-grain i:nth-child(3), html[data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-r .vt-grain i:nth-child(3) { background-image: linear-gradient(180deg, rgb(24 6 5 / .62) 0, rgb(24 6 5 / .5) 1px, rgb(24 6 5 / .22) 3px, transparent 6px), linear-gradient(90deg, rgb(40 11 9 / .38) 0, rgb(40 11 9 / .22) 12%, rgb(40 11 9 / .1) 36%, rgb(40 11 9 / .1) 50%, rgb(40 11 9 / .04) 75%, rgb(40 11 9 / .1) 100%), linear-gradient(90deg, rgb(40 11 9 / .1) 0, transparent 24%, rgb(255 196 160 / .09) 60%, transparent 76%, rgb(40 11 9 / .1) 100%), var(--poc-h); background-size: 100% 6px, 200% var(--rail), 200% var(--rail), 200% var(--rail); } html[data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-l .vt-grain i:nth-child(3) { background-position: 0 calc(100% - var(--rail) + 6px), 0 100%, 0 100%, 0 100%; } html[data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-r .vt-grain i:nth-child(3) { background-position: 0 calc(100% - var(--rail) + 6px), 100% 100%, 100% 100%, 100% 100%; } } /* ===== FINITION-CADRE-04 — hiérarchie du centre (desktop). Désactivable : ?f4=0 (retour à la passe 03) ===== La séparation centrale devient la ligne principale : deux filets d'un pixel sur toute la hauteur (traverse haute, montant, traverse basse). Les feuillures sombres du vitrage, dessinées jusqu'ici par le box-shadow du verre, le sont maintenant par les pseudo-éléments des volets (libres) et s'effacent vers le centre : plein sur le pourtour extérieur, fondu côté jonction. */ @media (min-width: 761px) { html[data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vitrine .vt-pane .vt-glass { box-shadow: none; } html[data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane::before, html[data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane::after { content: ""; position: absolute; border: 0; pointer-events: none; inset: var(--head) var(--br) var(--rail) var(--bl); background-repeat: no-repeat; } html[data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane::before { z-index: 1; } html[data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane::after { z-index: 2; } html[data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-l::before { background-image: linear-gradient(180deg, rgb(var(--shadow) / .5) 0, rgb(var(--shadow) / .22) 3px, rgb(var(--shadow) / .08) 7px, transparent 13px), linear-gradient(0deg, rgb(var(--shadow) / .44) 0, rgb(var(--shadow) / .2) 3px, rgb(var(--shadow) / .07) 7px, transparent 12px), linear-gradient(90deg, rgb(var(--shadow) / .36) 0, rgb(var(--shadow) / .14) 4px, rgb(var(--shadow) / .04) 9px, transparent 14px); -webkit-mask-image: linear-gradient(90deg, #000 0, #000 62%, rgb(0 0 0 / .22) 100%); mask-image: linear-gradient(90deg, #000 0, #000 62%, rgb(0 0 0 / .22) 100%); } html[data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-r::before { background-image: linear-gradient(180deg, rgb(var(--shadow) / .5) 0, rgb(var(--shadow) / .22) 3px, rgb(var(--shadow) / .08) 7px, transparent 13px), linear-gradient(0deg, rgb(var(--shadow) / .44) 0, rgb(var(--shadow) / .2) 3px, rgb(var(--shadow) / .07) 7px, transparent 12px), linear-gradient(270deg, rgb(var(--shadow) / .3) 0, rgb(var(--shadow) / .1) 4px, transparent 10px); -webkit-mask-image: linear-gradient(270deg, #000 0, #000 62%, rgb(0 0 0 / .22) 100%); mask-image: linear-gradient(270deg, #000 0, #000 62%, rgb(0 0 0 / .22) 100%); } html[data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-l::after { background-image: linear-gradient(90deg, rgb(24 6 5 / .72) 0, rgb(24 6 5 / .72) 66%, rgb(24 6 5 / .18) 100%), linear-gradient(90deg, rgb(24 6 5 / .64) 0, rgb(24 6 5 / .64) 66%, rgb(24 6 5 / .18) 100%), linear-gradient(rgb(24 6 5 / .72), rgb(24 6 5 / .72)), linear-gradient(rgb(24 6 5 / .2), rgb(24 6 5 / .2)); background-size: 100% 1px, 100% 1px, 1px 100%, 1px 100%; background-position: 0 0, 0 100%, 0 0, 100% 0; } html[data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-r::after { background-image: linear-gradient(270deg, rgb(24 6 5 / .72) 0, rgb(24 6 5 / .72) 66%, rgb(24 6 5 / .18) 100%), linear-gradient(270deg, rgb(24 6 5 / .64) 0, rgb(24 6 5 / .64) 66%, rgb(24 6 5 / .18) 100%), linear-gradient(rgb(24 6 5 / .66), rgb(24 6 5 / .66)), linear-gradient(rgb(24 6 5 / .2), rgb(24 6 5 / .2)); background-size: 100% 1px, 100% 1px, 1px 100%, 1px 100%; background-position: 0 0, 0 100%, 100% 0, 0 0; } /* séparation centrale pleine hauteur */ html[data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-l .vt-grain i:nth-child(1), html[data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-r .vt-grain i:nth-child(1) { background-size: 3px 100%, 200% 2px, 200% var(--head), 200% var(--head); } html[data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-l .vt-grain i:nth-child(1) { background-image: linear-gradient(270deg, rgb(24 6 5 / .6) 0, rgb(24 6 5 / .6) 1px, rgb(24 6 5 / .16) 1px, rgb(24 6 5 / .16) 2px, transparent 3px), linear-gradient(90deg, transparent 0, transparent 30%, rgb(105 42 32 / .5) 100%), linear-gradient(90deg, rgb(255 196 160 / 0) 8%, rgb(255 196 160 / .17) 27%, rgb(255 196 160 / .05) 40%, transparent 47%, transparent 53%, rgb(40 11 9 / .12) 68%, rgb(255 190 155 / .07) 86%, transparent 100%), var(--poc-h); background-position: 100% 0, 0 0, 0 0, 0 0; } html[data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-r .vt-grain i:nth-child(1) { background-image: linear-gradient(90deg, rgb(24 6 5 / .5) 0, rgb(24 6 5 / .5) 1px, rgb(24 6 5 / .14) 1px, rgb(24 6 5 / .14) 2px, transparent 3px), linear-gradient(90deg, transparent 0, transparent 30%, rgb(105 42 32 / .5) 100%), linear-gradient(90deg, rgb(255 196 160 / 0) 8%, rgb(255 196 160 / .17) 27%, rgb(255 196 160 / .05) 40%, transparent 47%, transparent 53%, rgb(40 11 9 / .12) 68%, rgb(255 190 155 / .07) 86%, transparent 100%), var(--poc-h); background-position: 0 0, 100% 0, 100% 0, 100% 0; } html[data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-l .vt-grain i:nth-child(3), html[data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-r .vt-grain i:nth-child(3) { background-size: 3px 100%, 100% 6px, 200% var(--rail), 200% var(--rail), 200% var(--rail); } html[data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-l .vt-grain i:nth-child(3) { background-image: linear-gradient(270deg, rgb(24 6 5 / .6) 0, rgb(24 6 5 / .6) 1px, rgb(24 6 5 / .16) 1px, rgb(24 6 5 / .16) 2px, transparent 3px), linear-gradient(180deg, rgb(24 6 5 / .62) 0, rgb(24 6 5 / .5) 1px, rgb(24 6 5 / .22) 3px, transparent 6px), linear-gradient(90deg, rgb(40 11 9 / .38) 0, rgb(40 11 9 / .22) 12%, rgb(40 11 9 / .1) 36%, rgb(40 11 9 / .1) 50%, rgb(40 11 9 / .04) 75%, rgb(40 11 9 / .1) 100%), linear-gradient(90deg, rgb(40 11 9 / .1) 0, transparent 24%, rgb(255 196 160 / .09) 60%, transparent 76%, rgb(40 11 9 / .1) 100%), var(--poc-h); background-position: 100% 0, 0 calc(100% - var(--rail) + 6px), 0 100%, 0 100%, 0 100%; } html[data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-r .vt-grain i:nth-child(3) { background-image: linear-gradient(90deg, rgb(24 6 5 / .5) 0, rgb(24 6 5 / .5) 1px, rgb(24 6 5 / .14) 1px, rgb(24 6 5 / .14) 2px, transparent 3px), linear-gradient(180deg, rgb(24 6 5 / .62) 0, rgb(24 6 5 / .5) 1px, rgb(24 6 5 / .22) 3px, transparent 6px), linear-gradient(90deg, rgb(40 11 9 / .38) 0, rgb(40 11 9 / .22) 12%, rgb(40 11 9 / .1) 36%, rgb(40 11 9 / .1) 50%, rgb(40 11 9 / .04) 75%, rgb(40 11 9 / .1) 100%), linear-gradient(90deg, rgb(40 11 9 / .1) 0, transparent 24%, rgb(255 196 160 / .09) 60%, transparent 76%, rgb(40 11 9 / .1) 100%), var(--poc-h); background-position: 0 0, 0 calc(100% - var(--rail) + 6px), 100% 100%, 100% 100%, 100% 100%; } html[data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-l .vt-grain i:nth-child(2) { background-image: linear-gradient(90deg, rgb(24 6 5 / .6) 0, rgb(24 6 5 / .6) 1px, rgb(24 6 5 / .16) 1px, rgb(24 6 5 / .16) 2px, transparent 3px), linear-gradient(0deg, rgb(24 6 5 / .5) 0, rgb(24 6 5 / .5) 1px, rgb(24 6 5 / .16) 3px, transparent 8px), linear-gradient(90deg, rgb(78 27 21 / .24) 0, rgb(78 27 21 / .17) 45%, rgb(78 27 21 / .11) 100%), linear-gradient(180deg, rgb(40 11 9 / .38) 0, rgb(40 11 9 / .36) 22%, rgb(40 11 9 / .26) 28%, transparent 37%, transparent 56%, rgb(40 11 9 / .22) 66%, transparent 76%, rgb(40 11 9 / .06) 100%), var(--poc-v); background-size: 3px 100%, var(--br) 100%, var(--br) 100%, var(--br) 100%, var(--br) 100%; background-position: 0 0; } html[data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-r .vt-grain i:nth-child(4) { background-image: linear-gradient(90deg, rgb(24 6 5 / .5) 0, rgb(24 6 5 / .5) 1px, rgb(24 6 5 / .14) 1px, rgb(24 6 5 / .14) 2px, transparent 3px), linear-gradient(0deg, rgb(24 6 5 / .5) 0, rgb(24 6 5 / .5) 1px, rgb(24 6 5 / .16) 3px, transparent 8px), linear-gradient(90deg, rgb(78 27 21 / .24) 0, rgb(78 27 21 / .17) 45%, rgb(78 27 21 / .11) 100%), linear-gradient(180deg, rgb(40 11 9 / .38) 0, rgb(40 11 9 / .36) 22%, rgb(40 11 9 / .26) 28%, transparent 37%, transparent 56%, rgb(40 11 9 / .22) 66%, transparent 76%, rgb(40 11 9 / .06) 100%), var(--poc-v); background-size: 3px 100%, var(--bl) 100%, var(--bl) 100%, var(--bl) 100%, var(--bl) 100%; background-position: 0 0; } } /* ===== FINITION-CADRE-07 — suppression de la ligne de jonction entre les deux bandes cuivrées du centre (desktop). Désactivable : ?f7=0 (retour à la passe 04) ===== Base = passe 04 (traits sombres latéraux du montant conservés tels quels, feuillures du vitrage estompées vers le centre). Retiré : le filet de séparation qui courait au milieu du montant (et sur les traverses dans la passe 04). Les deux demi-montants forment une seule bande cuivrée. */ @media (min-width: 761px) { html[data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-l .vt-grain i:nth-child(1), html[data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-r .vt-grain i:nth-child(1) { background-image: linear-gradient(90deg, transparent 0, transparent 30%, rgb(105 42 32 / .5) 100%), linear-gradient(90deg, rgb(255 196 160 / 0) 8%, rgb(255 196 160 / .17) 27%, rgb(255 196 160 / .05) 40%, transparent 47%, transparent 53%, rgb(40 11 9 / .12) 68%, rgb(255 190 155 / .07) 86%, transparent 100%), var(--poc-h); background-size: 200% 2px, 200% var(--head), 200% var(--head); } html[data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-l .vt-grain i:nth-child(1) { background-position: 0 0, 0 0, 0 0; } html[data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-r .vt-grain i:nth-child(1) { background-position: 100% 0, 100% 0, 100% 0; } html[data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-l .vt-grain i:nth-child(3), html[data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-r .vt-grain i:nth-child(3) { background-image: linear-gradient(180deg, rgb(24 6 5 / .62) 0, rgb(24 6 5 / .5) 1px, rgb(24 6 5 / .22) 3px, transparent 6px), linear-gradient(90deg, rgb(40 11 9 / .38) 0, rgb(40 11 9 / .22) 12%, rgb(40 11 9 / .1) 36%, rgb(40 11 9 / .1) 50%, rgb(40 11 9 / .04) 75%, rgb(40 11 9 / .1) 100%), linear-gradient(90deg, rgb(40 11 9 / .1) 0, transparent 24%, rgb(255 196 160 / .09) 60%, transparent 76%, rgb(40 11 9 / .1) 100%), var(--poc-h); background-size: 100% 6px, 200% var(--rail), 200% var(--rail), 200% var(--rail); } html[data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-l .vt-grain i:nth-child(3) { background-position: 0 calc(100% - var(--rail) + 6px), 0 100%, 0 100%, 0 100%; } html[data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-r .vt-grain i:nth-child(3) { background-position: 0 calc(100% - var(--rail) + 6px), 100% 100%, 100% 100%, 100% 100%; } html[data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-l .vt-grain i:nth-child(2) { background-image: linear-gradient(0deg, rgb(24 6 5 / .5) 0, rgb(24 6 5 / .5) 1px, rgb(24 6 5 / .16) 3px, transparent 8px), linear-gradient(90deg, rgb(78 27 21 / .24) 0, rgb(78 27 21 / .17) 45%, rgb(78 27 21 / .11) 100%), linear-gradient(180deg, rgb(40 11 9 / .38) 0, rgb(40 11 9 / .36) 22%, rgb(40 11 9 / .26) 28%, transparent 37%, transparent 56%, rgb(40 11 9 / .22) 66%, transparent 76%, rgb(40 11 9 / .06) 100%), var(--poc-v); background-size: var(--br) 100%, var(--br) 100%, var(--br) 100%, var(--br) 100%; background-position: 0 0; } html[data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-r .vt-grain i:nth-child(4) { background-image: linear-gradient(0deg, rgb(24 6 5 / .5) 0, rgb(24 6 5 / .5) 1px, rgb(24 6 5 / .16) 3px, transparent 8px), linear-gradient(90deg, rgb(78 27 21 / .24) 0, rgb(78 27 21 / .17) 45%, rgb(78 27 21 / .11) 100%), linear-gradient(180deg, rgb(40 11 9 / .38) 0, rgb(40 11 9 / .36) 22%, rgb(40 11 9 / .26) 28%, transparent 37%, transparent 56%, rgb(40 11 9 / .22) 66%, transparent 76%, rgb(40 11 9 / .06) 100%), var(--poc-v); background-size: var(--bl) 100%, var(--bl) 100%, var(--bl) 100%, var(--bl) 100%; background-position: 0 0; } } /* ===== FINITION-CADRE-08 — A : coupure verticale visible dès le bord haut ; B : liserés horizontaux au-dessus des vitrages rétablis ; C : trait horizontal parasite supprimé en tête et en pied de montant (desktop). Désactivable : ?f8=0 (retour à la passe 07) ===== A filet central de séparation (2 px, comme en passe 04) sur toute la hauteur, y compris la traverse haute et la traverse basse. B filets sombres horizontaux haut et bas du vitrage (pseudo-éléments ::after des volets) : même intensité sur toute la largeur, plus de fondu vers le centre. C la bande sombre + l'arête claire du bas de la traverse haute (image « horizontal.webp », rangées 18-21 px) et la gorge du haut de la traverse basse ne traversent plus la largeur du montant : masquage local, uniquement sur la largeur intérieure du montant (les liserés latéraux sombres et le reste du profil sont intacts). */ @media (min-width: 761px) { /* B */ html[data-f8="1"][data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane::before { -webkit-mask-image: none; mask-image: none; } html[data-f8="1"][data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-l::after { background-image: linear-gradient(rgb(24 6 5 / .72), rgb(24 6 5 / .72)), linear-gradient(rgb(24 6 5 / .64), rgb(24 6 5 / .64)), linear-gradient(rgb(24 6 5 / .72), rgb(24 6 5 / .72)), linear-gradient(rgb(24 6 5 / .2), rgb(24 6 5 / .2)); background-size: 100% 1px, 100% 1px, 1px 100%, 1px 100%; background-position: 0 0, 0 100%, 0 0, 100% 0; } html[data-f8="1"][data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-r::after { background-image: linear-gradient(rgb(24 6 5 / .72), rgb(24 6 5 / .72)), linear-gradient(rgb(24 6 5 / .64), rgb(24 6 5 / .64)), linear-gradient(rgb(24 6 5 / .66), rgb(24 6 5 / .66)), linear-gradient(rgb(24 6 5 / .2), rgb(24 6 5 / .2)); background-size: 100% 1px, 100% 1px, 1px 100%, 1px 100%; background-position: 0 0, 0 100%, 100% 0, 0 0; } /* A : filet central sur les traverses et le montant */ html[data-f8="1"][data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-l .vt-grain i:nth-child(1) { background-image: linear-gradient(270deg, rgb(24 6 5 / .6) 0, rgb(24 6 5 / .6) 1px, rgb(24 6 5 / .16) 1px, rgb(24 6 5 / .16) 2px, transparent 3px), linear-gradient(90deg, transparent 0, transparent 30%, rgb(105 42 32 / .5) 100%), linear-gradient(90deg, rgb(255 196 160 / 0) 8%, rgb(255 196 160 / .17) 27%, rgb(255 196 160 / .05) 40%, transparent 47%, transparent 53%, rgb(40 11 9 / .12) 68%, rgb(255 190 155 / .07) 86%, transparent 100%), var(--poc-h); background-size: 3px 100%, 200% 2px, 200% var(--head), 200% var(--head); background-position: 100% 0, 0 0, 0 0, 0 0; } html[data-f8="1"][data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-r .vt-grain i:nth-child(1) { background-image: linear-gradient(90deg, rgb(24 6 5 / .5) 0, rgb(24 6 5 / .5) 1px, rgb(24 6 5 / .14) 1px, rgb(24 6 5 / .14) 2px, transparent 3px), linear-gradient(90deg, transparent 0, transparent 30%, rgb(105 42 32 / .5) 100%), linear-gradient(90deg, rgb(255 196 160 / 0) 8%, rgb(255 196 160 / .17) 27%, rgb(255 196 160 / .05) 40%, transparent 47%, transparent 53%, rgb(40 11 9 / .12) 68%, rgb(255 190 155 / .07) 86%, transparent 100%), var(--poc-h); background-size: 3px 100%, 200% 2px, 200% var(--head), 200% var(--head); background-position: 0 0, 100% 0, 100% 0, 100% 0; } html[data-f8="1"][data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-l .vt-grain i:nth-child(3) { background-image: linear-gradient(270deg, rgb(24 6 5 / .6) 0, rgb(24 6 5 / .6) 1px, rgb(24 6 5 / .16) 1px, rgb(24 6 5 / .16) 2px, transparent 3px), linear-gradient(180deg, rgb(24 6 5 / .62) 0, rgb(24 6 5 / .5) 1px, rgb(24 6 5 / .22) 3px, transparent 6px), linear-gradient(90deg, rgb(40 11 9 / .38) 0, rgb(40 11 9 / .22) 12%, rgb(40 11 9 / .1) 36%, rgb(40 11 9 / .1) 50%, rgb(40 11 9 / .04) 75%, rgb(40 11 9 / .1) 100%), linear-gradient(90deg, rgb(40 11 9 / .1) 0, transparent 24%, rgb(255 196 160 / .09) 60%, transparent 76%, rgb(40 11 9 / .1) 100%), var(--poc-h); background-size: 3px 100%, 100% 6px, 200% var(--rail), 200% var(--rail), 200% var(--rail); background-position: 100% 0, 0 calc(100% - var(--rail) + 6px), 0 100%, 0 100%, 0 100%; } html[data-f8="1"][data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-r .vt-grain i:nth-child(3) { background-image: linear-gradient(90deg, rgb(24 6 5 / .5) 0, rgb(24 6 5 / .5) 1px, rgb(24 6 5 / .14) 1px, rgb(24 6 5 / .14) 2px, transparent 3px), linear-gradient(180deg, rgb(24 6 5 / .62) 0, rgb(24 6 5 / .5) 1px, rgb(24 6 5 / .22) 3px, transparent 6px), linear-gradient(90deg, rgb(40 11 9 / .38) 0, rgb(40 11 9 / .22) 12%, rgb(40 11 9 / .1) 36%, rgb(40 11 9 / .1) 50%, rgb(40 11 9 / .04) 75%, rgb(40 11 9 / .1) 100%), linear-gradient(90deg, rgb(40 11 9 / .1) 0, transparent 24%, rgb(255 196 160 / .09) 60%, transparent 76%, rgb(40 11 9 / .1) 100%), var(--poc-h); background-size: 3px 100%, 100% 6px, 200% var(--rail), 200% var(--rail), 200% var(--rail); background-position: 0 0, 0 calc(100% - var(--rail) + 6px), 100% 100%, 100% 100%, 100% 100%; } /* A + C : montant (demi-montants). Couche COVER = tête et pied masqués localement sur la largeur intérieure ; filet central au-dessus */ html[data-f8="1"][data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-l .vt-grain i:nth-child(2) { clip-path: polygon(0 calc(var(--head) - 4px), calc(var(--br) - 3px) calc(var(--head) - 4px), calc(var(--br) - 3px) var(--head), var(--br) var(--head), var(--br) calc(100% - var(--rail)), calc(var(--br) - 3px) calc(100% - var(--rail)), calc(var(--br) - 3px) calc(100% - var(--rail) + 6px), 0 calc(100% - var(--rail) + 6px)); background-image: linear-gradient(90deg, rgb(24 6 5 / .6) 0, rgb(24 6 5 / .6) 1px, rgb(24 6 5 / .16) 1px, rgb(24 6 5 / .16) 2px, transparent 3px), linear-gradient(180deg, transparent calc(var(--head) - 6px), rgb(110 47 32 / 1) calc(var(--head) - 4px), rgb(110 47 32 / 1) var(--head), rgb(110 47 32 / .5) calc(var(--head) + 5px), transparent calc(var(--head) + 14px)), linear-gradient(180deg, transparent calc(100% - var(--rail) - 14px), rgb(106 51 37 / .5) calc(100% - var(--rail) - 5px), rgb(106 51 37 / 1) calc(100% - var(--rail)), rgb(106 51 37 / 1) calc(100% - var(--rail) + 6px), transparent calc(100% - var(--rail) + 6px)), linear-gradient(90deg, rgb(78 27 21 / .24) 0, rgb(78 27 21 / .17) 45%, rgb(78 27 21 / .11) 100%), linear-gradient(180deg, rgb(40 11 9 / .38) 0, rgb(40 11 9 / .36) 22%, rgb(40 11 9 / .26) 28%, transparent 37%, transparent 56%, rgb(40 11 9 / .22) 66%, transparent 76%, rgb(40 11 9 / .06) 100%), var(--poc-v); background-size: 3px 100%, calc(var(--br) - 3px) 100%, calc(var(--br) - 3px) 100%, var(--br) 100%, var(--br) 100%, var(--br) 100%; background-position: 0 0; } html[data-f8="1"][data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-r .vt-grain i:nth-child(4) { clip-path: polygon(0 calc(var(--head) - 4px), calc(var(--bl) - 3px) calc(var(--head) - 4px), calc(var(--bl) - 3px) var(--head), var(--bl) var(--head), var(--bl) calc(100% - var(--rail)), calc(var(--bl) - 3px) calc(100% - var(--rail)), calc(var(--bl) - 3px) calc(100% - var(--rail) + 6px), 0 calc(100% - var(--rail) + 6px)); background-image: linear-gradient(90deg, rgb(24 6 5 / .5) 0, rgb(24 6 5 / .5) 1px, rgb(24 6 5 / .14) 1px, rgb(24 6 5 / .14) 2px, transparent 3px), linear-gradient(180deg, transparent calc(var(--head) - 6px), rgb(110 47 32 / 1) calc(var(--head) - 4px), rgb(110 47 32 / 1) var(--head), rgb(110 47 32 / .5) calc(var(--head) + 5px), transparent calc(var(--head) + 14px)), linear-gradient(180deg, transparent calc(100% - var(--rail) - 14px), rgb(106 51 37 / .5) calc(100% - var(--rail) - 5px), rgb(106 51 37 / 1) calc(100% - var(--rail)), rgb(106 51 37 / 1) calc(100% - var(--rail) + 6px), transparent calc(100% - var(--rail) + 6px)), linear-gradient(90deg, rgb(78 27 21 / .24) 0, rgb(78 27 21 / .17) 45%, rgb(78 27 21 / .11) 100%), linear-gradient(180deg, rgb(40 11 9 / .38) 0, rgb(40 11 9 / .36) 22%, rgb(40 11 9 / .26) 28%, transparent 37%, transparent 56%, rgb(40 11 9 / .22) 66%, transparent 76%, rgb(40 11 9 / .06) 100%), var(--poc-v); background-size: 3px 100%, calc(var(--bl) - 3px) 100%, calc(var(--bl) - 3px) 100%, var(--bl) 100%, var(--bl) 100%, var(--bl) 100%; background-position: 0 0; } } @media (min-width: 761px) { /* le demi-montant du volet gauche précède la traverse basse dans le DOM : on le remonte pour que son pied recouvre bien la gorge de la traverse (C, bas) */ html[data-f8="1"][data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-l .vt-grain i:nth-child(2) { z-index: 1; } } /* ===== FINITION-CADRE-09 — montants centraux +10 % ; feuillure intérieure : ombre diffuse à la place du filet sombre (desktop). Désactivable : ?f9=0 (retour à la passe 08) ===== 1 Largeur : seuls les deux demi-montants centraux passent de 0,55 S à 0,605 S (+10 %), soit 24,2 -> 26,6 px pour l'ensemble. Cadres extérieurs inchangés. 2 Le trait net venait de trois sources : (a) les filets 1 px de `.vt-pane::after` ; (b) le bord sombre peint DANS les images `vertical.webp` (montants) et `horizontal.webp` (bande sombre de 3 px sous la traverse haute, rangée claire du haut de la traverse basse) ; (c) la gorge `RAIL_G` de 1 px. (a) supprimés ; (b) masqués par une copie décalée de l'image (montants, 3 px) ou par la couleur de la face de la traverse échantillonnée sur le rendu ; (c) adouci. L'ombre est portée par `.vt-pane::before`, plus large et progressive (~20 px). */ @media (min-width: 761px) { html[data-f9="1"][data-f8="1"][data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-l { --br: calc(var(--poc-size) * .605); } html[data-f9="1"][data-f8="1"][data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-r { --bl: calc(var(--poc-size) * .605); } html[data-f9="1"][data-f8="1"][data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane::after { background-image: none; } html[data-f9="1"][data-f8="1"][data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-l::before { background-image: linear-gradient(180deg, rgb(var(--shadow) / .4) 0, rgb(var(--shadow) / .27) 2px, rgb(var(--shadow) / .15) 6px, rgb(var(--shadow) / .06) 12px, transparent 20px), linear-gradient(0deg, rgb(var(--shadow) / .36) 0, rgb(var(--shadow) / .23) 3px, rgb(var(--shadow) / .11) 8px, rgb(var(--shadow) / .04) 14px, transparent 20px), linear-gradient(90deg, rgb(var(--shadow) / .34) 0, rgb(var(--shadow) / .2) 3px, rgb(var(--shadow) / .09) 8px, transparent 16px), linear-gradient(270deg, rgb(var(--shadow) / .22) 0, rgb(var(--shadow) / .1) 4px, transparent 12px); } html[data-f9="1"][data-f8="1"][data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-r::before { background-image: linear-gradient(180deg, rgb(var(--shadow) / .4) 0, rgb(var(--shadow) / .27) 2px, rgb(var(--shadow) / .15) 6px, rgb(var(--shadow) / .06) 12px, transparent 20px), linear-gradient(0deg, rgb(var(--shadow) / .36) 0, rgb(var(--shadow) / .23) 3px, rgb(var(--shadow) / .11) 8px, rgb(var(--shadow) / .04) 14px, transparent 20px), linear-gradient(270deg, rgb(var(--shadow) / .3) 0, rgb(var(--shadow) / .17) 3px, rgb(var(--shadow) / .08) 8px, transparent 15px), linear-gradient(90deg, rgb(var(--shadow) / .22) 0, rgb(var(--shadow) / .1) 4px, transparent 12px); } html[data-f9="1"][data-f8="1"][data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-l .vt-grain i:nth-child(2) { background-image: linear-gradient(90deg, rgb(24 6 5 / .6) 0, rgb(24 6 5 / .6) 1px, rgb(24 6 5 / .16) 1px, rgb(24 6 5 / .16) 2px, transparent 3px), linear-gradient(180deg, transparent calc(var(--head) - 6px), rgb(110 47 32 / 1) calc(var(--head) - 4px), rgb(110 47 32 / 1) var(--head), rgb(110 47 32 / .5) calc(var(--head) + 5px), transparent calc(var(--head) + 14px)), linear-gradient(180deg, transparent calc(100% - var(--rail) - 14px), rgb(106 51 37 / .5) calc(100% - var(--rail) - 5px), rgb(106 51 37 / 1) calc(100% - var(--rail)), rgb(106 51 37 / 1) calc(100% - var(--rail) + 6px), transparent calc(100% - var(--rail) + 6px)), linear-gradient(90deg, rgb(78 27 21 / .24) 0, rgb(78 27 21 / .17) 45%, rgb(78 27 21 / .11) 100%), linear-gradient(180deg, rgb(40 11 9 / .38) 0, rgb(40 11 9 / .36) 22%, rgb(40 11 9 / .26) 28%, transparent 37%, transparent 56%, rgb(40 11 9 / .22) 66%, transparent 76%, rgb(40 11 9 / .06) 100%), var(--poc-v), var(--poc-v); background-size: 3px 100%, calc(var(--br) - 3px) 100%, calc(var(--br) - 3px) 100%, var(--br) 100%, var(--br) 100%, var(--br) 100%, var(--br) 100%; background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 3px 0, 0 0; } html[data-f9="1"][data-f8="1"][data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-r .vt-grain i:nth-child(4) { background-image: linear-gradient(90deg, rgb(24 6 5 / .5) 0, rgb(24 6 5 / .5) 1px, rgb(24 6 5 / .14) 1px, rgb(24 6 5 / .14) 2px, transparent 3px), linear-gradient(180deg, transparent calc(var(--head) - 6px), rgb(110 47 32 / 1) calc(var(--head) - 4px), rgb(110 47 32 / 1) var(--head), rgb(110 47 32 / .5) calc(var(--head) + 5px), transparent calc(var(--head) + 14px)), linear-gradient(180deg, transparent calc(100% - var(--rail) - 14px), rgb(106 51 37 / .5) calc(100% - var(--rail) - 5px), rgb(106 51 37 / 1) calc(100% - var(--rail)), rgb(106 51 37 / 1) calc(100% - var(--rail) + 6px), transparent calc(100% - var(--rail) + 6px)), linear-gradient(90deg, rgb(78 27 21 / .24) 0, rgb(78 27 21 / .17) 45%, rgb(78 27 21 / .11) 100%), linear-gradient(180deg, rgb(40 11 9 / .38) 0, rgb(40 11 9 / .36) 22%, rgb(40 11 9 / .26) 28%, transparent 37%, transparent 56%, rgb(40 11 9 / .22) 66%, transparent 76%, rgb(40 11 9 / .06) 100%), var(--poc-v), var(--poc-v); background-size: 3px 100%, calc(var(--bl) - 3px) 100%, calc(var(--bl) - 3px) 100%, var(--bl) 100%, var(--bl) 100%, var(--bl) 100%, var(--bl) 100%; background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 3px 0, 0 0; } html[data-f9="1"][data-f8="1"][data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-l .vt-grain i:nth-child(4) { background-image: linear-gradient(180deg, rgb(62 21 17 / .26) 0, rgb(62 21 17 / .16) 26px, rgb(62 21 17 / .05) 120px, transparent 200px, transparent calc(100% - 200px), rgb(40 11 9 / .1) 100%), linear-gradient(180deg, transparent 22%, rgb(255 196 165 / .14) 36%, transparent 52%), var(--poc-v), var(--poc-v); background-size: var(--bl) 100%, var(--bl) 100%, var(--bl) 100%, var(--bl) 100%; background-position: 0 0, 0 0, 3px 0, 0 0; } html[data-f9="1"][data-f8="1"][data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-r .vt-grain i:nth-child(2) { background-image: linear-gradient(180deg, rgb(62 21 17 / .38) 0, rgb(62 21 17 / .26) 26px, rgb(62 21 17 / .08) 120px, transparent 200px, transparent calc(100% - 200px), rgb(40 11 9 / .1) 100%), var(--poc-v), var(--poc-v); background-size: var(--br) 100%, var(--br) 100%, var(--br) 100%; background-position: 0 0, 3px 0, 0 0; } html[data-f9="1"][data-f8="1"][data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-l .vt-grain i:nth-child(1) { background-image: linear-gradient(270deg, rgb(24 6 5 / .6) 0, rgb(24 6 5 / .6) 1px, rgb(24 6 5 / .16) 1px, rgb(24 6 5 / .16) 2px, transparent 3px), linear-gradient(180deg, transparent calc(var(--head) - 3px), rgb(40 11 9 / .22) var(--head)), linear-gradient(90deg, rgb(208 160 148) 0.0%, rgb(213 112 89) 5.0%, rgb(195 101 82) 10.0%, rgb(171 91 72) 15.0%, rgb(155 82 64) 20.0%, rgb(155 84 65) 25.0%, rgb(166 86 65) 30.0%, rgb(173 89 69) 35.0%, rgb(168 80 62) 40.0%, rgb(133 61 47) 45.0%, rgb(100 43 29) 50.0%, rgb(95 39 26) 55.0%, rgb(87 35 24) 60.0%, rgb(88 35 25) 65.0%, rgb(100 47 35) 70.0%, rgb(113 59 46) 75.0%, rgb(114 54 42) 80.0%, rgb(129 60 47) 85.0%, rgb(145 67 51) 90.0%, rgb(121 54 42) 95.0%, rgb(189 142 131) 100.0%), linear-gradient(90deg, transparent 0, transparent 30%, rgb(105 42 32 / .5) 100%), linear-gradient(90deg, rgb(255 196 160 / 0) 8%, rgb(255 196 160 / .17) 27%, rgb(255 196 160 / .05) 40%, transparent 47%, transparent 53%, rgb(40 11 9 / .12) 68%, rgb(255 190 155 / .07) 86%, transparent 100%), var(--poc-h); background-size: 3px 100%, 100% var(--head), 200% 3px, 200% 2px, 200% var(--head), 200% var(--head); background-position: 100% 0, 0 0, 0 calc(var(--head) - 3px), 0 0, 0 0, 0 0; } html[data-f9="1"][data-f8="1"][data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-r .vt-grain i:nth-child(1) { background-image: linear-gradient(90deg, rgb(24 6 5 / .5) 0, rgb(24 6 5 / .5) 1px, rgb(24 6 5 / .14) 1px, rgb(24 6 5 / .14) 2px, transparent 3px), linear-gradient(180deg, transparent calc(var(--head) - 3px), rgb(40 11 9 / .22) var(--head)), linear-gradient(90deg, rgb(208 160 148) 0.0%, rgb(213 112 89) 5.0%, rgb(195 101 82) 10.0%, rgb(171 91 72) 15.0%, rgb(155 82 64) 20.0%, rgb(155 84 65) 25.0%, rgb(166 86 65) 30.0%, rgb(173 89 69) 35.0%, rgb(168 80 62) 40.0%, rgb(133 61 47) 45.0%, rgb(100 43 29) 50.0%, rgb(95 39 26) 55.0%, rgb(87 35 24) 60.0%, rgb(88 35 25) 65.0%, rgb(100 47 35) 70.0%, rgb(113 59 46) 75.0%, rgb(114 54 42) 80.0%, rgb(129 60 47) 85.0%, rgb(145 67 51) 90.0%, rgb(121 54 42) 95.0%, rgb(189 142 131) 100.0%), linear-gradient(90deg, transparent 0, transparent 30%, rgb(105 42 32 / .5) 100%), linear-gradient(90deg, rgb(255 196 160 / 0) 8%, rgb(255 196 160 / .17) 27%, rgb(255 196 160 / .05) 40%, transparent 47%, transparent 53%, rgb(40 11 9 / .12) 68%, rgb(255 190 155 / .07) 86%, transparent 100%), var(--poc-h); background-size: 3px 100%, 100% var(--head), 200% 3px, 200% 2px, 200% var(--head), 200% var(--head); background-position: 0 0, 0 0, 100% calc(var(--head) - 3px), 100% 0, 100% 0, 100% 0; } html[data-f9="1"][data-f8="1"][data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-l .vt-grain i:nth-child(3) { background-image: linear-gradient(270deg, rgb(24 6 5 / .6) 0, rgb(24 6 5 / .6) 1px, rgb(24 6 5 / .16) 1px, rgb(24 6 5 / .16) 2px, transparent 3px), linear-gradient(90deg, rgb(186 108 96) 0.0%, rgb(161 93 75) 5.0%, rgb(154 77 65) 10.0%, rgb(135 66 53) 15.0%, rgb(123 59 45) 20.0%, rgb(115 55 41) 25.0%, rgb(131 60 48) 30.0%, rgb(149 69 54) 35.0%, rgb(166 82 65) 40.0%, rgb(149 74 58) 45.0%, rgb(96 46 33) 50.0%, rgb(105 48 35) 55.0%, rgb(99 48 35) 60.0%, rgb(93 46 31) 65.0%, rgb(102 47 33) 70.0%, rgb(99 42 30) 75.0%, rgb(90 36 28) 80.0%, rgb(104 44 33) 85.0%, rgb(110 44 34) 90.0%, rgb(98 40 33) 95.0%, rgb(186 108 97) 100.0%), linear-gradient(180deg, rgb(24 6 5 / .3) 0, rgb(24 6 5 / .16) 2px, rgb(24 6 5 / .06) 5px, transparent 8px), linear-gradient(90deg, rgb(40 11 9 / .38) 0, rgb(40 11 9 / .22) 12%, rgb(40 11 9 / .1) 36%, rgb(40 11 9 / .1) 50%, rgb(40 11 9 / .04) 75%, rgb(40 11 9 / .1) 100%), linear-gradient(90deg, rgb(40 11 9 / .1) 0, transparent 24%, rgb(255 196 160 / .09) 60%, transparent 76%, rgb(40 11 9 / .1) 100%), var(--poc-h); background-size: 3px 100%, 200% 2px, 100% 8px, 200% var(--rail), 200% var(--rail), 200% var(--rail); background-position: 100% 0, 0 calc(100% - var(--rail) + 2px), 0 calc(100% - var(--rail) + 8px), 0 100%, 0 100%, 0 100%; } html[data-f9="1"][data-f8="1"][data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-r .vt-grain i:nth-child(3) { background-image: linear-gradient(90deg, rgb(24 6 5 / .5) 0, rgb(24 6 5 / .5) 1px, rgb(24 6 5 / .14) 1px, rgb(24 6 5 / .14) 2px, transparent 3px), linear-gradient(90deg, rgb(186 108 96) 0.0%, rgb(161 93 75) 5.0%, rgb(154 77 65) 10.0%, rgb(135 66 53) 15.0%, rgb(123 59 45) 20.0%, rgb(115 55 41) 25.0%, rgb(131 60 48) 30.0%, rgb(149 69 54) 35.0%, rgb(166 82 65) 40.0%, rgb(149 74 58) 45.0%, rgb(96 46 33) 50.0%, rgb(105 48 35) 55.0%, rgb(99 48 35) 60.0%, rgb(93 46 31) 65.0%, rgb(102 47 33) 70.0%, rgb(99 42 30) 75.0%, rgb(90 36 28) 80.0%, rgb(104 44 33) 85.0%, rgb(110 44 34) 90.0%, rgb(98 40 33) 95.0%, rgb(186 108 97) 100.0%), linear-gradient(180deg, rgb(24 6 5 / .3) 0, rgb(24 6 5 / .16) 2px, rgb(24 6 5 / .06) 5px, transparent 8px), linear-gradient(90deg, rgb(40 11 9 / .38) 0, rgb(40 11 9 / .22) 12%, rgb(40 11 9 / .1) 36%, rgb(40 11 9 / .1) 50%, rgb(40 11 9 / .04) 75%, rgb(40 11 9 / .1) 100%), linear-gradient(90deg, rgb(40 11 9 / .1) 0, transparent 24%, rgb(255 196 160 / .09) 60%, transparent 76%, rgb(40 11 9 / .1) 100%), var(--poc-h); background-size: 3px 100%, 200% 2px, 100% 8px, 200% var(--rail), 200% var(--rail), 200% var(--rail); background-position: 0 0, 100% calc(100% - var(--rail) + 2px), 0 calc(100% - var(--rail) + 8px), 100% 100%, 100% 100%, 100% 100%; } } /* ===== FINITION-CADRE-10 — finition locale : voile blanc sur la rive gauche, bords extérieurs, modelé des montants centraux (desktop). Désactivable : ?f10=0 (retour à la passe 09) ===== Causes identifiées 1 Rive gauche blanchâtre : le halo de lisibilité du menu (`.vt-nav::before`, radial-gradient blanc .92, dans `.vt-ui` z-index 2) déborde sur le montant extérieur gauche (z-index 1). Correction : clip-path du halo à partir du bord du vitrage (valeur mesurée par finition.js, `--veil-cut`). Aucun changement côté vitrage. 2 Liserés clairs des bords extérieurs : première rangée / colonne pâle des images `horizontal.webp` / `vertical.webp` (rangée 0-1 px en haut, colonne 0-1 px à gauche et à droite). Correction : bande de 2 px de la couleur voisine échantillonnée sur le rendu. 3 Montants centraux trop denses : `TINT` (.24 -> .11) et `LUM` (.38 -> .22 ; voile du haut) de la passe 09. Réduits, plus deux reflets satinés larges (`SATIN_X`, `SATIN_Y`), sans trait. 4 Trace claire résiduelle de l'ancienne coupure : en 09, la copie d'image décalée de 3 px avait déplacé le liseré clair de la colonne de jonction (image, colonne 1) hors du filet sombre, sur 2 colonnes lisibles de part et d'autre. La copie décalée est retirée ; le bord sombre côté verre est masqué par une bande échantillonnée de 3 px. */ @media (min-width: 761px) { html[data-f10="1"][data-f9="1"][data-f8="1"][data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-nav::before { clip-path: inset(0 0 0 var(--veil-cut, 0px)); } html[data-f10="1"][data-f9="1"][data-f8="1"][data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-l .vt-grain i:nth-child(2) { background-image: linear-gradient(90deg, rgb(24 6 5 / .6) 0, rgb(24 6 5 / .6) 1px, rgb(24 6 5 / .16) 1px, rgb(24 6 5 / .16) 2px, transparent 3px), linear-gradient(180deg, transparent calc(var(--head) - 6px), rgb(110 47 32 / 1) calc(var(--head) - 4px), rgb(110 47 32 / 1) var(--head), rgb(110 47 32 / .5) calc(var(--head) + 5px), transparent calc(var(--head) + 14px)), linear-gradient(180deg, transparent calc(100% - var(--rail) - 14px), rgb(106 51 37 / .5) calc(100% - var(--rail) - 5px), rgb(106 51 37 / 1) calc(100% - var(--rail)), rgb(106 51 37 / 1) calc(100% - var(--rail) + 6px), transparent calc(100% - var(--rail) + 6px)), linear-gradient(90deg, transparent 8%, rgb(255 196 160 / .11) 45%, rgb(255 190 150 / .035) 70%, transparent 92%), linear-gradient(180deg, transparent 14%, rgb(255 205 175 / .09) 30%, transparent 47%, transparent 62%, rgb(255 196 160 / .07) 76%, transparent 90%), linear-gradient(90deg, rgb(78 27 21 / .1) 0, rgb(78 27 21 / .06) 50%, rgb(78 27 21 / .05) 100%), linear-gradient(180deg, rgb(40 11 9 / .22) 0, rgb(40 11 9 / .2) 20%, rgb(40 11 9 / .12) 28%, transparent 37%, transparent 56%, rgb(40 11 9 / .1) 66%, transparent 76%, rgb(40 11 9 / .05) 100%), var(--poc-v); background-size: 3px 100%, calc(var(--br) - 3px) 100%, calc(var(--br) - 3px) 100%, var(--br) 100%, var(--br) 100%, var(--br) 100%, var(--br) 100%, var(--br) 100%; background-position: 0 0; } html[data-f10="1"][data-f9="1"][data-f8="1"][data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-r .vt-grain i:nth-child(4) { background-image: linear-gradient(90deg, rgb(24 6 5 / .5) 0, rgb(24 6 5 / .5) 1px, rgb(24 6 5 / .14) 1px, rgb(24 6 5 / .14) 2px, transparent 3px), linear-gradient(180deg, transparent calc(var(--head) - 6px), rgb(110 47 32 / 1) calc(var(--head) - 4px), rgb(110 47 32 / 1) var(--head), rgb(110 47 32 / .5) calc(var(--head) + 5px), transparent calc(var(--head) + 14px)), linear-gradient(180deg, transparent calc(100% - var(--rail) - 14px), rgb(106 51 37 / .5) calc(100% - var(--rail) - 5px), rgb(106 51 37 / 1) calc(100% - var(--rail)), rgb(106 51 37 / 1) calc(100% - var(--rail) + 6px), transparent calc(100% - var(--rail) + 6px)), linear-gradient(90deg, transparent 8%, rgb(255 196 160 / .11) 45%, rgb(255 190 150 / .035) 70%, transparent 92%), linear-gradient(180deg, transparent 14%, rgb(255 205 175 / .09) 30%, transparent 47%, transparent 62%, rgb(255 196 160 / .07) 76%, transparent 90%), linear-gradient(90deg, rgb(78 27 21 / .1) 0, rgb(78 27 21 / .06) 50%, rgb(78 27 21 / .05) 100%), linear-gradient(180deg, rgb(40 11 9 / .22) 0, rgb(40 11 9 / .2) 20%, rgb(40 11 9 / .12) 28%, transparent 37%, transparent 56%, rgb(40 11 9 / .1) 66%, transparent 76%, rgb(40 11 9 / .05) 100%), var(--poc-v); background-size: 3px 100%, calc(var(--bl) - 3px) 100%, calc(var(--bl) - 3px) 100%, var(--bl) 100%, var(--bl) 100%, var(--bl) 100%, var(--bl) 100%, var(--bl) 100%; background-position: 0 0; } html[data-f10="1"][data-f9="1"][data-f8="1"][data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-l .vt-grain i:nth-child(4) { background-image: linear-gradient(180deg, rgb(175 90 71) 0.0%, rgb(175 90 71) 2.13%, rgb(176 89 71) 4.26%, rgb(173 87 70) 6.38%, rgb(172 87 70) 8.51%, rgb(173 88 70) 10.64%, rgb(169 86 69) 12.77%, rgb(166 84 66) 14.89%, rgb(162 81 64) 17.02%, rgb(156 76 58) 19.15%, rgb(149 71 55) 21.28%, rgb(149 70 53) 23.4%, rgb(143 69 53) 25.53%, rgb(133 65 50) 27.66%, rgb(133 65 49) 29.79%, rgb(130 64 48) 31.91%, rgb(133 66 51) 34.04%, rgb(136 69 54) 36.17%, rgb(131 66 49) 38.3%, rgb(124 59 44) 40.43%, rgb(119 55 41) 42.55%, rgb(118 51 38) 44.68%, rgb(119 55 41) 46.81%, rgb(120 52 40) 48.94%, rgb(125 58 43) 51.06%, rgb(135 60 46) 53.19%, rgb(139 61 46) 55.32%, rgb(145 66 51) 57.45%, rgb(150 70 54) 59.57%, rgb(151 69 53) 61.7%, rgb(150 70 53) 63.83%, rgb(143 62 48) 65.96%, rgb(137 60 45) 68.09%, rgb(132 56 42) 70.21%, rgb(123 51 38) 72.34%, rgb(116 49 35) 74.47%, rgb(110 41 29) 76.6%, rgb(106 38 26) 78.72%, rgb(98 31 21) 80.85%, rgb(91 30 21) 82.98%, rgb(86 29 20) 85.11%, rgb(82 27 19) 87.23%, rgb(82 26 18) 89.36%, rgb(83 28 19) 91.49%, rgb(86 28 20) 93.62%, rgb(90 30 21) 95.74%, rgb(96 31 23) 97.87%, rgb(96 31 23) 100.0%), linear-gradient(180deg, rgb(190 100 80) 0.0%, rgb(190 100 80) 2.13%, rgb(188 96 77) 4.26%, rgb(187 96 77) 6.38%, rgb(186 95 76) 8.51%, rgb(182 93 74) 10.64%, rgb(181 92 73) 12.77%, rgb(178 90 71) 14.89%, rgb(174 87 67) 17.02%, rgb(170 84 65) 19.15%, rgb(166 80 62) 21.28%, rgb(161 78 59) 23.4%, rgb(159 77 58) 25.53%, rgb(153 75 58) 27.66%, rgb(145 69 53) 29.79%, rgb(144 71 54) 31.91%, rgb(145 72 55) 34.04%, rgb(142 72 55) 36.17%, rgb(134 65 47) 38.3%, rgb(131 62 47) 40.43%, rgb(122 56 40) 42.55%, rgb(118 49 36) 44.68%, rgb(115 48 34) 46.81%, rgb(115 46 31) 48.94%, rgb(116 47 33) 51.06%, rgb(120 50 35) 53.19%, rgb(126 54 39) 55.32%, rgb(135 59 44) 57.45%, rgb(143 62 48) 59.57%, rgb(145 62 46) 61.7%, rgb(144 61 46) 63.83%, rgb(141 60 46) 65.96%, rgb(137 58 43) 68.09%, rgb(131 56 42) 70.21%, rgb(122 49 34) 72.34%, rgb(117 43 31) 74.47%, rgb(113 42 30) 76.6%, rgb(109 37 26) 78.72%, rgb(98 34 23) 80.85%, rgb(94 34 24) 82.98%, rgb(87 30 20) 85.11%, rgb(85 30 20) 87.23%, rgb(86 30 19) 89.36%, rgb(87 31 21) 91.49%, rgb(91 32 22) 93.62%, rgb(97 33 23) 95.74%, rgb(101 34 24) 97.87%, rgb(101 34 24) 100.0%), linear-gradient(180deg, rgb(62 21 17 / .26) 0, rgb(62 21 17 / .16) 26px, rgb(62 21 17 / .05) 120px, transparent 200px, transparent calc(100% - 200px), rgb(40 11 9 / .1) 100%), linear-gradient(180deg, transparent 22%, rgb(255 196 165 / .14) 36%, transparent 52%), var(--poc-v); background-size: 2px 100%, 3px 100%, var(--bl) 100%, var(--bl) 100%, var(--bl) 100%; background-position: 0 0, calc(var(--bl) - 3px) 0, 0 0, 0 0, 0 0; } html[data-f10="1"][data-f9="1"][data-f8="1"][data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-r .vt-grain i:nth-child(2) { background-image: linear-gradient(180deg, rgb(161 82 65) 0.0%, rgb(161 82 65) 2.13%, rgb(163 82 66) 4.26%, rgb(163 82 66) 6.38%, rgb(164 83 67) 8.51%, rgb(166 85 68) 10.64%, rgb(165 84 67) 12.77%, rgb(164 82 64) 14.89%, rgb(160 80 63) 17.02%, rgb(155 75 58) 19.15%, rgb(149 71 55) 21.28%, rgb(148 68 52) 23.4%, rgb(139 65 49) 25.53%, rgb(127 57 43) 27.66%, rgb(123 55 39) 29.79%, rgb(118 51 36) 31.91%, rgb(118 50 37) 34.04%, rgb(119 51 37) 36.17%, rgb(117 49 35) 38.3%, rgb(111 45 32) 40.43%, rgb(109 42 32) 42.55%, rgb(109 42 30) 44.68%, rgb(114 50 36) 46.81%, rgb(118 49 38) 48.94%, rgb(125 57 42) 51.06%, rgb(135 60 46) 53.19%, rgb(139 61 46) 55.32%, rgb(145 66 51) 57.45%, rgb(150 70 54) 59.57%, rgb(151 69 53) 61.7%, rgb(150 70 53) 63.83%, rgb(143 62 48) 65.96%, rgb(137 60 45) 68.09%, rgb(132 56 42) 70.21%, rgb(123 51 38) 72.34%, rgb(116 49 35) 74.47%, rgb(110 41 29) 76.6%, rgb(106 38 26) 78.72%, rgb(98 31 21) 80.85%, rgb(91 30 21) 82.98%, rgb(86 29 20) 85.11%, rgb(82 28 19) 87.23%, rgb(82 26 18) 89.36%, rgb(83 28 19) 91.49%, rgb(86 28 20) 93.62%, rgb(90 30 21) 95.74%, rgb(96 31 23) 97.87%, rgb(96 31 23) 100.0%), linear-gradient(180deg, rgb(174 91 72) 0.0%, rgb(174 91 72) 2.13%, rgb(175 88 70) 4.26%, rgb(176 90 72) 6.38%, rgb(177 90 72) 8.51%, rgb(176 89 71) 10.64%, rgb(177 89 71) 12.77%, rgb(175 88 70) 14.89%, rgb(172 86 66) 17.02%, rgb(169 84 64) 19.15%, rgb(165 80 62) 21.28%, rgb(160 76 57) 23.4%, rgb(156 73 54) 25.53%, rgb(147 68 51) 27.66%, rgb(135 59 43) 29.79%, rgb(132 57 41) 31.91%, rgb(130 55 40) 34.04%, rgb(124 52 37) 36.17%, rgb(118 47 31) 38.3%, rgb(117 46 34) 40.43%, rgb(110 43 28) 42.55%, rgb(108 39 27) 44.68%, rgb(109 41 28) 46.81%, rgb(111 42 28) 48.94%, rgb(115 46 32) 51.06%, rgb(120 50 35) 53.19%, rgb(126 54 39) 55.32%, rgb(135 59 44) 57.45%, rgb(143 62 48) 59.57%, rgb(145 62 46) 61.7%, rgb(144 61 46) 63.83%, rgb(141 60 46) 65.96%, rgb(137 58 43) 68.09%, rgb(131 56 42) 70.21%, rgb(122 49 34) 72.34%, rgb(117 43 31) 74.47%, rgb(113 42 30) 76.6%, rgb(109 37 26) 78.72%, rgb(98 34 23) 80.85%, rgb(94 34 24) 82.98%, rgb(87 30 20) 85.11%, rgb(85 30 20) 87.23%, rgb(85 30 19) 89.36%, rgb(87 31 21) 91.49%, rgb(91 31 22) 93.62%, rgb(97 33 23) 95.74%, rgb(101 34 24) 97.87%, rgb(101 34 24) 100.0%), linear-gradient(180deg, rgb(62 21 17 / .38) 0, rgb(62 21 17 / .26) 26px, rgb(62 21 17 / .08) 120px, transparent 200px, transparent calc(100% - 200px), rgb(40 11 9 / .1) 100%), var(--poc-v); background-size: 2px 100%, 3px 100%, var(--br) 100%, var(--br) 100%; background-position: 0 0, calc(var(--br) - 3px) 0, 0 0, 0 0; } html[data-f10="1"][data-f9="1"][data-f8="1"][data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-l .vt-grain i:nth-child(2) { background-image: linear-gradient(90deg, rgb(24 6 5 / .6) 0, rgb(24 6 5 / .6) 1px, rgb(24 6 5 / .16) 1px, rgb(24 6 5 / .16) 2px, transparent 3px), linear-gradient(180deg, rgb(128 60 44) 0.0%, rgb(128 60 44) 2.13%, rgb(175 95 77) 4.26%, rgb(174 93 75) 6.38%, rgb(166 89 71) 8.51%, rgb(163 87 69) 10.64%, rgb(162 86 70) 12.77%, rgb(159 84 67) 14.89%, rgb(156 84 67) 17.02%, rgb(151 82 64) 19.15%, rgb(151 81 63) 21.28%, rgb(151 81 63) 23.4%, rgb(153 82 64) 25.53%, rgb(149 80 62) 27.66%, rgb(147 79 62) 29.79%, rgb(144 76 59) 31.91%, rgb(140 73 55) 34.04%, rgb(138 70 55) 36.17%, rgb(136 68 51) 38.3%, rgb(131 65 48) 40.43%, rgb(126 58 43) 42.55%, rgb(123 55 41) 44.68%, rgb(123 57 42) 46.81%, rgb(126 59 42) 48.94%, rgb(130 63 46) 51.06%, rgb(138 66 51) 53.19%, rgb(146 70 53) 55.32%, rgb(152 73 57) 57.45%, rgb(154 74 58) 59.57%, rgb(152 74 57) 61.7%, rgb(150 72 56) 63.83%, rgb(147 71 55) 65.96%, rgb(144 70 55) 68.09%, rgb(141 71 56) 70.21%, rgb(139 70 54) 72.34%, rgb(137 67 53) 74.47%, rgb(134 63 48) 76.6%, rgb(126 59 44) 78.72%, rgb(118 55 40) 80.85%, rgb(113 52 40) 82.98%, rgb(107 49 36) 85.11%, rgb(103 46 34) 87.23%, rgb(103 45 33) 89.36%, rgb(103 45 33) 91.49%, rgb(108 47 35) 93.62%, rgb(114 49 36) 95.74%, rgb(108 50 37) 97.87%, rgb(108 50 37) 100.0%), linear-gradient(180deg, transparent calc(var(--head) - 6px), rgb(110 47 32 / 1) calc(var(--head) - 4px), rgb(110 47 32 / 1) var(--head), rgb(110 47 32 / .5) calc(var(--head) + 5px), transparent calc(var(--head) + 14px)), linear-gradient(180deg, transparent calc(100% - var(--rail) - 14px), rgb(106 51 37 / .5) calc(100% - var(--rail) - 5px), rgb(106 51 37 / 1) calc(100% - var(--rail)), rgb(106 51 37 / 1) calc(100% - var(--rail) + 6px), transparent calc(100% - var(--rail) + 6px)), linear-gradient(90deg, transparent 8%, rgb(255 196 160 / .11) 45%, rgb(255 190 150 / .035) 70%, transparent 92%), linear-gradient(180deg, transparent 14%, rgb(255 205 175 / .09) 30%, transparent 47%, transparent 62%, rgb(255 196 160 / .07) 76%, transparent 90%), linear-gradient(90deg, rgb(78 27 21 / .1) 0, rgb(78 27 21 / .06) 50%, rgb(78 27 21 / .05) 100%), linear-gradient(180deg, rgb(40 11 9 / .22) 0, rgb(40 11 9 / .2) 20%, rgb(40 11 9 / .12) 28%, transparent 37%, transparent 56%, rgb(40 11 9 / .1) 66%, transparent 76%, rgb(40 11 9 / .05) 100%), var(--poc-v); background-size: 3px 100%, 3px 100%, calc(var(--br) - 3px) 100%, calc(var(--br) - 3px) 100%, var(--br) 100%, var(--br) 100%, var(--br) 100%, var(--br) 100%, var(--br) 100%; background-position: 0 0, calc(var(--br) - 3px) 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0; } html[data-f10="1"][data-f9="1"][data-f8="1"][data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-r .vt-grain i:nth-child(4) { background-image: linear-gradient(90deg, rgb(24 6 5 / .5) 0, rgb(24 6 5 / .5) 1px, rgb(24 6 5 / .14) 1px, rgb(24 6 5 / .14) 2px, transparent 3px), linear-gradient(180deg, rgb(127 59 43) 0.0%, rgb(127 59 43) 2.13%, rgb(173 93 75) 4.26%, rgb(171 91 72) 6.38%, rgb(166 87 70) 8.51%, rgb(163 85 69) 10.64%, rgb(160 84 68) 12.77%, rgb(157 83 66) 14.89%, rgb(155 82 65) 17.02%, rgb(151 81 63) 19.15%, rgb(150 79 61) 21.28%, rgb(150 79 62) 23.4%, rgb(150 78 61) 25.53%, rgb(145 76 59) 27.66%, rgb(144 76 59) 29.79%, rgb(141 73 56) 31.91%, rgb(137 69 52) 34.04%, rgb(135 67 51) 36.17%, rgb(133 65 48) 38.3%, rgb(128 60 45) 40.43%, rgb(122 55 39) 42.55%, rgb(118 51 38) 44.68%, rgb(118 51 37) 46.81%, rgb(121 54 38) 48.94%, rgb(124 55 40) 51.06%, rgb(131 60 45) 53.19%, rgb(138 65 50) 55.32%, rgb(145 68 52) 57.45%, rgb(148 69 54) 59.57%, rgb(147 69 53) 61.7%, rgb(147 68 53) 63.83%, rgb(142 68 53) 65.96%, rgb(139 65 51) 68.09%, rgb(136 66 52) 70.21%, rgb(134 66 49) 72.34%, rgb(133 62 49) 74.47%, rgb(129 61 45) 76.6%, rgb(123 55 41) 78.72%, rgb(114 52 38) 80.85%, rgb(109 50 37) 82.98%, rgb(103 46 34) 85.11%, rgb(100 44 32) 87.23%, rgb(100 43 31) 89.36%, rgb(101 43 31) 91.49%, rgb(105 44 33) 93.62%, rgb(109 45 33) 95.74%, rgb(108 50 37) 97.87%, rgb(108 50 37) 100.0%), linear-gradient(180deg, transparent calc(var(--head) - 6px), rgb(110 47 32 / 1) calc(var(--head) - 4px), rgb(110 47 32 / 1) var(--head), rgb(110 47 32 / .5) calc(var(--head) + 5px), transparent calc(var(--head) + 14px)), linear-gradient(180deg, transparent calc(100% - var(--rail) - 14px), rgb(106 51 37 / .5) calc(100% - var(--rail) - 5px), rgb(106 51 37 / 1) calc(100% - var(--rail)), rgb(106 51 37 / 1) calc(100% - var(--rail) + 6px), transparent calc(100% - var(--rail) + 6px)), linear-gradient(90deg, transparent 8%, rgb(255 196 160 / .11) 45%, rgb(255 190 150 / .035) 70%, transparent 92%), linear-gradient(180deg, transparent 14%, rgb(255 205 175 / .09) 30%, transparent 47%, transparent 62%, rgb(255 196 160 / .07) 76%, transparent 90%), linear-gradient(90deg, rgb(78 27 21 / .1) 0, rgb(78 27 21 / .06) 50%, rgb(78 27 21 / .05) 100%), linear-gradient(180deg, rgb(40 11 9 / .22) 0, rgb(40 11 9 / .2) 20%, rgb(40 11 9 / .12) 28%, transparent 37%, transparent 56%, rgb(40 11 9 / .1) 66%, transparent 76%, rgb(40 11 9 / .05) 100%), var(--poc-v); background-size: 3px 100%, 3px 100%, calc(var(--bl) - 3px) 100%, calc(var(--bl) - 3px) 100%, var(--bl) 100%, var(--bl) 100%, var(--bl) 100%, var(--bl) 100%, var(--bl) 100%; background-position: 0 0, calc(var(--bl) - 3px) 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0; } /* rive haute : les 2 px du haut (liseré pâle) prennent la couleur de la rangée voisine, un peu assombrie */ html[data-f10="1"][data-f9="1"][data-f8="1"][data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-l .vt-grain i:nth-child(1) { background-image: linear-gradient(270deg, rgb(24 6 5 / .6) 0, rgb(24 6 5 / .6) 1px, rgb(24 6 5 / .16) 1px, rgb(24 6 5 / .16) 2px, transparent 3px), linear-gradient(90deg, rgb(234 159 129) 0.0%, rgb(217 122 99) 5.0%, rgb(180 95 76) 10.0%, rgb(161 86 71) 15.0%, rgb(146 79 61) 20.0%, rgb(147 80 62) 25.0%, rgb(156 81 64) 30.0%, rgb(166 84 64) 35.0%, rgb(179 92 73) 40.0%, rgb(153 74 58) 45.0%, rgb(99 44 33) 50.0%, rgb(98 40 28) 55.0%, rgb(88 36 26) 60.0%, rgb(84 33 21) 65.0%, rgb(89 37 26) 70.0%, rgb(100 47 37) 75.0%, rgb(96 42 33) 80.0%, rgb(110 48 37) 85.0%, rgb(125 58 45) 90.0%, rgb(115 49 39) 95.0%, rgb(94 39 28) 100.0%), linear-gradient(180deg, transparent calc(var(--head) - 3px), rgb(40 11 9 / .22) var(--head)), linear-gradient(90deg, rgb(208 160 148) 0.0%, rgb(213 112 89) 5.0%, rgb(195 101 82) 10.0%, rgb(171 91 72) 15.0%, rgb(155 82 64) 20.0%, rgb(155 84 65) 25.0%, rgb(166 86 65) 30.0%, rgb(173 89 69) 35.0%, rgb(168 80 62) 40.0%, rgb(133 61 47) 45.0%, rgb(100 43 29) 50.0%, rgb(95 39 26) 55.0%, rgb(87 35 24) 60.0%, rgb(88 35 25) 65.0%, rgb(100 47 35) 70.0%, rgb(113 59 46) 75.0%, rgb(114 54 42) 80.0%, rgb(129 60 47) 85.0%, rgb(145 67 51) 90.0%, rgb(121 54 42) 95.0%, rgb(189 142 131) 100.0%), linear-gradient(90deg, transparent 0, transparent 30%, rgb(105 42 32 / .5) 100%), linear-gradient(90deg, rgb(255 196 160 / 0) 8%, rgb(255 196 160 / .17) 27%, rgb(255 196 160 / .05) 40%, transparent 47%, transparent 53%, rgb(40 11 9 / .12) 68%, rgb(255 190 155 / .07) 86%, transparent 100%), var(--poc-h); background-size: 3px 100%, 200% 2px, 100% var(--head), 200% 3px, 200% 2px, 200% var(--head), 200% var(--head); background-position: 100% 0, 0 0, 0 0, 0 calc(var(--head) - 3px), 0 0, 0 0, 0 0; } html[data-f10="1"][data-f9="1"][data-f8="1"][data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-r .vt-grain i:nth-child(1) { background-image: linear-gradient(90deg, rgb(24 6 5 / .5) 0, rgb(24 6 5 / .5) 1px, rgb(24 6 5 / .14) 1px, rgb(24 6 5 / .14) 2px, transparent 3px), linear-gradient(90deg, rgb(234 159 129) 0.0%, rgb(217 122 99) 5.0%, rgb(180 95 76) 10.0%, rgb(161 86 71) 15.0%, rgb(146 79 61) 20.0%, rgb(147 80 62) 25.0%, rgb(156 81 64) 30.0%, rgb(166 84 64) 35.0%, rgb(179 92 73) 40.0%, rgb(153 74 58) 45.0%, rgb(99 44 33) 50.0%, rgb(98 40 28) 55.0%, rgb(88 36 26) 60.0%, rgb(84 33 21) 65.0%, rgb(89 37 26) 70.0%, rgb(100 47 37) 75.0%, rgb(96 42 33) 80.0%, rgb(110 48 37) 85.0%, rgb(125 58 45) 90.0%, rgb(115 49 39) 95.0%, rgb(94 39 28) 100.0%), linear-gradient(180deg, transparent calc(var(--head) - 3px), rgb(40 11 9 / .22) var(--head)), linear-gradient(90deg, rgb(208 160 148) 0.0%, rgb(213 112 89) 5.0%, rgb(195 101 82) 10.0%, rgb(171 91 72) 15.0%, rgb(155 82 64) 20.0%, rgb(155 84 65) 25.0%, rgb(166 86 65) 30.0%, rgb(173 89 69) 35.0%, rgb(168 80 62) 40.0%, rgb(133 61 47) 45.0%, rgb(100 43 29) 50.0%, rgb(95 39 26) 55.0%, rgb(87 35 24) 60.0%, rgb(88 35 25) 65.0%, rgb(100 47 35) 70.0%, rgb(113 59 46) 75.0%, rgb(114 54 42) 80.0%, rgb(129 60 47) 85.0%, rgb(145 67 51) 90.0%, rgb(121 54 42) 95.0%, rgb(189 142 131) 100.0%), linear-gradient(90deg, transparent 0, transparent 30%, rgb(105 42 32 / .5) 100%), linear-gradient(90deg, rgb(255 196 160 / 0) 8%, rgb(255 196 160 / .17) 27%, rgb(255 196 160 / .05) 40%, transparent 47%, transparent 53%, rgb(40 11 9 / .12) 68%, rgb(255 190 155 / .07) 86%, transparent 100%), var(--poc-h); background-size: 3px 100%, 200% 2px, 100% var(--head), 200% 3px, 200% 2px, 200% var(--head), 200% var(--head); background-position: 0 0, 100% 0, 0 0, 100% calc(var(--head) - 3px), 100% 0, 100% 0, 100% 0; } /* angle bas-gauche : le bout gauche de la traverse basse (très clair) est assombri sur ~120 px pour rejoindre le ton du montant ; onglet inchangé */ html[data-f10="1"][data-f9="1"][data-f8="1"][data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-l .vt-grain i:nth-child(3) { background-image: linear-gradient(270deg, rgb(24 6 5 / .6) 0, rgb(24 6 5 / .6) 1px, rgb(24 6 5 / .16) 1px, rgb(24 6 5 / .16) 2px, transparent 3px), linear-gradient(90deg, rgb(120 30 22 / .34) 0, rgb(120 30 22 / .18) 40px, rgb(120 30 22 / .05) 90px, transparent 130px), linear-gradient(90deg, rgb(186 108 96) 0.0%, rgb(161 93 75) 5.0%, rgb(154 77 65) 10.0%, rgb(135 66 53) 15.0%, rgb(123 59 45) 20.0%, rgb(115 55 41) 25.0%, rgb(131 60 48) 30.0%, rgb(149 69 54) 35.0%, rgb(166 82 65) 40.0%, rgb(149 74 58) 45.0%, rgb(96 46 33) 50.0%, rgb(105 48 35) 55.0%, rgb(99 48 35) 60.0%, rgb(93 46 31) 65.0%, rgb(102 47 33) 70.0%, rgb(99 42 30) 75.0%, rgb(90 36 28) 80.0%, rgb(104 44 33) 85.0%, rgb(110 44 34) 90.0%, rgb(98 40 33) 95.0%, rgb(186 108 97) 100.0%), linear-gradient(180deg, rgb(24 6 5 / .3) 0, rgb(24 6 5 / .16) 2px, rgb(24 6 5 / .06) 5px, transparent 8px), linear-gradient(90deg, rgb(40 11 9 / .38) 0, rgb(40 11 9 / .22) 12%, rgb(40 11 9 / .1) 36%, rgb(40 11 9 / .1) 50%, rgb(40 11 9 / .04) 75%, rgb(40 11 9 / .1) 100%), linear-gradient(90deg, rgb(40 11 9 / .1) 0, transparent 24%, rgb(255 196 160 / .09) 60%, transparent 76%, rgb(40 11 9 / .1) 100%), var(--poc-h); background-size: 3px 100%, 100% var(--rail), 200% 2px, 100% 8px, 200% var(--rail), 200% var(--rail), 200% var(--rail); background-position: 100% 0, 0 100%, 0 calc(100% - var(--rail) + 2px), 0 calc(100% - var(--rail) + 8px), 0 100%, 0 100%, 0 100%; } } /* ===== FINITION-CADRE-11 — arête claire du haut, modelé des montants centraux, trait central résiduel (desktop). Désactivable : ?f11=0 (retour à la passe 10) ===== Causes identifiées (capture annotée + sondes de pixels à 1920×990 et 1440×900) 1 « Ligne jaune claire de bout en bout » en haut : l'arête claire de 1 px (rangée 18, (195,109,87) contre une face à (150,80,62) ; plus contrastée à droite, face plus sombre) de l'image `horizontal.webp`, au bas des deux traverses hautes. Remplacée par la couleur de la face (rangées 18-21), avec le même léger assombrissement vers le verre. 2 Montants centraux trop mats : reflets satinés (SATIN_X/SATIN_Y) un peu plus présents, voile LUM2 allégé. Sans trait. 3 Petite ligne parasite au centre : liseré clair de l'image (colonne ~3-4 px de la jonction) qui subsistait contre le filet central. Colonnes 3-5 recouvertes par une bande de la couleur du corps du montant (échantillonnée). Les liserés intérieurs verticaux (montants) et bas (traverse basse) n'ont plus de ligne lisible depuis la passe 10 (vérifié : colonnes et rangées continues au pixel). */ @media (min-width: 761px) { html[data-f11="1"][data-f10="1"][data-f9="1"][data-f8="1"][data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-nav::before { clip-path: inset(0 0 0 var(--veil-cut, 0px)); } html[data-f11="1"][data-f10="1"][data-f9="1"][data-f8="1"][data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-l .vt-grain i:nth-child(2) { background-image: linear-gradient(90deg, rgb(24 6 5 / .6) 0, rgb(24 6 5 / .6) 1px, rgb(24 6 5 / .16) 1px, rgb(24 6 5 / .16) 2px, transparent 3px), linear-gradient(180deg, transparent calc(var(--head) - 6px), rgb(110 47 32 / 1) calc(var(--head) - 4px), rgb(110 47 32 / 1) var(--head), rgb(110 47 32 / .5) calc(var(--head) + 5px), transparent calc(var(--head) + 14px)), linear-gradient(180deg, transparent calc(100% - var(--rail) - 14px), rgb(106 51 37 / .5) calc(100% - var(--rail) - 5px), rgb(106 51 37 / 1) calc(100% - var(--rail)), rgb(106 51 37 / 1) calc(100% - var(--rail) + 6px), transparent calc(100% - var(--rail) + 6px)), linear-gradient(90deg, transparent 8%, rgb(255 196 160 / .2) 45%, rgb(255 190 150 / .06) 70%, transparent 92%), linear-gradient(180deg, transparent 14%, rgb(255 205 175 / .14) 30%, transparent 47%, transparent 62%, rgb(255 196 160 / .1) 76%, transparent 90%), linear-gradient(90deg, rgb(78 27 21 / .1) 0, rgb(78 27 21 / .06) 50%, rgb(78 27 21 / .05) 100%), linear-gradient(180deg, rgb(40 11 9 / .15) 0, rgb(40 11 9 / .14) 20%, rgb(40 11 9 / .08) 28%, transparent 37%, transparent 56%, rgb(40 11 9 / .07) 66%, transparent 76%, rgb(40 11 9 / .04) 100%), var(--poc-v); background-size: 3px 100%, calc(var(--br) - 3px) 100%, calc(var(--br) - 3px) 100%, var(--br) 100%, var(--br) 100%, var(--br) 100%, var(--br) 100%, var(--br) 100%; background-position: 0 0; } html[data-f11="1"][data-f10="1"][data-f9="1"][data-f8="1"][data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-r .vt-grain i:nth-child(4) { background-image: linear-gradient(90deg, rgb(24 6 5 / .5) 0, rgb(24 6 5 / .5) 1px, rgb(24 6 5 / .14) 1px, rgb(24 6 5 / .14) 2px, transparent 3px), linear-gradient(180deg, transparent calc(var(--head) - 6px), rgb(110 47 32 / 1) calc(var(--head) - 4px), rgb(110 47 32 / 1) var(--head), rgb(110 47 32 / .5) calc(var(--head) + 5px), transparent calc(var(--head) + 14px)), linear-gradient(180deg, transparent calc(100% - var(--rail) - 14px), rgb(106 51 37 / .5) calc(100% - var(--rail) - 5px), rgb(106 51 37 / 1) calc(100% - var(--rail)), rgb(106 51 37 / 1) calc(100% - var(--rail) + 6px), transparent calc(100% - var(--rail) + 6px)), linear-gradient(90deg, transparent 8%, rgb(255 196 160 / .2) 45%, rgb(255 190 150 / .06) 70%, transparent 92%), linear-gradient(180deg, transparent 14%, rgb(255 205 175 / .14) 30%, transparent 47%, transparent 62%, rgb(255 196 160 / .1) 76%, transparent 90%), linear-gradient(90deg, rgb(78 27 21 / .1) 0, rgb(78 27 21 / .06) 50%, rgb(78 27 21 / .05) 100%), linear-gradient(180deg, rgb(40 11 9 / .15) 0, rgb(40 11 9 / .14) 20%, rgb(40 11 9 / .08) 28%, transparent 37%, transparent 56%, rgb(40 11 9 / .07) 66%, transparent 76%, rgb(40 11 9 / .04) 100%), var(--poc-v); background-size: 3px 100%, calc(var(--bl) - 3px) 100%, calc(var(--bl) - 3px) 100%, var(--bl) 100%, var(--bl) 100%, var(--bl) 100%, var(--bl) 100%, var(--bl) 100%; background-position: 0 0; } html[data-f11="1"][data-f10="1"][data-f9="1"][data-f8="1"][data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-l .vt-grain i:nth-child(4) { background-image: linear-gradient(180deg, rgb(175 90 71) 0.0%, rgb(175 90 71) 2.13%, rgb(176 89 71) 4.26%, rgb(173 87 70) 6.38%, rgb(172 87 70) 8.51%, rgb(173 88 70) 10.64%, rgb(169 86 69) 12.77%, rgb(166 84 66) 14.89%, rgb(162 81 64) 17.02%, rgb(156 76 58) 19.15%, rgb(149 71 55) 21.28%, rgb(149 70 53) 23.4%, rgb(143 69 53) 25.53%, rgb(133 65 50) 27.66%, rgb(133 65 49) 29.79%, rgb(130 64 48) 31.91%, rgb(133 66 51) 34.04%, rgb(136 69 54) 36.17%, rgb(131 66 49) 38.3%, rgb(124 59 44) 40.43%, rgb(119 55 41) 42.55%, rgb(118 51 38) 44.68%, rgb(119 55 41) 46.81%, rgb(120 52 40) 48.94%, rgb(125 58 43) 51.06%, rgb(135 60 46) 53.19%, rgb(139 61 46) 55.32%, rgb(145 66 51) 57.45%, rgb(150 70 54) 59.57%, rgb(151 69 53) 61.7%, rgb(150 70 53) 63.83%, rgb(143 62 48) 65.96%, rgb(137 60 45) 68.09%, rgb(132 56 42) 70.21%, rgb(123 51 38) 72.34%, rgb(116 49 35) 74.47%, rgb(110 41 29) 76.6%, rgb(106 38 26) 78.72%, rgb(98 31 21) 80.85%, rgb(91 30 21) 82.98%, rgb(86 29 20) 85.11%, rgb(82 27 19) 87.23%, rgb(82 26 18) 89.36%, rgb(83 28 19) 91.49%, rgb(86 28 20) 93.62%, rgb(90 30 21) 95.74%, rgb(96 31 23) 97.87%, rgb(96 31 23) 100.0%), linear-gradient(180deg, rgb(190 100 80) 0.0%, rgb(190 100 80) 2.13%, rgb(188 96 77) 4.26%, rgb(187 96 77) 6.38%, rgb(186 95 76) 8.51%, rgb(182 93 74) 10.64%, rgb(181 92 73) 12.77%, rgb(178 90 71) 14.89%, rgb(174 87 67) 17.02%, rgb(170 84 65) 19.15%, rgb(166 80 62) 21.28%, rgb(161 78 59) 23.4%, rgb(159 77 58) 25.53%, rgb(153 75 58) 27.66%, rgb(145 69 53) 29.79%, rgb(144 71 54) 31.91%, rgb(145 72 55) 34.04%, rgb(142 72 55) 36.17%, rgb(134 65 47) 38.3%, rgb(131 62 47) 40.43%, rgb(122 56 40) 42.55%, rgb(118 49 36) 44.68%, rgb(115 48 34) 46.81%, rgb(115 46 31) 48.94%, rgb(116 47 33) 51.06%, rgb(120 50 35) 53.19%, rgb(126 54 39) 55.32%, rgb(135 59 44) 57.45%, rgb(143 62 48) 59.57%, rgb(145 62 46) 61.7%, rgb(144 61 46) 63.83%, rgb(141 60 46) 65.96%, rgb(137 58 43) 68.09%, rgb(131 56 42) 70.21%, rgb(122 49 34) 72.34%, rgb(117 43 31) 74.47%, rgb(113 42 30) 76.6%, rgb(109 37 26) 78.72%, rgb(98 34 23) 80.85%, rgb(94 34 24) 82.98%, rgb(87 30 20) 85.11%, rgb(85 30 20) 87.23%, rgb(86 30 19) 89.36%, rgb(87 31 21) 91.49%, rgb(91 32 22) 93.62%, rgb(97 33 23) 95.74%, rgb(101 34 24) 97.87%, rgb(101 34 24) 100.0%), linear-gradient(180deg, rgb(62 21 17 / .26) 0, rgb(62 21 17 / .16) 26px, rgb(62 21 17 / .05) 120px, transparent 200px, transparent calc(100% - 200px), rgb(40 11 9 / .1) 100%), linear-gradient(180deg, transparent 22%, rgb(255 196 165 / .14) 36%, transparent 52%), var(--poc-v); background-size: 2px 100%, 3px 100%, var(--bl) 100%, var(--bl) 100%, var(--bl) 100%; background-position: 0 0, calc(var(--bl) - 3px) 0, 0 0, 0 0, 0 0; } html[data-f11="1"][data-f10="1"][data-f9="1"][data-f8="1"][data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-r .vt-grain i:nth-child(2) { background-image: linear-gradient(180deg, rgb(161 82 65) 0.0%, rgb(161 82 65) 2.13%, rgb(163 82 66) 4.26%, rgb(163 82 66) 6.38%, rgb(164 83 67) 8.51%, rgb(166 85 68) 10.64%, rgb(165 84 67) 12.77%, rgb(164 82 64) 14.89%, rgb(160 80 63) 17.02%, rgb(155 75 58) 19.15%, rgb(149 71 55) 21.28%, rgb(148 68 52) 23.4%, rgb(139 65 49) 25.53%, rgb(127 57 43) 27.66%, rgb(123 55 39) 29.79%, rgb(118 51 36) 31.91%, rgb(118 50 37) 34.04%, rgb(119 51 37) 36.17%, rgb(117 49 35) 38.3%, rgb(111 45 32) 40.43%, rgb(109 42 32) 42.55%, rgb(109 42 30) 44.68%, rgb(114 50 36) 46.81%, rgb(118 49 38) 48.94%, rgb(125 57 42) 51.06%, rgb(135 60 46) 53.19%, rgb(139 61 46) 55.32%, rgb(145 66 51) 57.45%, rgb(150 70 54) 59.57%, rgb(151 69 53) 61.7%, rgb(150 70 53) 63.83%, rgb(143 62 48) 65.96%, rgb(137 60 45) 68.09%, rgb(132 56 42) 70.21%, rgb(123 51 38) 72.34%, rgb(116 49 35) 74.47%, rgb(110 41 29) 76.6%, rgb(106 38 26) 78.72%, rgb(98 31 21) 80.85%, rgb(91 30 21) 82.98%, rgb(86 29 20) 85.11%, rgb(82 28 19) 87.23%, rgb(82 26 18) 89.36%, rgb(83 28 19) 91.49%, rgb(86 28 20) 93.62%, rgb(90 30 21) 95.74%, rgb(96 31 23) 97.87%, rgb(96 31 23) 100.0%), linear-gradient(180deg, rgb(174 91 72) 0.0%, rgb(174 91 72) 2.13%, rgb(175 88 70) 4.26%, rgb(176 90 72) 6.38%, rgb(177 90 72) 8.51%, rgb(176 89 71) 10.64%, rgb(177 89 71) 12.77%, rgb(175 88 70) 14.89%, rgb(172 86 66) 17.02%, rgb(169 84 64) 19.15%, rgb(165 80 62) 21.28%, rgb(160 76 57) 23.4%, rgb(156 73 54) 25.53%, rgb(147 68 51) 27.66%, rgb(135 59 43) 29.79%, rgb(132 57 41) 31.91%, rgb(130 55 40) 34.04%, rgb(124 52 37) 36.17%, rgb(118 47 31) 38.3%, rgb(117 46 34) 40.43%, rgb(110 43 28) 42.55%, rgb(108 39 27) 44.68%, rgb(109 41 28) 46.81%, rgb(111 42 28) 48.94%, rgb(115 46 32) 51.06%, rgb(120 50 35) 53.19%, rgb(126 54 39) 55.32%, rgb(135 59 44) 57.45%, rgb(143 62 48) 59.57%, rgb(145 62 46) 61.7%, rgb(144 61 46) 63.83%, rgb(141 60 46) 65.96%, rgb(137 58 43) 68.09%, rgb(131 56 42) 70.21%, rgb(122 49 34) 72.34%, rgb(117 43 31) 74.47%, rgb(113 42 30) 76.6%, rgb(109 37 26) 78.72%, rgb(98 34 23) 80.85%, rgb(94 34 24) 82.98%, rgb(87 30 20) 85.11%, rgb(85 30 20) 87.23%, rgb(85 30 19) 89.36%, rgb(87 31 21) 91.49%, rgb(91 31 22) 93.62%, rgb(97 33 23) 95.74%, rgb(101 34 24) 97.87%, rgb(101 34 24) 100.0%), linear-gradient(180deg, rgb(62 21 17 / .38) 0, rgb(62 21 17 / .26) 26px, rgb(62 21 17 / .08) 120px, transparent 200px, transparent calc(100% - 200px), rgb(40 11 9 / .1) 100%), var(--poc-v); background-size: 2px 100%, 3px 100%, var(--br) 100%, var(--br) 100%; background-position: 0 0, calc(var(--br) - 3px) 0, 0 0, 0 0; } html[data-f11="1"][data-f10="1"][data-f9="1"][data-f8="1"][data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-l .vt-grain i:nth-child(2) { background-image: linear-gradient(90deg, rgb(24 6 5 / .6) 0, rgb(24 6 5 / .6) 1px, rgb(24 6 5 / .16) 1px, rgb(24 6 5 / .16) 2px, transparent 3px), linear-gradient(180deg, transparent calc(var(--head) - 6px), rgb(110 47 32 / 1) calc(var(--head) - 4px), rgb(110 47 32 / 1) var(--head), rgb(110 47 32 / .5) calc(var(--head) + 5px), transparent calc(var(--head) + 14px)), linear-gradient(180deg, transparent calc(100% - var(--rail) - 14px), rgb(106 51 37 / .5) calc(100% - var(--rail) - 5px), rgb(106 51 37 / 1) calc(100% - var(--rail)), rgb(106 51 37 / 1) calc(100% - var(--rail) + 6px), transparent calc(100% - var(--rail) + 6px)), linear-gradient(180deg, rgb(188 106 85) 0.0%, rgb(188 106 85) 2.13%, rgb(188 106 85) 4.26%, rgb(185 103 82) 6.38%, rgb(180 99 80) 8.51%, rgb(177 97 78) 10.64%, rgb(174 96 77) 12.77%, rgb(172 95 75) 14.89%, rgb(169 94 75) 17.02%, rgb(166 94 73) 19.15%, rgb(164 92 73) 21.28%, rgb(165 93 74) 23.4%, rgb(165 92 73) 25.53%, rgb(161 91 72) 27.66%, rgb(159 91 72) 29.79%, rgb(156 88 69) 31.91%, rgb(150 83 64) 34.04%, rgb(147 81 63) 36.17%, rgb(144 77 58) 38.3%, rgb(139 72 55) 40.43%, rgb(133 66 49) 42.55%, rgb(128 62 47) 44.68%, rgb(127 61 46) 46.81%, rgb(130 63 46) 48.94%, rgb(133 65 48) 51.06%, rgb(139 69 52) 53.19%, rgb(146 74 57) 55.32%, rgb(152 76 59) 57.45%, rgb(156 78 61) 59.57%, rgb(156 78 60) 61.7%, rgb(156 78 61) 63.83%, rgb(153 78 62) 65.96%, rgb(150 76 60) 68.09%, rgb(148 78 62) 70.21%, rgb(146 77 59) 72.34%, rgb(144 74 59) 74.47%, rgb(141 73 56) 76.6%, rgb(135 68 51) 78.72%, rgb(126 64 49) 80.85%, rgb(121 61 47) 82.98%, rgb(115 58 43) 85.11%, rgb(112 55 41) 87.23%, rgb(111 54 41) 89.36%, rgb(111 53 40) 91.49%, rgb(115 54 41) 93.62%, rgb(119 55 41) 95.74%, rgb(119 55 41) 97.87%, rgb(119 55 41) 100.0%), linear-gradient(180deg, rgb(127 60 44) 0.0%, rgb(127 60 44) 2.13%, rgb(184 103 83) 4.26%, rgb(182 101 81) 6.38%, rgb(176 97 78) 8.51%, rgb(173 95 76) 10.64%, rgb(171 94 76) 12.77%, rgb(168 93 74) 14.89%, rgb(166 92 74) 17.02%, rgb(162 91 71) 19.15%, rgb(161 90 71) 21.28%, rgb(162 90 71) 23.4%, rgb(161 89 70) 25.53%, rgb(158 88 69) 27.66%, rgb(157 88 70) 29.79%, rgb(152 84 66) 31.91%, rgb(148 80 62) 34.04%, rgb(144 77 60) 36.17%, rgb(142 75 57) 38.3%, rgb(137 70 53) 40.43%, rgb(132 64 48) 42.55%, rgb(128 60 46) 44.68%, rgb(127 60 45) 46.81%, rgb(130 64 47) 48.94%, rgb(134 66 48) 51.06%, rgb(140 69 53) 53.19%, rgb(147 74 57) 55.32%, rgb(155 77 60) 57.45%, rgb(157 78 61) 59.57%, rgb(155 77 60) 61.7%, rgb(155 77 60) 63.83%, rgb(152 77 60) 65.96%, rgb(148 75 59) 68.09%, rgb(146 77 61) 70.21%, rgb(145 77 60) 72.34%, rgb(143 73 59) 74.47%, rgb(140 72 55) 76.6%, rgb(134 66 50) 78.72%, rgb(125 62 47) 80.85%, rgb(119 60 46) 82.98%, rgb(114 56 42) 85.11%, rgb(110 54 40) 87.23%, rgb(110 53 40) 89.36%, rgb(110 52 39) 91.49%, rgb(114 53 41) 93.62%, rgb(119 55 41) 95.74%, rgb(109 52 38) 97.87%, rgb(109 52 38) 100.0%), linear-gradient(90deg, transparent 8%, rgb(255 196 160 / .2) 45%, rgb(255 190 150 / .06) 70%, transparent 92%), linear-gradient(180deg, transparent 14%, rgb(255 205 175 / .14) 30%, transparent 47%, transparent 62%, rgb(255 196 160 / .1) 76%, transparent 90%), linear-gradient(90deg, rgb(78 27 21 / .1) 0, rgb(78 27 21 / .06) 50%, rgb(78 27 21 / .05) 100%), linear-gradient(180deg, rgb(40 11 9 / .15) 0, rgb(40 11 9 / .14) 20%, rgb(40 11 9 / .08) 28%, transparent 37%, transparent 56%, rgb(40 11 9 / .07) 66%, transparent 76%, rgb(40 11 9 / .04) 100%), var(--poc-v); background-size: 3px 100%, calc(var(--br) - 3px) 100%, calc(var(--br) - 3px) 100%, 3px 100%, 3px 100%, var(--br) 100%, var(--br) 100%, var(--br) 100%, var(--br) 100%, var(--br) 100%; background-position: 0 0, 0 0, 0 0, 3px 0, calc(var(--br) - 3px) 0, 0 0, 0 0, 0 0, 0 0, 0 0; } html[data-f11="1"][data-f10="1"][data-f9="1"][data-f8="1"][data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-r .vt-grain i:nth-child(4) { background-image: linear-gradient(90deg, rgb(24 6 5 / .5) 0, rgb(24 6 5 / .5) 1px, rgb(24 6 5 / .14) 1px, rgb(24 6 5 / .14) 2px, transparent 3px), linear-gradient(180deg, transparent calc(var(--head) - 6px), rgb(110 47 32 / 1) calc(var(--head) - 4px), rgb(110 47 32 / 1) var(--head), rgb(110 47 32 / .5) calc(var(--head) + 5px), transparent calc(var(--head) + 14px)), linear-gradient(180deg, transparent calc(100% - var(--rail) - 14px), rgb(106 51 37 / .5) calc(100% - var(--rail) - 5px), rgb(106 51 37 / 1) calc(100% - var(--rail)), rgb(106 51 37 / 1) calc(100% - var(--rail) + 6px), transparent calc(100% - var(--rail) + 6px)), linear-gradient(180deg, rgb(185 101 81) 0.0%, rgb(185 101 81) 2.13%, rgb(185 101 81) 4.26%, rgb(182 98 78) 6.38%, rgb(177 95 77) 8.51%, rgb(173 92 75) 10.64%, rgb(171 91 73) 12.77%, rgb(167 89 71) 14.89%, rgb(165 89 71) 17.02%, rgb(163 89 70) 19.15%, rgb(161 87 69) 21.28%, rgb(161 88 69) 23.4%, rgb(160 87 68) 25.53%, rgb(157 87 68) 27.66%, rgb(156 87 69) 29.79%, rgb(152 83 66) 31.91%, rgb(145 78 59) 34.04%, rgb(144 76 59) 36.17%, rgb(139 71 54) 38.3%, rgb(134 66 50) 40.43%, rgb(127 61 44) 42.55%, rgb(122 56 42) 44.68%, rgb(119 52 38) 46.81%, rgb(122 54 38) 48.94%, rgb(125 56 41) 51.06%, rgb(130 61 45) 53.19%, rgb(137 67 51) 55.32%, rgb(144 69 53) 57.45%, rgb(149 71 56) 59.57%, rgb(147 69 53) 61.7%, rgb(149 71 55) 63.83%, rgb(146 72 56) 65.96%, rgb(142 69 54) 68.09%, rgb(140 70 55) 70.21%, rgb(138 70 52) 72.34%, rgb(138 68 53) 74.47%, rgb(134 67 49) 76.6%, rgb(129 62 47) 78.72%, rgb(119 58 43) 80.85%, rgb(113 55 41) 82.98%, rgb(107 50 37) 85.11%, rgb(105 49 35) 87.23%, rgb(103 46 34) 89.36%, rgb(104 47 34) 91.49%, rgb(108 47 36) 93.62%, rgb(111 47 35) 95.74%, rgb(111 47 35) 97.87%, rgb(111 47 35) 100.0%), linear-gradient(180deg, rgb(131 62 46) 0.0%, rgb(131 62 46) 2.13%, rgb(188 105 85) 4.26%, rgb(185 103 82) 6.38%, rgb(180 99 80) 8.51%, rgb(177 97 78) 10.64%, rgb(174 96 77) 12.77%, rgb(172 95 75) 14.89%, rgb(169 94 75) 17.02%, rgb(166 93 73) 19.15%, rgb(164 92 72) 21.28%, rgb(165 93 74) 23.4%, rgb(164 92 73) 25.53%, rgb(160 91 71) 27.66%, rgb(159 91 72) 29.79%, rgb(155 87 69) 31.91%, rgb(150 83 64) 34.04%, rgb(147 80 62) 36.17%, rgb(144 77 58) 38.3%, rgb(139 71 55) 40.43%, rgb(133 66 49) 42.55%, rgb(128 61 47) 44.68%, rgb(127 61 45) 46.81%, rgb(130 63 46) 48.94%, rgb(133 64 48) 51.06%, rgb(139 69 52) 53.19%, rgb(146 74 57) 55.32%, rgb(152 76 59) 57.45%, rgb(156 78 61) 59.57%, rgb(156 78 60) 61.7%, rgb(156 78 61) 63.83%, rgb(153 78 61) 65.96%, rgb(149 76 59) 68.09%, rgb(147 78 61) 70.21%, rgb(146 77 59) 72.34%, rgb(144 74 59) 74.47%, rgb(141 73 55) 76.6%, rgb(135 67 52) 78.72%, rgb(126 64 48) 80.85%, rgb(120 61 47) 82.98%, rgb(115 57 43) 85.11%, rgb(112 55 41) 87.23%, rgb(111 53 40) 89.36%, rgb(111 53 40) 91.49%, rgb(115 54 41) 93.62%, rgb(119 55 41) 95.74%, rgb(109 52 38) 97.87%, rgb(109 52 38) 100.0%), linear-gradient(90deg, transparent 8%, rgb(255 196 160 / .2) 45%, rgb(255 190 150 / .06) 70%, transparent 92%), linear-gradient(180deg, transparent 14%, rgb(255 205 175 / .14) 30%, transparent 47%, transparent 62%, rgb(255 196 160 / .1) 76%, transparent 90%), linear-gradient(90deg, rgb(78 27 21 / .1) 0, rgb(78 27 21 / .06) 50%, rgb(78 27 21 / .05) 100%), linear-gradient(180deg, rgb(40 11 9 / .15) 0, rgb(40 11 9 / .14) 20%, rgb(40 11 9 / .08) 28%, transparent 37%, transparent 56%, rgb(40 11 9 / .07) 66%, transparent 76%, rgb(40 11 9 / .04) 100%), var(--poc-v); background-size: 3px 100%, calc(var(--bl) - 3px) 100%, calc(var(--bl) - 3px) 100%, 3px 100%, 3px 100%, var(--bl) 100%, var(--bl) 100%, var(--bl) 100%, var(--bl) 100%, var(--bl) 100%; background-position: 0 0, 0 0, 0 0, 3px 0, calc(var(--bl) - 3px) 0, 0 0, 0 0, 0 0, 0 0, 0 0; } /* rive haute : les 2 px du haut (liseré pâle) prennent la couleur de la rangée voisine, un peu assombrie */ html[data-f11="1"][data-f10="1"][data-f9="1"][data-f8="1"][data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-l .vt-grain i:nth-child(1) { background-image: linear-gradient(270deg, rgb(24 6 5 / .6) 0, rgb(24 6 5 / .6) 1px, rgb(24 6 5 / .16) 1px, rgb(24 6 5 / .16) 2px, transparent 3px), linear-gradient(90deg, rgb(234 159 129) 0.0%, rgb(217 122 99) 5.0%, rgb(180 95 76) 10.0%, rgb(161 86 71) 15.0%, rgb(146 79 61) 20.0%, rgb(147 80 62) 25.0%, rgb(156 81 64) 30.0%, rgb(166 84 64) 35.0%, rgb(179 92 73) 40.0%, rgb(153 74 58) 45.0%, rgb(99 44 33) 50.0%, rgb(98 40 28) 55.0%, rgb(88 36 26) 60.0%, rgb(84 33 21) 65.0%, rgb(89 37 26) 70.0%, rgb(100 47 37) 75.0%, rgb(96 42 33) 80.0%, rgb(110 48 37) 85.0%, rgb(125 58 45) 90.0%, rgb(115 49 39) 95.0%, rgb(94 39 28) 100.0%), linear-gradient(180deg, transparent calc(var(--head) - 3px), rgb(40 11 9 / .22) var(--head)), linear-gradient(90deg, rgb(221 118 94) 0.0%, rgb(203 105 84) 5.0%, rgb(186 99 80) 10.0%, rgb(166 88 70) 15.0%, rgb(152 79 61) 20.0%, rgb(160 87 68) 25.0%, rgb(169 87 68) 30.0%, rgb(175 89 70) 35.0%, rgb(166 79 60) 40.0%, rgb(131 60 47) 45.0%, rgb(99 42 28) 50.0%, rgb(96 39 27) 55.0%, rgb(88 35 24) 60.0%, rgb(87 34 24) 65.0%, rgb(95 43 30) 70.0%, rgb(113 59 47) 75.0%, rgb(113 56 42) 80.0%, rgb(124 58 44) 85.0%, rgb(143 65 50) 90.0%, rgb(133 60 46) 95.0%, rgb(97 41 28) 100.0%), linear-gradient(90deg, transparent 0, transparent 30%, rgb(105 42 32 / .5) 100%), linear-gradient(90deg, rgb(255 196 160 / 0) 8%, rgb(255 196 160 / .17) 27%, rgb(255 196 160 / .05) 40%, transparent 47%, transparent 53%, rgb(40 11 9 / .12) 68%, rgb(255 190 155 / .07) 86%, transparent 100%), var(--poc-h); background-size: 3px 100%, 200% 2px, 100% var(--head), 200% 4px, 200% 2px, 200% var(--head), 200% var(--head); background-position: 100% 0, 0 0, 0 0, 0 calc(var(--head) - 4px), 0 0, 0 0, 0 0; } html[data-f11="1"][data-f10="1"][data-f9="1"][data-f8="1"][data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-r .vt-grain i:nth-child(1) { background-image: linear-gradient(90deg, rgb(24 6 5 / .5) 0, rgb(24 6 5 / .5) 1px, rgb(24 6 5 / .14) 1px, rgb(24 6 5 / .14) 2px, transparent 3px), linear-gradient(90deg, rgb(234 159 129) 0.0%, rgb(217 122 99) 5.0%, rgb(180 95 76) 10.0%, rgb(161 86 71) 15.0%, rgb(146 79 61) 20.0%, rgb(147 80 62) 25.0%, rgb(156 81 64) 30.0%, rgb(166 84 64) 35.0%, rgb(179 92 73) 40.0%, rgb(153 74 58) 45.0%, rgb(99 44 33) 50.0%, rgb(98 40 28) 55.0%, rgb(88 36 26) 60.0%, rgb(84 33 21) 65.0%, rgb(89 37 26) 70.0%, rgb(100 47 37) 75.0%, rgb(96 42 33) 80.0%, rgb(110 48 37) 85.0%, rgb(125 58 45) 90.0%, rgb(115 49 39) 95.0%, rgb(94 39 28) 100.0%), linear-gradient(180deg, transparent calc(var(--head) - 3px), rgb(40 11 9 / .22) var(--head)), linear-gradient(90deg, rgb(221 118 94) 0.0%, rgb(203 105 84) 5.0%, rgb(186 99 80) 10.0%, rgb(166 88 70) 15.0%, rgb(152 79 61) 20.0%, rgb(160 87 68) 25.0%, rgb(169 87 68) 30.0%, rgb(175 89 70) 35.0%, rgb(166 79 60) 40.0%, rgb(131 60 47) 45.0%, rgb(99 42 28) 50.0%, rgb(96 39 27) 55.0%, rgb(88 35 24) 60.0%, rgb(87 34 24) 65.0%, rgb(95 43 30) 70.0%, rgb(113 59 47) 75.0%, rgb(113 56 42) 80.0%, rgb(124 58 44) 85.0%, rgb(143 65 50) 90.0%, rgb(133 60 46) 95.0%, rgb(97 41 28) 100.0%), linear-gradient(90deg, transparent 0, transparent 30%, rgb(105 42 32 / .5) 100%), linear-gradient(90deg, rgb(255 196 160 / 0) 8%, rgb(255 196 160 / .17) 27%, rgb(255 196 160 / .05) 40%, transparent 47%, transparent 53%, rgb(40 11 9 / .12) 68%, rgb(255 190 155 / .07) 86%, transparent 100%), var(--poc-h); background-size: 3px 100%, 200% 2px, 100% var(--head), 200% 4px, 200% 2px, 200% var(--head), 200% var(--head); background-position: 0 0, 100% 0, 0 0, 100% calc(var(--head) - 4px), 100% 0, 100% 0, 100% 0; } /* angle bas-gauche : le bout gauche de la traverse basse (très clair) est assombri sur ~120 px pour rejoindre le ton du montant ; onglet inchangé */ html[data-f11="1"][data-f10="1"][data-f9="1"][data-f8="1"][data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-l .vt-grain i:nth-child(3) { background-image: linear-gradient(270deg, rgb(24 6 5 / .6) 0, rgb(24 6 5 / .6) 1px, rgb(24 6 5 / .16) 1px, rgb(24 6 5 / .16) 2px, transparent 3px), linear-gradient(90deg, rgb(120 30 22 / .34) 0, rgb(120 30 22 / .18) 40px, rgb(120 30 22 / .05) 90px, transparent 130px), linear-gradient(90deg, rgb(186 108 96) 0.0%, rgb(161 93 75) 5.0%, rgb(154 77 65) 10.0%, rgb(135 66 53) 15.0%, rgb(123 59 45) 20.0%, rgb(115 55 41) 25.0%, rgb(131 60 48) 30.0%, rgb(149 69 54) 35.0%, rgb(166 82 65) 40.0%, rgb(149 74 58) 45.0%, rgb(96 46 33) 50.0%, rgb(105 48 35) 55.0%, rgb(99 48 35) 60.0%, rgb(93 46 31) 65.0%, rgb(102 47 33) 70.0%, rgb(99 42 30) 75.0%, rgb(90 36 28) 80.0%, rgb(104 44 33) 85.0%, rgb(110 44 34) 90.0%, rgb(98 40 33) 95.0%, rgb(186 108 97) 100.0%), linear-gradient(180deg, rgb(24 6 5 / .3) 0, rgb(24 6 5 / .16) 2px, rgb(24 6 5 / .06) 5px, transparent 8px), linear-gradient(90deg, rgb(40 11 9 / .38) 0, rgb(40 11 9 / .22) 12%, rgb(40 11 9 / .1) 36%, rgb(40 11 9 / .1) 50%, rgb(40 11 9 / .04) 75%, rgb(40 11 9 / .1) 100%), linear-gradient(90deg, rgb(40 11 9 / .1) 0, transparent 24%, rgb(255 196 160 / .09) 60%, transparent 76%, rgb(40 11 9 / .1) 100%), var(--poc-h); background-size: 3px 100%, 100% var(--rail), 200% 2px, 100% 8px, 200% var(--rail), 200% var(--rail), 200% var(--rail); background-position: 100% 0, 0 100%, 0 calc(100% - var(--rail) + 2px), 0 calc(100% - var(--rail) + 8px), 0 100%, 0 100%, 0 100%; } } /* ===== FINITION-CADRE-12 — trois défauts localisés (desktop). Désactivable : ?f12=0 (retour à la passe 11) ===== A Trait clair au sommet du montant gauche du panneau droit : le masque de tête (clip-path) avait un épaulement de 3 px côté verre dont l'arête antialiasée laissait voir la colonne claire peinte dans l'image du montant (`var(--poc-v)`, confirmé en désactivant cette couche : (970,23) passe de (194,106,85) à (149,130,122) = verre). Correction : masque de tête et de pied sur toute la largeur du montant (plus d'épaulement ; les liserés latéraux ont disparu depuis la passe 10), bande côté verre opaque dès le haut du vitrage. B Fine ligne noire le long du bord intérieur des montants extérieurs : le bord sombre peint dans l'image `vertical.webp` se trouve à ~4 px du vitrage, la bande de recouvrement n'en couvrait que 3. Bande portée à 6 px sur les deux montants extérieurs. C Faces des montants centraux trop sombres et uniformes : reflet satiné localisé (deux zones, ~27 % et ~70 % de la hauteur, plateau large côté face, nul contre la rainure), voile LUM2 allégé. La rainure centrale (couche SEAM) reste au-dessus et inchangée. */ @media (min-width: 761px) { html[data-f12="1"][data-f11="1"][data-f10="1"][data-f9="1"][data-f8="1"][data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-l .vt-grain i:nth-child(2) { clip-path: polygon(0 calc(var(--head) - 4px), var(--br) calc(var(--head) - 4px), var(--br) calc(100% - var(--rail) + 6px), 0 calc(100% - var(--rail) + 6px)); background-image: linear-gradient(90deg, rgb(24 6 5 / .6) 0, rgb(24 6 5 / .6) 1px, rgb(24 6 5 / .16) 1px, rgb(24 6 5 / .16) 2px, transparent 3px), linear-gradient(180deg, transparent calc(var(--head) - 6px), rgb(110 47 32 / 1) calc(var(--head) - 4px), rgb(110 47 32 / 1) var(--head), rgb(110 47 32 / .5) calc(var(--head) + 5px), transparent calc(var(--head) + 14px)), linear-gradient(180deg, transparent calc(100% - var(--rail) - 14px), rgb(106 51 37 / .5) calc(100% - var(--rail) - 5px), rgb(106 51 37 / 1) calc(100% - var(--rail)), rgb(106 51 37 / 1) calc(100% - var(--rail) + 6px), transparent calc(100% - var(--rail) + 6px)), linear-gradient(90deg, transparent 12%, rgb(255 198 162 / .24) 40%, rgb(255 198 162 / .24) 64%, rgb(255 190 150 / .07) 84%, transparent 98%), linear-gradient(180deg, transparent 14%, rgb(255 208 178 / .34) 27%, transparent 40%, transparent 60%, rgb(255 200 168 / .24) 70%, transparent 82%), linear-gradient(180deg, rgb(183 94 76 / 0) 0, rgb(183 94 76 / 0) calc(var(--head) - .5px), rgb(183 94 76) calc(var(--head) + .5px), rgb(183 94 76) 3.6%, rgb(183 94 76) 5.57%, rgb(183 94 76) 7.55%, rgb(181 92 74) 9.52%, rgb(172 86 69) 11.5%, rgb(168 84 67) 13.47%, rgb(166 84 67) 15.45%, rgb(162 80 63) 17.42%, rgb(157 78 61) 19.4%, rgb(150 73 56) 21.37%, rgb(147 70 53) 23.34%, rgb(144 66 51) 25.32%, rgb(143 65 50) 27.29%, rgb(135 60 45) 29.27%, rgb(129 56 41) 31.24%, rgb(125 53 39) 33.22%, rgb(122 50 36) 35.19%, rgb(119 49 37) 37.17%, rgb(118 48 34) 39.14%, rgb(115 46 32) 41.11%, rgb(110 40 28) 43.09%, rgb(108 39 27) 45.06%, rgb(110 43 30) 47.04%, rgb(113 46 31) 49.01%, rgb(118 49 35) 50.99%, rgb(126 53 40) 52.96%, rgb(135 57 43) 54.94%, rgb(143 61 47) 56.91%, rgb(146 63 49) 58.89%, rgb(145 63 48) 60.86%, rgb(143 60 46) 62.83%, rgb(139 58 44) 64.81%, rgb(133 55 42) 66.78%, rgb(128 54 42) 68.76%, rgb(123 50 38) 70.73%, rgb(118 45 35) 72.71%, rgb(113 40 29) 74.68%, rgb(106 36 24) 76.66%, rgb(98 33 22) 78.63%, rgb(94 32 23) 80.6%, rgb(89 31 21) 82.58%, rgb(86 30 19) 84.55%, rgb(88 30 21) 86.53%, rgb(89 30 21) 88.5%, rgb(94 33 23) 90.48%, rgb(101 34 24) 92.45%, rgb(101 34 24) 94.43%, rgb(101 34 24) 96.4%, rgb(101 34 24 / 0) 97.2%, rgb(101 34 24 / 0) 100%), linear-gradient(180deg, rgb(183 94 76 / 0) 0, rgb(183 94 76 / 0) calc(var(--head) - .5px), rgb(183 94 76) calc(var(--head) + .5px), rgb(183 94 76) 3.6%, rgb(183 94 76) 5.57%, rgb(183 94 76) 7.55%, rgb(181 92 74) 9.52%, rgb(172 86 69) 11.5%, rgb(168 84 67) 13.47%, rgb(166 84 67) 15.45%, rgb(162 80 63) 17.42%, rgb(157 78 61) 19.4%, rgb(150 73 56) 21.37%, rgb(147 70 53) 23.34%, rgb(144 66 51) 25.32%, rgb(143 65 50) 27.29%, rgb(135 60 45) 29.27%, rgb(129 56 41) 31.24%, rgb(125 53 39) 33.22%, rgb(122 50 36) 35.19%, rgb(119 49 37) 37.17%, rgb(118 48 34) 39.14%, rgb(115 46 32) 41.11%, rgb(110 40 28) 43.09%, rgb(108 39 27) 45.06%, rgb(110 43 30) 47.04%, rgb(113 46 31) 49.01%, rgb(118 49 35) 50.99%, rgb(126 53 40) 52.96%, rgb(135 57 43) 54.94%, rgb(143 61 47) 56.91%, rgb(146 63 49) 58.89%, rgb(145 63 48) 60.86%, rgb(143 60 46) 62.83%, rgb(139 58 44) 64.81%, rgb(133 55 42) 66.78%, rgb(128 54 42) 68.76%, rgb(123 50 38) 70.73%, rgb(118 45 35) 72.71%, rgb(113 40 29) 74.68%, rgb(106 36 24) 76.66%, rgb(98 33 22) 78.63%, rgb(94 32 23) 80.6%, rgb(89 31 21) 82.58%, rgb(86 30 19) 84.55%, rgb(88 30 21) 86.53%, rgb(89 30 21) 88.5%, rgb(94 33 23) 90.48%, rgb(101 34 24) 92.45%, rgb(101 34 24) 94.43%, rgb(101 34 24) 96.4%, rgb(101 34 24 / 0) 97.2%, rgb(101 34 24 / 0) 100%), linear-gradient(90deg, rgb(78 27 21 / .1) 0, rgb(78 27 21 / .06) 50%, rgb(78 27 21 / .05) 100%), linear-gradient(180deg, rgb(40 11 9 / .12) 0, rgb(40 11 9 / .1) 20%, rgb(40 11 9 / .06) 28%, transparent 37%, transparent 56%, rgb(40 11 9 / .05) 66%, transparent 76%, rgb(40 11 9 / .03) 100%), var(--poc-v); background-size: 3px 100%, var(--br) 100%, var(--br) 100%, var(--br) 100%, var(--br) 100%, 3px 100%, 3px 100%, var(--br) 100%, var(--br) 100%, var(--br) 100%; background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 3px 0, calc(var(--br) - 3px) 0, 0 0, 0 0, 0 0; } html[data-f12="1"][data-f11="1"][data-f10="1"][data-f9="1"][data-f8="1"][data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-r .vt-grain i:nth-child(4) { clip-path: polygon(0 calc(var(--head) - 4px), var(--bl) calc(var(--head) - 4px), var(--bl) calc(100% - var(--rail) + 6px), 0 calc(100% - var(--rail) + 6px)); background-image: linear-gradient(90deg, rgb(24 6 5 / .5) 0, rgb(24 6 5 / .5) 1px, rgb(24 6 5 / .14) 1px, rgb(24 6 5 / .14) 2px, transparent 3px), linear-gradient(180deg, transparent calc(var(--head) - 6px), rgb(110 47 32 / 1) calc(var(--head) - 4px), rgb(110 47 32 / 1) var(--head), rgb(110 47 32 / .5) calc(var(--head) + 5px), transparent calc(var(--head) + 14px)), linear-gradient(180deg, transparent calc(100% - var(--rail) - 14px), rgb(106 51 37 / .5) calc(100% - var(--rail) - 5px), rgb(106 51 37 / 1) calc(100% - var(--rail)), rgb(106 51 37 / 1) calc(100% - var(--rail) + 6px), transparent calc(100% - var(--rail) + 6px)), linear-gradient(90deg, transparent 12%, rgb(255 198 162 / .24) 40%, rgb(255 198 162 / .24) 64%, rgb(255 190 150 / .07) 84%, transparent 98%), linear-gradient(180deg, transparent 14%, rgb(255 208 178 / .34) 27%, transparent 40%, transparent 60%, rgb(255 200 168 / .24) 70%, transparent 82%), linear-gradient(180deg, rgb(183 95 76 / 0) 0, rgb(183 95 76 / 0) calc(var(--head) - .5px), rgb(183 95 76) calc(var(--head) + .5px), rgb(183 95 76) 3.6%, rgb(183 95 76) 5.57%, rgb(183 95 76) 7.55%, rgb(180 91 73) 9.52%, rgb(173 87 70) 11.5%, rgb(169 84 68) 13.47%, rgb(166 83 67) 15.45%, rgb(163 81 63) 17.42%, rgb(157 78 61) 19.4%, rgb(152 74 56) 21.37%, rgb(147 70 53) 23.34%, rgb(145 67 51) 25.32%, rgb(141 63 47) 27.29%, rgb(133 57 43) 29.27%, rgb(128 55 40) 31.24%, rgb(124 52 38) 33.22%, rgb(120 49 34) 35.19%, rgb(118 48 35) 37.17%, rgb(117 47 32) 39.14%, rgb(113 43 31) 41.11%, rgb(108 40 26) 43.09%, rgb(106 37 26) 45.06%, rgb(107 40 27) 47.04%, rgb(110 42 29) 49.01%, rgb(114 44 30) 50.99%, rgb(121 50 36) 52.96%, rgb(129 55 41) 54.94%, rgb(137 58 44) 56.91%, rgb(141 60 46) 58.89%, rgb(141 60 45) 60.86%, rgb(141 59 44) 62.83%, rgb(136 57 44) 64.81%, rgb(129 51 39) 66.78%, rgb(124 51 39) 68.76%, rgb(119 48 35) 70.73%, rgb(115 42 33) 72.71%, rgb(109 39 27) 74.68%, rgb(105 34 24) 76.66%, rgb(96 33 22) 78.63%, rgb(92 32 22) 80.6%, rgb(88 30 20) 82.58%, rgb(86 30 20) 84.55%, rgb(88 31 21) 86.53%, rgb(89 31 21) 88.5%, rgb(93 32 23) 90.48%, rgb(98 33 23) 92.45%, rgb(98 33 23) 94.43%, rgb(98 33 23) 96.4%, rgb(98 33 23 / 0) 97.2%, rgb(98 33 23 / 0) 100%), linear-gradient(180deg, rgb(183 95 76 / 0) 0, rgb(183 95 76 / 0) calc(var(--head) - .5px), rgb(183 95 76) calc(var(--head) + .5px), rgb(183 95 76) 3.6%, rgb(183 95 76) 5.57%, rgb(183 95 76) 7.55%, rgb(180 91 73) 9.52%, rgb(173 87 70) 11.5%, rgb(169 84 68) 13.47%, rgb(166 83 67) 15.45%, rgb(163 81 63) 17.42%, rgb(157 78 61) 19.4%, rgb(152 74 56) 21.37%, rgb(147 70 53) 23.34%, rgb(145 67 51) 25.32%, rgb(141 63 47) 27.29%, rgb(133 57 43) 29.27%, rgb(128 55 40) 31.24%, rgb(124 52 38) 33.22%, rgb(120 49 34) 35.19%, rgb(118 48 35) 37.17%, rgb(117 47 32) 39.14%, rgb(113 43 31) 41.11%, rgb(108 40 26) 43.09%, rgb(106 37 26) 45.06%, rgb(107 40 27) 47.04%, rgb(110 42 29) 49.01%, rgb(114 44 30) 50.99%, rgb(121 50 36) 52.96%, rgb(129 55 41) 54.94%, rgb(137 58 44) 56.91%, rgb(141 60 46) 58.89%, rgb(141 60 45) 60.86%, rgb(141 59 44) 62.83%, rgb(136 57 44) 64.81%, rgb(129 51 39) 66.78%, rgb(124 51 39) 68.76%, rgb(119 48 35) 70.73%, rgb(115 42 33) 72.71%, rgb(109 39 27) 74.68%, rgb(105 34 24) 76.66%, rgb(96 33 22) 78.63%, rgb(92 32 22) 80.6%, rgb(88 30 20) 82.58%, rgb(86 30 20) 84.55%, rgb(88 31 21) 86.53%, rgb(89 31 21) 88.5%, rgb(93 32 23) 90.48%, rgb(98 33 23) 92.45%, rgb(98 33 23) 94.43%, rgb(98 33 23) 96.4%, rgb(98 33 23 / 0) 97.2%, rgb(98 33 23 / 0) 100%), linear-gradient(90deg, rgb(78 27 21 / .1) 0, rgb(78 27 21 / .06) 50%, rgb(78 27 21 / .05) 100%), linear-gradient(180deg, rgb(40 11 9 / .12) 0, rgb(40 11 9 / .1) 20%, rgb(40 11 9 / .06) 28%, transparent 37%, transparent 56%, rgb(40 11 9 / .05) 66%, transparent 76%, rgb(40 11 9 / .03) 100%), var(--poc-v); background-size: 3px 100%, var(--bl) 100%, var(--bl) 100%, var(--bl) 100%, var(--bl) 100%, 3px 100%, 3px 100%, var(--bl) 100%, var(--bl) 100%, var(--bl) 100%; background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 3px 0, calc(var(--bl) - 3px) 0, 0 0, 0 0, 0 0; } html[data-f12="1"][data-f11="1"][data-f10="1"][data-f9="1"][data-f8="1"][data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-l .vt-grain i:nth-child(4) { background-image: linear-gradient(180deg, rgb(175 90 71) 0.0%, rgb(175 90 71) 2.13%, rgb(176 89 71) 4.26%, rgb(173 87 70) 6.38%, rgb(172 87 70) 8.51%, rgb(173 88 70) 10.64%, rgb(169 86 69) 12.77%, rgb(166 84 66) 14.89%, rgb(162 81 64) 17.02%, rgb(156 76 58) 19.15%, rgb(149 71 55) 21.28%, rgb(149 70 53) 23.4%, rgb(143 69 53) 25.53%, rgb(133 65 50) 27.66%, rgb(133 65 49) 29.79%, rgb(130 64 48) 31.91%, rgb(133 66 51) 34.04%, rgb(136 69 54) 36.17%, rgb(131 66 49) 38.3%, rgb(124 59 44) 40.43%, rgb(119 55 41) 42.55%, rgb(118 51 38) 44.68%, rgb(119 55 41) 46.81%, rgb(120 52 40) 48.94%, rgb(125 58 43) 51.06%, rgb(135 60 46) 53.19%, rgb(139 61 46) 55.32%, rgb(145 66 51) 57.45%, rgb(150 70 54) 59.57%, rgb(151 69 53) 61.7%, rgb(150 70 53) 63.83%, rgb(143 62 48) 65.96%, rgb(137 60 45) 68.09%, rgb(132 56 42) 70.21%, rgb(123 51 38) 72.34%, rgb(116 49 35) 74.47%, rgb(110 41 29) 76.6%, rgb(106 38 26) 78.72%, rgb(98 31 21) 80.85%, rgb(91 30 21) 82.98%, rgb(86 29 20) 85.11%, rgb(82 27 19) 87.23%, rgb(82 26 18) 89.36%, rgb(83 28 19) 91.49%, rgb(86 28 20) 93.62%, rgb(90 30 21) 95.74%, rgb(96 31 23) 97.87%, rgb(96 31 23) 100.0%), linear-gradient(180deg, rgb(190 100 80) 0.0%, rgb(190 100 80) 2.13%, rgb(188 96 77) 4.26%, rgb(187 96 77) 6.38%, rgb(186 95 76) 8.51%, rgb(182 93 74) 10.64%, rgb(181 92 73) 12.77%, rgb(178 90 71) 14.89%, rgb(174 87 67) 17.02%, rgb(170 84 65) 19.15%, rgb(166 80 62) 21.28%, rgb(161 78 59) 23.4%, rgb(159 77 58) 25.53%, rgb(153 75 58) 27.66%, rgb(145 69 53) 29.79%, rgb(144 71 54) 31.91%, rgb(145 72 55) 34.04%, rgb(142 72 55) 36.17%, rgb(134 65 47) 38.3%, rgb(131 62 47) 40.43%, rgb(122 56 40) 42.55%, rgb(118 49 36) 44.68%, rgb(115 48 34) 46.81%, rgb(115 46 31) 48.94%, rgb(116 47 33) 51.06%, rgb(120 50 35) 53.19%, rgb(126 54 39) 55.32%, rgb(135 59 44) 57.45%, rgb(143 62 48) 59.57%, rgb(145 62 46) 61.7%, rgb(144 61 46) 63.83%, rgb(141 60 46) 65.96%, rgb(137 58 43) 68.09%, rgb(131 56 42) 70.21%, rgb(122 49 34) 72.34%, rgb(117 43 31) 74.47%, rgb(113 42 30) 76.6%, rgb(109 37 26) 78.72%, rgb(98 34 23) 80.85%, rgb(94 34 24) 82.98%, rgb(87 30 20) 85.11%, rgb(85 30 20) 87.23%, rgb(86 30 19) 89.36%, rgb(87 31 21) 91.49%, rgb(91 32 22) 93.62%, rgb(97 33 23) 95.74%, rgb(101 34 24) 97.87%, rgb(101 34 24) 100.0%), linear-gradient(180deg, rgb(62 21 17 / .26) 0, rgb(62 21 17 / .16) 26px, rgb(62 21 17 / .05) 120px, transparent 200px, transparent calc(100% - 200px), rgb(40 11 9 / .1) 100%), linear-gradient(180deg, transparent 22%, rgb(255 196 165 / .14) 36%, transparent 52%), var(--poc-v); background-size: 2px 100%, 6px 100%, var(--bl) 100%, var(--bl) 100%, var(--bl) 100%; background-position: 0 0, calc(var(--bl) - 6px) 0, 0 0, 0 0, 0 0; } html[data-f12="1"][data-f11="1"][data-f10="1"][data-f9="1"][data-f8="1"][data-f7="1"][data-f4="1"][data-f3="1"][data-f2="1"][data-finition="1"][data-poc="2"] .vt-pane-r .vt-grain i:nth-child(2) { background-image: linear-gradient(180deg, rgb(161 82 65) 0.0%, rgb(161 82 65) 2.13%, rgb(163 82 66) 4.26%, rgb(163 82 66) 6.38%, rgb(164 83 67) 8.51%, rgb(166 85 68) 10.64%, rgb(165 84 67) 12.77%, rgb(164 82 64) 14.89%, rgb(160 80 63) 17.02%, rgb(155 75 58) 19.15%, rgb(149 71 55) 21.28%, rgb(148 68 52) 23.4%, rgb(139 65 49) 25.53%, rgb(127 57 43) 27.66%, rgb(123 55 39) 29.79%, rgb(118 51 36) 31.91%, rgb(118 50 37) 34.04%, rgb(119 51 37) 36.17%, rgb(117 49 35) 38.3%, rgb(111 45 32) 40.43%, rgb(109 42 32) 42.55%, rgb(109 42 30) 44.68%, rgb(114 50 36) 46.81%, rgb(118 49 38) 48.94%, rgb(125 57 42) 51.06%, rgb(135 60 46) 53.19%, rgb(139 61 46) 55.32%, rgb(145 66 51) 57.45%, rgb(150 70 54) 59.57%, rgb(151 69 53) 61.7%, rgb(150 70 53) 63.83%, rgb(143 62 48) 65.96%, rgb(137 60 45) 68.09%, rgb(132 56 42) 70.21%, rgb(123 51 38) 72.34%, rgb(116 49 35) 74.47%, rgb(110 41 29) 76.6%, rgb(106 38 26) 78.72%, rgb(98 31 21) 80.85%, rgb(91 30 21) 82.98%, rgb(86 29 20) 85.11%, rgb(82 28 19) 87.23%, rgb(82 26 18) 89.36%, rgb(83 28 19) 91.49%, rgb(86 28 20) 93.62%, rgb(90 30 21) 95.74%, rgb(96 31 23) 97.87%, rgb(96 31 23) 100.0%), linear-gradient(180deg, rgb(174 91 72) 0.0%, rgb(174 91 72) 2.13%, rgb(175 88 70) 4.26%, rgb(176 90 72) 6.38%, rgb(177 90 72) 8.51%, rgb(176 89 71) 10.64%, rgb(177 89 71) 12.77%, rgb(175 88 70) 14.89%, rgb(172 86 66) 17.02%, rgb(169 84 64) 19.15%, rgb(165 80 62) 21.28%, rgb(160 76 57) 23.4%, rgb(156 73 54) 25.53%, rgb(147 68 51) 27.66%, rgb(135 59 43) 29.79%, rgb(132 57 41) 31.91%, rgb(130 55 40) 34.04%, rgb(124 52 37) 36.17%, rgb(118 47 31) 38.3%, rgb(117 46 34) 40.43%, rgb(110 43 28) 42.55%, rgb(108 39 27) 44.68%, rgb(109 41 28) 46.81%, rgb(111 42 28) 48.94%, rgb(115 46 32) 51.06%, rgb(120 50 35) 53.19%, rgb(126 54 39) 55.32%, rgb(135 59 44) 57.45%, rgb(143 62 48) 59.57%, rgb(145 62 46) 61.7%, rgb(144 61 46) 63.83%, rgb(141 60 46) 65.96%, rgb(137 58 43) 68.09%, rgb(131 56 42) 70.21%, rgb(122 49 34) 72.34%, rgb(117 43 31) 74.47%, rgb(113 42 30) 76.6%, rgb(109 37 26) 78.72%, rgb(98 34 23) 80.85%, rgb(94 34 24) 82.98%, rgb(87 30 20) 85.11%, rgb(85 30 20) 87.23%, rgb(85 30 19) 89.36%, rgb(87 31 21) 91.49%, rgb(91 31 22) 93.62%, rgb(97 33 23) 95.74%, rgb(101 34 24) 97.87%, rgb(101 34 24) 100.0%), linear-gradient(180deg, rgb(62 21 17 / .38) 0, rgb(62 21 17 / .26) 26px, rgb(62 21 17 / .08) 120px, transparent 200px, transparent calc(100% - 200px), rgb(40 11 9 / .1) 100%), var(--poc-v); background-size: 2px 100%, 6px 100%, var(--br) 100%, var(--br) 100%; background-position: 0 0, calc(var(--br) - 6px) 0, 0 0, 0 0; } } /* ===== COMPOSITION-01 — passe A (tirets, logo, « Suivez-nous », réseaux) + passe B (comparatif menu, isolé) ===== Bloc ajouté à la fin ; ?c01=0 restitue FINITION_CADRE_12. Aucune règle de cadre, de matière, de couleur ni de verre ici. */ @font-face { font-family: 'C01 Instrument Serif'; src: url(/assets/composition/InstrumentSerif-Regular.woff2) format('woff2'); font-weight: 400; font-style: normal; font-display: swap; size-adjust: 86%; ascent-override: 107%; descent-override: 33.7%; line-gap-override: 0%; } @font-face { font-family: 'C01 Fraunces'; src: url(/assets/composition/Fraunces-latin-wght.woff2) format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; size-adjust: 88.8%; ascent-override: 103.6%; descent-override: 32.7%; line-gap-override: 0%; } @media (min-width: 761px) { /* A1 — plus de petits traits décoratifs entre les entrées au repos ; le soulignement de .nav-label (survol / focus) est inchangé */ html[data-c01="1"] .vt-nav li + li::before { content: none; } /* A2 — le bloc logo descend d'un seul tenant (le SVG n'est pas touché) */ html[data-c01="1"] .vt-logo { transform: translateY(var(--c01-logo-dy, 8.2vh)); } /* A3 — « Suivez-nous » agrandi d'environ 10 % */ html[data-c01="1"] .vt-social h2 { font-size: clamp(24px, 1.98vw, 33px); margin-bottom: var(--c01-h2-gap, clamp(14px, 1.9vh, 22px)); } /* A4 — groupe « Suivez-nous » + cercles : bas des cercles sur le bas de « Contact » */ html[data-c01="1"] .vt-social { padding-top: var(--c01-social-pt, clamp(14px, 3vh, 34px)); } } /* Passe B — comparatif du menu : seule la famille change (taille, interligne, couleur, grille, états identiques). Actif seulement avec ?nav=b1 ou ?nav=b2 ; A0 = Cormorant Garamond reste le défaut. */ @media (min-width: 761px) { html[data-c01="1"][data-nav="b1"] .vitrine .nav-item { font-family: 'C01 Instrument Serif', Georgia, serif; font-weight: 400; letter-spacing: -.005em; } html[data-c01="1"][data-nav="b2"] .vitrine .nav-item { font-family: 'C01 Fraunces', Georgia, serif; font-weight: 360; letter-spacing: -.005em; } } /* MATIERES-01 : carte de tons sur les couches du cadre (voir finition.js) ; sans ?mat= rien ne change */ html[data-mat] .vt-grain,html[data-mat] .vt-frame-m{filter:url(#mat-f)} /* ACCUEIL-LANG-01 : correction à la dernière couche de finition MATIÈRES-02. */ html[data-finition="1"] .vitrine .lang-bubble, html[data-finition="1"] .vitrine .lang-bubble[aria-current] { width: max(44px, calc(var(--bulle-d) * .72)); border-width: 2px; font-weight: 400; background: transparent; cursor: pointer; } html[data-finition="1"] .vitrine .lang-bubble:hover, html[data-finition="1"] .vitrine .lang-bubble:focus-visible { font-weight: 700; background: transparent; } html[data-finition="1"] .vitrine .lang-bubble[aria-current]::after { display: block; content: ''; position: absolute; inset-inline: 36%; inset-block-end: 16%; height: 1.5px; background: currentColor; } html[data-finition="1"] .vitrine .lang-bubble:focus-visible { outline: 3px solid #000; outline-offset: 4px; } @media (max-width: 760px) { /* STG03A : cercle visible 37 px (-23 %), cible 44 px, lettres et écarts réduits. */ html[data-finition="1"] .vitrine .lang ul { gap:0; } html[data-finition="1"] .vitrine .lang-bubble, html[data-finition="1"] .vitrine .lang-bubble[aria-current] { position:relative; width:44px; height:44px; border:0; font-size:10px; } html[data-finition="1"] .vitrine .lang-bubble::before { content:''; position:absolute; inset:3.5px; border:1.35px solid currentColor; border-radius:50%; pointer-events:none; } } /* Ajustement demandé en revue : même Archivo sur PC/mobile, graisse légèrement renforcée, aucun trait actif. */ html[data-finition="1"] .vitrine .lang-bubble, html[data-finition="1"] .vitrine .lang-bubble[aria-current] { font-family: 'Archivo', Arial, Helvetica, sans-serif; font-style: normal; font-weight: 600; letter-spacing: -.01em; } html[data-finition="1"] .vitrine .lang-bubble:hover, html[data-finition="1"] .vitrine .lang-bubble:focus-visible { font-weight: 700; } html[data-finition="1"] .vitrine .lang-bubble[aria-current]::after { display: none; content: none; } /* MATIERES-04 (local, non integre) : sur mobile le voile de la vitre (.vt-glass, z1) recouvre la bande du cadre fixe .vt-frame-m (z auto) et la grise. On coupe seulement ce voile au-dessus de la bande ; rien d'autre ne change (geometrie, animation, textures). Epaisseur de bande = celle de poc.css (--poc-m). */ @media (max-width:760px){ html[data-poc="2"][data-ouvrant="unique"] .vt-pane-l .vt-glass{--m04-b:clamp(8px,2.6vw,12px);clip-path:inset(var(--m04-b) calc(var(--m04-b) - 3px) var(--m04-b) var(--m04-b))} }