@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Syne:wght@400;600;700;800&display=swap');
.prechargement-images{--hero-essentiel:url('../images/hero-essentiel.webp')}

:root{--papier:#f7f4ef;--blanc:#fff;--encre:#17151a;--accent:#cf2e55;--bleu:#dcebff;--acide:#e8ff5b;--rose:#f5d9e0;--gris:#dedbd5;--max:1440px;--marge:clamp(1.1rem,3.4vw,4.5rem);--titre:'Syne',sans-serif;--texte:'Plus Jakarta Sans',sans-serif;--mono:'IBM Plex Mono',monospace;--hero:url('../images/hero-signature.webp');--mobile:url('../images/hero-mobile.webp');--magasin:url('../images/magasin-large.webp');--mur:url('../images/mur-couleurs.webp');--conseil:url('../images/geste-conseil.webp');--atelier:url('../images/atelier-geste.webp');--equipe1:url('../images/equipe-ines.webp');--equipe2:url('../images/equipe-maya.webp');--p1:url('../images/produit-rouge.webp');--p2:url('../images/produit-rose.webp');--p3:url('../images/produit-bleu.webp');--p4:url('../images/produit-base.webp');--p5:url('../images/produit-gel.webp');--p6:url('../images/produit-finition.webp');--p7:url('../images/produit-lampe.webp');--p8:url('../images/produit-pinceau.webp');--p9:url('../images/produit-capsules.webp');--p10:url('../images/produit-soin.webp');--p11:url('../images/produit-depose.webp');--p12:url('../images/produit-chrome.webp');--detail1:url('../images/detail-pigments.webp');--detail2:url('../images/detail-outils.webp');}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--papier);color:var(--encre);font:400 1rem/1.65 var(--texte);overflow-x:clip}body.menu-ouvert{overflow:hidden}img{display:block;width:100%;height:auto}a{color:inherit;text-decoration:none}button,input{font:inherit}.saut{position:fixed;left:1rem;top:-5rem;z-index:100;background:var(--acide);padding:.8rem 1rem}.saut:focus{top:1rem}.entete{position:absolute;z-index:30;top:0;left:0;width:100%;min-height:112px;padding:0 var(--marge);display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:clamp(1rem,2vw,2.4rem);color:#fff;border-bottom:1px solid #ffffff66;transition:background .3s ease,color .3s ease,min-height .3s ease,border-color .3s ease;backdrop-filter:blur(0)}.entete.compacte{position:fixed;min-height:82px;background:#f7f4eff2;color:var(--encre);border-color:var(--encre);backdrop-filter:blur(14px)}.marque{display:grid;line-height:.85}.marque b{font:800 1.35rem/.85 var(--titre);letter-spacing:-.06em}.marque span{font:600 .57rem/1 var(--mono);letter-spacing:.2em;margin-top:.45rem}.entete nav{display:flex;justify-content:center;align-items:center;gap:clamp(.7rem,1.6vw,1.7rem)}.entete nav a{position:relative;font:600 .67rem/1 var(--mono);text-transform:uppercase;letter-spacing:.05em;padding:.8rem 0;transition:transform .2s ease,color .2s ease}.entete nav a:after{content:'';position:absolute;left:0;bottom:.45rem;width:100%;height:2px;background:var(--acide);transform:scaleX(0);transform-origin:left;transition:transform .25s ease,background .25s ease}.entete nav a:hover{color:var(--acide);transform:translateY(-2px)}.entete.compacte nav a:hover{color:var(--accent)}.entete nav a:hover:after{transform:scaleX(1)}.telephone{display:grid;font:700 .76rem/1.2 var(--mono);transition:transform .2s ease,color .2s ease}.telephone small{font:500 .53rem/1.5 var(--mono);text-transform:uppercase;letter-spacing:.08em}.telephone:hover{transform:translateY(-2px);color:var(--acide)}.action-entete{min-height:44px;padding:.8rem 1rem;border:1px solid currentColor;display:flex;align-items:center;justify-content:center;font:600 .64rem var(--mono);text-transform:uppercase;transition:background .2s ease,color .2s ease,transform .2s ease}.action-entete:hover{background:var(--acide);color:var(--encre);transform:translate(-2px,-2px)}.menu-mobile{display:none}.hero-signature{position:relative;min-height:100vh;min-height:100svh;background:var(--encre);color:#fff;overflow:hidden}.hero-signature picture,.hero-signature picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-signature picture img{object-position:center;animation:approche 22s ease-in-out infinite alternate}.voile-hero{position:absolute;inset:0;background:linear-gradient(90deg,#17151af5 0%,#17151ad9 38%,#17151a40 69%,transparent 100%),linear-gradient(0deg,#17151a99 0%,transparent 35%);mix-blend-mode:multiply}.bloc-hero{position:absolute;z-index:2;left:var(--marge);bottom:clamp(5rem,10vh,8rem);width:min(670px,53vw)}.sur{margin:0 0 1rem;font:600 .67rem/1.2 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.bloc-hero .sur{color:var(--acide)}h1,h2,h3{font-family:var(--titre);letter-spacing:-.055em;line-height:.9;margin:0}h1{font-size:clamp(3.5rem,7.8vw,8.6rem);font-weight:800}h1 em{font-style:normal;color:var(--acide)}.bloc-hero>p:not(.sur){font-size:clamp(1rem,1.4vw,1.22rem);max-width:37rem;margin:1.4rem 0}.actions{display:flex;align-items:center;gap:1.3rem;flex-wrap:wrap}.bouton{min-height:48px;padding:.85rem 1.25rem;border:1px solid currentColor;display:inline-flex;align-items:center;justify-content:center;font:600 .68rem/1 var(--mono);text-transform:uppercase;letter-spacing:.04em;transition:background .2s ease,color .2s ease,transform .2s ease,border-color .2s ease}.bouton.clair{background:var(--acide);border-color:var(--acide);color:var(--encre)}.bouton.sombre{background:var(--encre);border-color:var(--encre);color:#fff}.bouton:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translate(-3px,-3px)}.lien{font:600 .71rem var(--mono);text-transform:uppercase;border-bottom:1px solid currentColor;padding:.5rem 0;transition:color .2s ease,letter-spacing .2s ease}.lien:hover{color:var(--accent);letter-spacing:.05em}.bloc-hero .lien:hover{color:var(--acide)}.recherche-hero{position:absolute;z-index:3;right:var(--marge);bottom:clamp(5rem,10vh,8rem);width:min(420px,34vw);background:var(--papier);color:var(--encre);padding:1.2rem;border-top:5px solid var(--accent)}.recherche-hero label{display:block;font:700 .72rem var(--mono);text-transform:uppercase;margin-bottom:.7rem}.recherche-hero>div{display:grid;grid-template-columns:1fr auto}.recherche-hero input{min-width:0;min-height:50px;border:1px solid var(--encre);background:#fff;padding:.75rem}.recherche-hero button{min-height:50px;border:1px solid var(--encre);background:var(--encre);color:#fff;padding:.65rem .8rem;cursor:pointer;font:600 .63rem var(--mono);text-transform:uppercase;transition:background .2s ease,color .2s ease,transform .2s ease}.recherche-hero button:hover{background:var(--accent);transform:translateY(-2px)}.recherche-hero p{margin:.65rem 0 0;font-size:.75rem}.defilement{position:absolute;z-index:3;right:var(--marge);top:140px;font:500 .58rem var(--mono);text-transform:uppercase;letter-spacing:.14em;writing-mode:vertical-rl;animation:flotte 2s ease-in-out infinite}.essentiel-haut{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.1fr .8fr .8fr 1.3fr;border-left:1px solid var(--encre);border-bottom:1px solid var(--encre)}.essentiel-haut>div{min-height:138px;padding:1.1rem 1.3rem;border-right:1px solid var(--encre);display:flex;flex-direction:column;justify-content:center}.essentiel-haut small{font:500 .57rem var(--mono);text-transform:uppercase;color:#6c6871;margin-bottom:.55rem}.essentiel-haut b,.essentiel-haut a{font:700 1rem/1.2 var(--titre)}.essentiel-haut a{font-size:1.25rem;color:var(--accent)}.essentiel-haut span{font-size:.72rem;margin-top:.35rem}.entree-catalogue{padding:clamp(5rem,9vw,9rem) var(--marge);max-width:var(--max);margin:auto}.entree-catalogue>header{display:grid;grid-template-columns:.8fr 1.1fr 1fr;gap:2rem;align-items:end;margin-bottom:2.4rem}.entree-catalogue>header .sur{grid-column:1/-1}.entree-catalogue h2{font-size:clamp(3.2rem,6vw,7rem)}.entree-catalogue>header p:last-child{margin:0}.filtres{position:sticky;top:82px;z-index:10;background:var(--papier);border:1px solid var(--encre);display:flex;overflow:auto;margin-bottom:1rem}.filtres button{min-height:48px;white-space:nowrap;border:0;border-right:1px solid var(--encre);background:transparent;padding:.7rem 1rem;font:600 .65rem var(--mono);text-transform:uppercase;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.filtres button:hover,.filtres button.actif{background:var(--accent);color:#fff}.filtres button:hover{transform:translateY(-2px)}.grille-produits{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--encre);border-top:1px solid var(--encre);margin-bottom:2rem}.carte-produit{background:var(--blanc);border-right:1px solid var(--encre);border-bottom:1px solid var(--encre);min-width:0;transition:background .25s ease,transform .25s ease}.carte-produit:hover{background:var(--bleu);transform:translateY(-4px)}.carte-produit[hidden]{display:none}.carte-produit figure{position:relative;margin:0;overflow:hidden;background:#f0ede8}.carte-produit figure img{aspect-ratio:1/1;object-fit:cover;filter:saturate(.84);transition:transform .35s ease,filter .35s ease}.carte-produit:hover figure img{transform:scale(1.045);filter:saturate(1.12)}.carte-produit figure span{position:absolute;left:.65rem;top:.65rem;background:var(--acide);padding:.3rem .45rem;font:600 .54rem var(--mono);text-transform:uppercase}.carte-produit>div{padding:1rem;min-height:210px;display:flex;flex-direction:column;align-items:flex-start}.carte-produit small{font:500 .55rem var(--mono);color:#68646c}.carte-produit h3{font-size:1.2rem;line-height:1.03;margin:.5rem 0}.carte-produit p{font-size:.77rem;margin:.3rem 0}.carte-produit strong{margin-top:auto;color:var(--accent);font:700 .92rem var(--mono)}.carte-produit a{width:100%;min-height:40px;margin-top:.7rem;border:1px solid var(--encre);display:flex;align-items:center;justify-content:center;font:600 .59rem var(--mono);text-transform:uppercase;transition:background .2s ease,color .2s ease,transform .2s ease}.carte-produit a:hover{background:var(--encre);color:#fff;transform:translateY(-2px)}.conseiller{background:var(--encre);color:#fff;padding:clamp(5rem,8vw,8rem) var(--marge);display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(3rem,7vw,8rem)}.intro-conseiller{align-self:start;position:sticky;top:130px}.intro-conseiller h2{font-size:clamp(3.5rem,6vw,7rem);margin-bottom:1.5rem}.intro-conseiller>p:not(.sur,.amorce){max-width:34rem}.amorce{color:var(--acide);font:600 .67rem var(--mono);text-transform:uppercase;margin-top:2rem}.outil-teinte{border-top:1px solid #ffffff66}.outil-teinte fieldset{margin:0;padding:1.4rem 0;border:0;border-bottom:1px solid #ffffff66;display:grid;grid-template-columns:1fr repeat(4,auto);gap:.5rem;align-items:center}.outil-teinte legend{float:left;width:100%;font:700 .74rem var(--mono);text-transform:uppercase}.outil-teinte button{min-height:44px;border:1px solid #ffffffaa;background:transparent;color:#fff;padding:.55rem .7rem;cursor:pointer;font:600 .62rem var(--mono);transition:background .2s ease,color .2s ease,transform .2s ease}.outil-teinte button:hover,.outil-teinte button.actif{background:var(--acide);color:var(--encre);transform:translateY(-2px)}.outil-teinte output{display:grid;grid-template-columns:88px 1fr;gap:.5rem 1.2rem;background:var(--papier);color:var(--encre);padding:1.4rem;margin-top:1.5rem}.pastille-resultat{grid-row:1/5;width:88px;height:124px;background:#b5173d;border:1px solid var(--encre);transition:background .35s ease,transform .35s ease}.outil-teinte output:hover .pastille-resultat{transform:rotate(-2deg) scale(1.02)}.outil-teinte output small{font:600 .57rem var(--mono);text-transform:uppercase}.outil-teinte output b{font:700 1.45rem var(--titre)}.outil-teinte output p{margin:0;font-size:.82rem}.outil-teinte output a{font:600 .62rem var(--mono);text-transform:uppercase;border-bottom:1px solid;width:max-content}.preuve{min-height:760px;display:grid;grid-template-columns:1.15fr .85fr;background:var(--bleu)}.preuve figure{margin:0;position:relative;overflow:hidden}.preuve figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.75);transition:transform .8s ease,filter .8s ease}.preuve:hover figure img{transform:scale(1.035);filter:saturate(1)}.preuve figcaption{position:absolute;left:1rem;bottom:1rem;background:var(--papier);padding:.5rem;font:500 .55rem var(--mono)}.preuve>div{padding:clamp(3rem,7vw,7rem);display:flex;flex-direction:column;justify-content:center}.preuve h2{font-size:clamp(3rem,5.3vw,6rem);margin-bottom:1.4rem}.preuve>div p{max-width:37rem}.preuve .lien{margin-top:1rem;width:max-content}.retrait{padding:clamp(5rem,9vw,9rem) var(--marge);max-width:var(--max);margin:auto}.retrait header{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:3rem}.retrait header .sur{grid-column:1/-1}.retrait h2{font-size:clamp(3.2rem,6vw,7rem)}.retrait ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--encre);border-left:1px solid var(--encre)}.retrait li{min-height:310px;padding:1.4rem;border-right:1px solid var(--encre);border-bottom:1px solid var(--encre);display:flex;flex-direction:column;transition:background .25s ease,color .25s ease,transform .25s ease}.retrait li:hover{background:var(--accent);color:#fff;transform:translateY(-5px)}.retrait li span{font:500 .65rem var(--mono)}.retrait li b{font:800 clamp(2rem,4vw,4.5rem)/.9 var(--titre);margin:auto 0 1rem}.retrait li p{margin:0}.mur-teintes{display:grid;grid-template-columns:.72fr 1.28fr;gap:0;align-items:center;background:var(--blanc);padding:clamp(4rem,8vw,8rem) 0 clamp(4rem,8vw,8rem) var(--marge)}.mur-teintes>div{padding-right:clamp(2rem,5vw,6rem)}.mur-teintes h2{font-size:clamp(3.2rem,6vw,7rem);margin-bottom:1.5rem}.image-debord{margin:0;transform:translateX(4vw);border-left:12px solid var(--accent);transition:transform .5s ease}.image-debord:hover{transform:translateX(2vw)}.image-debord img{aspect-ratio:3/2;object-fit:cover}.image-debord figcaption{font:500 .57rem var(--mono);padding:.6rem}.espace-pro{background:var(--accent);color:#fff;padding:clamp(5rem,9vw,9rem) var(--marge);display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(3rem,8vw,9rem)}.espace-pro .sur{color:var(--acide)}.espace-pro h2{font-size:clamp(3.2rem,6vw,7rem);margin-bottom:1.5rem}.espace-pro dl{margin:0;border-top:1px solid #ffffff99}.espace-pro dl div{padding:1.2rem 0;border-bottom:1px solid #ffffff99;display:grid;grid-template-columns:.45fr 1fr;gap:1rem}.espace-pro dt{font:700 1.2rem var(--titre)}.espace-pro dd{margin:0}.atelier{display:grid;grid-template-columns:1.1fr .9fr;min-height:720px}.atelier figure{margin:0;overflow:hidden}.atelier img{height:100%;object-fit:cover;transition:transform .7s ease,filter .7s ease}.atelier:hover img{transform:scale(1.04);filter:contrast(1.08)}.atelier>div{padding:clamp(3rem,7vw,7rem);display:flex;flex-direction:column;justify-content:center}.atelier h2{font-size:clamp(3.2rem,5.7vw,6.5rem);margin-bottom:1.3rem}.atelier .bouton{margin-top:1rem;width:max-content}.avis{background:var(--acide);padding:clamp(6rem,11vw,11rem) var(--marge)}.avis blockquote{font:700 clamp(3rem,6vw,7rem)/.93 var(--titre);letter-spacing:-.05em;margin:1rem 0 4rem;max-width:1250px}.avis>div{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--encre);border-top:1px solid var(--encre)}.avis>div p{margin:0;padding:1rem;border-right:1px solid var(--encre);border-bottom:1px solid var(--encre);display:grid}.avis>div b{font-family:var(--titre)}.avis>div span{font-size:.72rem}.finale{min-height:760px;position:relative;background:var(--encre);color:#fff;display:grid;grid-template-columns:1fr 1fr}.finale>img{height:100%;object-fit:cover;filter:saturate(.8)}.finale>div{padding:clamp(3rem,7vw,7rem);align-self:center}.finale h2{font-size:clamp(3.2rem,5.5vw,6.4rem);margin-bottom:1.4rem}.finale .sur{color:var(--acide)}footer{background:var(--encre);color:#fff;padding:3rem var(--marge);display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:2rem;border-top:1px solid #ffffff33}footer>div{display:flex;flex-direction:column;gap:.5rem}footer>div>b{font:600 .6rem var(--mono);text-transform:uppercase;color:var(--acide);margin-bottom:.5rem}footer a,footer span,footer p{font-size:.75rem}footer a{transition:color .2s ease,transform .2s ease}footer a:hover{color:var(--acide);transform:translateX(3px)}.panier-mobile{display:none}.rv{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.rv.visible{opacity:1;transform:none}

/* Pages intérieures */
.page .entete{position:relative;background:var(--papier);color:var(--encre);border-color:var(--encre)}.titre-page{min-height:480px;padding:clamp(5rem,9vw,9rem) var(--marge);display:grid;grid-template-columns:1fr .8fr;gap:2rem;align-items:end;border-bottom:1px solid var(--encre)}.titre-page h1{font-size:clamp(4rem,9vw,10rem)}.titre-page p{max-width:38rem;font-size:1.1rem}.page-contenu{max-width:var(--max);margin:auto;padding:clamp(4rem,8vw,8rem) var(--marge)}.page-contenu h2{font-size:clamp(2.8rem,5vw,5.5rem);margin-bottom:1.4rem}.page-contenu h3{font-size:clamp(1.5rem,2vw,2.3rem)}.grille-categories{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--encre);border-top:1px solid var(--encre)}.grille-categories article{padding:1.4rem;min-height:260px;border-right:1px solid var(--encre);border-bottom:1px solid var(--encre);display:flex;flex-direction:column;transition:background .2s ease,color .2s ease,transform .2s ease}.grille-categories article:hover{background:var(--accent);color:#fff;transform:translateY(-4px)}.grille-categories small{font:500 .58rem var(--mono)}.grille-categories h2,.grille-categories h3{margin:auto 0 1rem}.grille-categories a{font:600 .62rem var(--mono);text-transform:uppercase}.tableau{width:100%;border-collapse:collapse;border:1px solid var(--encre)}.tableau th,.tableau td{text-align:left;padding:.9rem;border-right:1px solid var(--encre);border-bottom:1px solid var(--encre)}.tableau th{font:600 .62rem var(--mono);text-transform:uppercase;background:var(--bleu)}.appel-page{margin-top:4rem;background:var(--encre);color:#fff;padding:clamp(2rem,5vw,5rem);display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center}.appel-page h2{margin:0}.appel-page .bouton{white-space:nowrap}.duo-page{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,7rem);align-items:center}.duo-page figure{margin:0}.duo-page img{aspect-ratio:3/2;object-fit:cover}.liste-fiches{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--encre);border-left:1px solid var(--encre)}.liste-fiches article{padding:1.4rem;border-right:1px solid var(--encre);border-bottom:1px solid var(--encre);min-height:230px}.liste-fiches span{font:500 .59rem var(--mono);color:var(--accent)}.liste-fiches h3{margin:.8rem 0}.liste-fiches a{font:600 .62rem var(--mono);text-transform:uppercase;border-bottom:1px solid}.nuancier-page{display:grid;grid-template-columns:repeat(8,1fr);border:1px solid var(--encre)}.nuancier-page span{aspect-ratio:1/1;display:flex;align-items:flex-end;padding:.35rem;font:500 .5rem var(--mono);border-right:1px solid var(--encre);border-bottom:1px solid var(--encre);transition:transform .2s ease,filter .2s ease}.nuancier-page span:hover{transform:scale(1.08);filter:contrast(1.1);z-index:2}.profil-pro{background:var(--bleu);padding:2rem;border-left:9px solid var(--accent)}.panneau-panier{display:grid;grid-template-columns:1fr .55fr;gap:2rem}.panneau-panier aside{background:var(--encre);color:#fff;padding:2rem}.panneau-panier aside dl div{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff55;padding:.8rem 0}.agenda{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--encre);border-left:1px solid var(--encre)}.agenda article{padding:1.3rem;min-height:280px;border-right:1px solid var(--encre);border-bottom:1px solid var(--encre)}.agenda time{font:600 .64rem var(--mono);color:var(--accent)}.agenda h3{margin:1rem 0}.mentions{max-width:850px}.mentions h2{font-size:2.2rem;margin-top:3rem}.mentions p,.mentions li{line-height:1.8}

@keyframes approche{from{transform:scale(1)}to{transform:scale(1.065)}}@keyframes flotte{0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}@keyframes entree{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes balayage{from{background-position:0 0}to{background-position:48px 0}}@keyframes pulse-bord{0%,100%{border-color:var(--encre)}50%{border-color:var(--accent)}}@keyframes rotation-lente{to{transform:rotate(360deg)}}@keyframes glisse{from{transform:translateX(0)}to{transform:translateX(-30%)}}@keyframes eclat{0%,100%{filter:saturate(.8)}50%{filter:saturate(1.15)}}

@media(max-width:1120px){.entete{grid-template-columns:auto 1fr auto}.entete nav{display:none}.action-entete{display:none}.menu-mobile{display:block;min-height:44px;border:1px solid currentColor;background:transparent;color:inherit;padding:.7rem}.menu-ouvert .entete nav{position:fixed;inset:82px 0 0;background:var(--papier);color:var(--encre);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:var(--marge);gap:1rem}.menu-ouvert .entete nav a{font:700 1.7rem var(--titre)}.bloc-hero{width:min(620px,70vw)}.recherche-hero{width:38vw}.grille-produits{grid-template-columns:repeat(3,1fr)}.entree-catalogue>header{grid-template-columns:1fr 1fr}.entree-catalogue>header h2{grid-column:1}.entree-catalogue>header p:last-child{grid-column:2}.conseiller{grid-template-columns:1fr}.intro-conseiller{position:relative;top:auto}.outil-teinte fieldset{grid-template-columns:1fr repeat(3,auto)}.preuve{min-height:680px}.mur-teintes{grid-template-columns:1fr 1fr}.espace-pro{grid-template-columns:1fr 1fr}}
@media(max-width:760px){body{font-size:1rem}.entete{min-height:88px;grid-template-columns:1fr auto;padding-inline:.8rem}.entete.compacte{min-height:76px}.telephone{display:none}.marque b{font-size:1.1rem}.hero-signature{min-height:92svh}.hero-signature picture img{object-position:center}.voile-hero{background:linear-gradient(0deg,#17151af5 0%,#17151a99 58%,#17151a22 100%)}.bloc-hero{left:.8rem;right:.8rem;bottom:10.5rem;width:auto}.bloc-hero h1{font-size:clamp(3.5rem,16vw,5.7rem)}.bloc-hero>p:not(.sur){font-size:.9rem;line-height:1.45;margin:.8rem 0}.recherche-hero{left:.8rem;right:.8rem;bottom:1rem;width:auto;padding:.7rem}.recherche-hero label,.recherche-hero p{display:none}.recherche-hero>div{grid-template-columns:1fr auto}.defilement{display:none}.essentiel-haut{grid-template-columns:1fr 1fr}.essentiel-haut>div{min-height:125px}.entree-catalogue{padding:4rem .7rem}.entree-catalogue>header{display:block}.entree-catalogue h2{font-size:3.8rem;margin-bottom:1rem}.filtres{position:relative;top:auto}.grille-produits{grid-template-columns:repeat(2,1fr)}.carte-produit>div{padding:.65rem;min-height:190px}.carte-produit h3{font-size:1rem}.carte-produit p{font-size:.68rem}.conseiller{padding:4rem .8rem}.intro-conseiller h2{font-size:3.8rem}.outil-teinte fieldset{grid-template-columns:1fr 1fr;padding:1rem 0}.outil-teinte legend{grid-column:1/-1;margin-bottom:.6rem}.outil-teinte output{grid-template-columns:62px 1fr;padding:.8rem}.pastille-resultat{width:62px;height:100px}.outil-teinte output b{font-size:1.05rem}.preuve,.atelier,.finale{grid-template-columns:1fr;min-height:auto}.preuve figure{min-height:480px}.preuve>div,.atelier>div,.finale>div{padding:4rem .8rem}.preuve h2,.atelier h2,.finale h2{font-size:3.6rem}.retrait{padding:4rem .8rem}.retrait header{grid-template-columns:1fr}.retrait h2{font-size:3.8rem}.retrait ol{grid-template-columns:1fr}.retrait li{min-height:230px}.mur-teintes{grid-template-columns:1fr;padding:4rem 0 4rem .8rem}.mur-teintes h2{font-size:3.8rem}.image-debord{transform:translateX(0);margin-top:2rem}.espace-pro{grid-template-columns:1fr;padding:4rem .8rem}.espace-pro h2{font-size:3.8rem}.espace-pro dl div{grid-template-columns:1fr}.atelier figure{min-height:460px;order:2}.avis{padding:4rem .8rem}.avis blockquote{font-size:3.2rem}.avis>div{grid-template-columns:1fr}.finale>img{height:460px}.finale>div{order:-1}footer{grid-template-columns:1fr 1fr;padding:3rem .8rem}.panier-mobile{position:fixed;z-index:40;right:.7rem;bottom:.7rem;display:flex;min-height:48px;background:var(--accent);color:#fff;padding:.8rem 1rem;align-items:center;font:600 .65rem var(--mono);text-transform:uppercase}.titre-page{min-height:420px;grid-template-columns:1fr;padding:4rem .8rem}.titre-page h1{font-size:4.2rem}.page-contenu{padding:4rem .8rem}.grille-categories{grid-template-columns:1fr}.duo-page,.panneau-panier{grid-template-columns:1fr}.liste-fiches{grid-template-columns:1fr}.nuancier-page{grid-template-columns:repeat(4,1fr)}.agenda{grid-template-columns:1fr}.appel-page{grid-template-columns:1fr}.tableau{font-size:.72rem}.tableau th,.tableau td{padding:.55rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}

/* États détaillés et continuité des pages */
::selection{background:var(--accent);color:#fff}:focus-visible{outline:3px solid var(--acide);outline-offset:4px}.page main{background:linear-gradient(90deg,transparent calc(50% - .5px),#17151a1a calc(50% - .5px),#17151a1a calc(50% + .5px),transparent calc(50% + .5px));background-size:100% 100%;animation:entree .55s ease both}.page .titre-page:before{content:'NUANCIER PRO';position:absolute;right:var(--marge);top:1rem;font:500 .55rem var(--mono);letter-spacing:.18em;writing-mode:vertical-rl}.titre-page{position:relative;overflow:hidden}.titre-page:after{content:'';position:absolute;left:0;bottom:0;width:28%;height:7px;background:var(--accent);transition:width .55s ease,background .55s ease}.titre-page:hover:after{width:62%;background:var(--acide)}.titre-page>div{position:relative;z-index:1}.titre-page>p{position:relative;z-index:1;border-left:1px solid var(--encre);padding-left:1.2rem}.page-contenu>section+section,.page-contenu>.duo-page+.duo-page{margin-top:clamp(4rem,8vw,9rem);padding-top:clamp(3rem,6vw,6rem);border-top:1px solid var(--encre)}.duo-page figure{position:relative;overflow:hidden;border:1px solid var(--encre)}.duo-page figure:after{content:'IMAGE / NUANCIER PRO';position:absolute;left:.6rem;bottom:.6rem;background:var(--papier);padding:.35rem .5rem;font:500 .5rem var(--mono)}.duo-page figure img{transition:transform .6s ease,filter .6s ease}.duo-page figure:hover img{transform:scale(1.035);filter:saturate(1.08)}.duo-page>div>p{max-width:42rem}.duo-page .actions{margin-top:1.4rem}.liste-fiches article{position:relative;overflow:hidden;transition:background .25s ease,color .25s ease,transform .25s ease}.liste-fiches article:after{content:'';position:absolute;right:-28px;bottom:-28px;width:60px;height:60px;background:var(--acide);transform:rotate(45deg);transition:transform .3s ease,background .3s ease}.liste-fiches article:hover{background:var(--bleu);transform:translateY(-4px)}.liste-fiches article:hover:after{transform:rotate(45deg) scale(1.5);background:var(--accent)}.grille-categories article:nth-child(2),.grille-categories article:nth-child(5){background:var(--rose)}.grille-categories article:nth-child(3){background:var(--acide)}.grille-categories article p{max-width:28rem}.tableau tbody tr{transition:background .2s ease,color .2s ease}.tableau tbody tr:hover{background:var(--acide)}.tableau td:last-child{font-family:var(--mono);font-weight:600}.appel-page{position:relative;overflow:hidden}.appel-page:after{content:'';position:absolute;right:-50px;top:-50px;width:130px;height:130px;border:24px solid var(--accent);border-radius:50%;animation:rotation-lente 12s linear infinite}.appel-page>*,.profil-pro>*{position:relative;z-index:1}.profil-pro{position:relative;overflow:hidden}.profil-pro:after{content:'PRO';position:absolute;right:1rem;bottom:-.2em;font:800 clamp(5rem,12vw,12rem)/.7 var(--titre);color:#ffffffaa}.panneau-panier aside{position:sticky;top:110px;align-self:start}.panneau-panier aside h2{font-size:clamp(3rem,5vw,5.5rem)}.panneau-panier aside .bouton{margin-top:1.5rem;width:100%}.agenda article{position:relative;overflow:hidden;transition:background .25s ease,color .25s ease,transform .25s ease}.agenda article:hover{background:var(--accent);color:#fff;transform:translateY(-5px)}.agenda article:hover time{color:var(--acide)}.agenda article b{position:absolute;left:1.3rem;bottom:1.3rem;font:600 .7rem var(--mono)}.nuancier-page span:nth-child(8n){border-right:0}.nuancier-page span:focus,.nuancier-page span:hover{outline:2px solid var(--encre);outline-offset:-2px}.mentions h2{padding-bottom:.6rem;border-bottom:1px solid var(--encre)}.mentions p{max-width:74ch}.page footer{border-top:8px solid var(--accent)}.page footer .marque{margin-bottom:1rem}@media(max-width:760px){.page main{background:none}.page .titre-page:before{display:none}.titre-page>p{border-left:0;padding-left:0}.page-contenu>.duo-page+.duo-page{margin-top:4rem}.duo-page figure:after{font-size:.46rem}.panneau-panier aside{position:relative;top:auto}.appel-page:after{width:90px;height:90px}.nuancier-page span:nth-child(8n){border-right:1px solid var(--encre)}.nuancier-page span:nth-child(4n){border-right:0}}@media(min-width:761px) and (max-width:980px){.grille-categories{grid-template-columns:repeat(2,1fr)}.nuancier-page{grid-template-columns:repeat(6,1fr)}.agenda{grid-template-columns:repeat(2,1fr)}.agenda article:last-child{grid-column:1/-1}.titre-page h1{font-size:clamp(4rem,8vw,7.5rem)}}
/* Correction Numérisite — les trois cartes « Comment retirer » refusaient de
   rétrécir (min-width:auto implicite des cellules de grille) : la troisième
   sortait du cadre autour de 1440 px et se trouvait coupée. */
.retrait ol>li{min-width:0}
.retrait li p,.retrait li span,.retrait li b{overflow-wrap:break-word}