@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');
:root{--papier:#f7f4ef;--blanc:#fff;--encre:#17151a;--accent:#cf2e55;--bleu:#dcebff;--acide:#e8ff5b;--rose:#f5d9e0;--gris:#dedbd5;--max:1320px;--marge:clamp(1rem,3vw,3.5rem);--titre:'Syne',sans-serif;--texte:'Plus Jakarta Sans',sans-serif;--mono:'IBM Plex Mono',monospace;--hero:url('../images/hero-essentiel.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');--equipe:url('../images/equipe-ines.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-lampe.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}img{display:block;width:100%;height:auto}a{color:inherit;text-decoration:none}button,input{font:inherit}.saut{position:fixed;left:1rem;top:-4rem;z-index:100;background:var(--acide);padding:.8rem}.saut:focus{top:1rem}.barre-info{min-height:34px;padding:.4rem var(--marge);display:flex;justify-content:space-between;gap:1rem;background:var(--encre);color:#fff;font:500 .58rem var(--mono);text-transform:uppercase;letter-spacing:.06em}.barre-info a{color:var(--acide)}.entete{position:relative;z-index:30;min-height:86px;padding:0 var(--marge);display:grid;grid-template-columns:auto 1fr auto;gap:2rem;align-items:center;background:var(--blanc);border-bottom:1px solid var(--encre)}.marque{display:grid;line-height:.85}.marque b{font:800 1.25rem/.85 var(--titre);letter-spacing:-.06em}.marque span{font:600 .55rem var(--mono);letter-spacing:.18em;margin-top:.4rem}.entete nav{display:flex;justify-content:center;gap:clamp(.8rem,2vw,2rem)}.entete nav a{font:600 .64rem var(--mono);text-transform:uppercase;padding:.6rem 0;border-bottom:2px solid transparent;transition:color .2s ease,border-color .2s ease,transform .2s ease}.entete nav a:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.action,.bouton{min-height:46px;border:1px solid var(--encre);background:var(--encre);color:#fff;padding:.75rem 1rem;display:inline-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:hover,.bouton:hover{background:var(--accent);color:#fff;transform:translate(-2px,-2px)}.bouton.inverse{background:var(--acide);border-color:var(--acide);color:var(--encre)}.menu-mobile{display:none}.hero-essentiel{max-width:var(--max);margin:auto;min-height:680px;display:grid;grid-template-columns:.42fr .58fr;border-left:1px solid var(--encre);border-right:1px solid var(--encre);border-bottom:1px solid var(--encre)}.texte-hero{padding:clamp(3rem,6vw,6rem) clamp(1.4rem,4vw,4rem);display:flex;flex-direction:column;justify-content:center;background:var(--bleu)}.sur{margin:0 0 1rem;font:600 .64rem/1.2 var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--accent)}h1,h2,h3{font-family:var(--titre);letter-spacing:-.055em;line-height:.9;margin:0}h1{font-size:clamp(3.5rem,6.5vw,7.5rem);font-weight:800}h1 em{font-style:normal;color:var(--accent)}.texte-hero>p:not(.sur){font-size:1.05rem;margin:1.4rem 0;max-width:35rem}.actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.lien{font:600 .67rem var(--mono);text-transform:uppercase;border-bottom:1px solid;padding:.4rem 0;transition:color .2s ease,letter-spacing .2s ease}.lien:hover{color:var(--accent);letter-spacing:.04em}.mosaique-hero{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;padding:8px;background:var(--encre)}.mosaique-hero img{width:100%;height:100%;object-fit:cover;min-height:0;filter:saturate(.82);transition:filter .4s ease,transform .4s ease}.mosaique-hero img:hover{filter:saturate(1.1);transform:scale(.985)}.mosaique-hero .grand{grid-row:1/3}.essentiel-haut{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.2fr .8fr .8fr 1fr;border-left:1px solid var(--encre);border-bottom:1px solid var(--encre)}.essentiel-haut>div{min-height:128px;padding:1rem;border-right:1px solid var(--encre);display:flex;flex-direction:column;justify-content:center}.essentiel-haut small{font:500 .55rem var(--mono);text-transform:uppercase;color:#68656c;margin-bottom:.5rem}.essentiel-haut b,.essentiel-haut a{font:700 1rem/1.2 var(--titre)}.essentiel-haut a{color:var(--accent);font-size:1.18rem}.categories{padding:clamp(5rem,9vw,9rem) var(--marge);max-width:var(--max);margin:auto}.categories header{display:grid;grid-template-columns:1fr 1.1fr;gap:2rem;margin-bottom:2.5rem}.categories header .sur{grid-column:1/-1}.categories header h2{font-size:clamp(3.2rem,6vw,6.6rem)}.categories header>p:last-child{align-self:end;margin:0}.categories>div{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--encre);border-top:1px solid var(--encre)}.categories article{min-height:270px;padding:1.2rem;border-right:1px solid var(--encre);border-bottom:1px solid var(--encre);display:flex;flex-direction:column;background:var(--blanc);transition:background .22s ease,color .22s ease,transform .22s ease}.categories article:nth-child(2),.categories article:nth-child(6){background:var(--rose)}.categories article:nth-child(4){background:var(--acide)}.categories article:hover{background:var(--accent);color:#fff;transform:translateY(-4px)}.categories article span{font:500 .58rem var(--mono)}.categories article h3{font-size:clamp(1.5rem,2.5vw,2.6rem);margin:auto 0 1rem}.categories article p{font-size:.84rem}.categories article a{font:600 .59rem var(--mono);text-transform:uppercase;margin-top:auto}.tarifs{background:var(--encre);color:#fff;padding:clamp(5rem,8vw,8rem) var(--marge);display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(2rem,6vw,7rem);align-items:center}.tarifs h2{font-size:clamp(3.2rem,5.5vw,6rem);margin-bottom:1.2rem}.tarifs .sur{color:var(--acide)}.tarifs table{width:100%;border-collapse:collapse;border:1px solid #ffffff88}.tarifs th,.tarifs td{text-align:left;padding:1rem;border-right:1px solid #ffffff88;border-bottom:1px solid #ffffff88}.tarifs th{font:600 .58rem var(--mono);text-transform:uppercase;color:var(--acide)}.mur{padding:clamp(5rem,9vw,9rem) 0 clamp(5rem,9vw,9rem) var(--marge);display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(2rem,6vw,7rem);align-items:center}.mur figure{margin:0;transform:translateX(-5vw);border-right:12px solid var(--accent);transition:transform .45s ease}.mur:hover figure{transform:translateX(-2vw)}.mur img{aspect-ratio:3/2;object-fit:cover}.mur figcaption{font:500 .56rem var(--mono);padding:.55rem}.mur>div{padding-right:var(--marge)}.mur h2{font-size:clamp(3.2rem,5.5vw,6rem);margin-bottom:1.4rem}.conseil{display:grid;grid-template-columns:.9fr 1.1fr;background:var(--bleu);min-height:680px}.conseil>div{padding:clamp(3rem,7vw,7rem);display:flex;flex-direction:column;justify-content:center}.conseil h2{font-size:clamp(3.2rem,5.7vw,6rem);margin-bottom:1.5rem}.conseil ol{list-style:none;margin:0 0 1.6rem;padding:0;border-top:1px solid var(--encre)}.conseil li{padding:.8rem 0;border-bottom:1px solid var(--encre);display:grid;grid-template-columns:.45fr 1fr;gap:1rem}.conseil li b{font-family:var(--titre)}.conseil li span{font-size:.82rem}.conseil .bouton{width:max-content}.conseil figure{margin:0;overflow:hidden}.conseil img{height:100%;object-fit:cover;filter:saturate(.75);transition:transform .7s ease,filter .7s ease}.conseil:hover img{transform:scale(1.035);filter:saturate(1)}.boutique{display:grid;grid-template-columns:1fr 1fr;min-height:660px}.boutique>div{padding:clamp(3rem,7vw,7rem);display:flex;flex-direction:column;justify-content:center}.boutique h2{font-size:clamp(3.2rem,5.7vw,6rem);margin-bottom:1.4rem}.boutique .bouton{width:max-content;margin-top:1rem}.boutique figure{margin:0;overflow:hidden}.boutique img{height:100%;object-fit:cover;transition:transform .7s ease,filter .7s ease}.boutique:hover img{transform:scale(1.03);filter:contrast(1.05)}.atelier{display:grid;grid-template-columns:1.15fr .85fr;min-height:640px;background:var(--rose)}.atelier figure{margin:0;overflow:hidden}.atelier img{height:100%;object-fit:cover;filter:saturate(.8);transition:transform .7s ease,filter .7s ease}.atelier:hover img{transform:scale(1.035);filter:saturate(1)}.atelier>div{padding:clamp(3rem,7vw,7rem);display:flex;flex-direction:column;justify-content:center}.atelier h2{font-size:clamp(3.2rem,5.5vw,6rem);margin-bottom:1.4rem}.avis{padding:clamp(5rem,9vw,9rem) var(--marge);max-width:var(--max);margin:auto}.avis>div{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--encre);border-top:1px solid var(--encre)}.avis blockquote{margin:0;padding:1.4rem;border-right:1px solid var(--encre);border-bottom:1px solid var(--encre);font:600 clamp(1.5rem,2.6vw,2.7rem)/1.05 var(--titre);min-height:330px;display:flex;flex-direction:column;justify-content:space-between;transition:background .2s ease,color .2s ease,transform .2s ease}.avis blockquote:hover{background:var(--acide);transform:translateY(-4px)}.avis cite{font:500 .63rem var(--mono);font-style:normal;margin-top:2rem}.finale{background:var(--accent);color:#fff;padding:clamp(6rem,11vw,11rem) var(--marge)}.finale>div{max-width:var(--max);margin:auto}.finale .sur{color:var(--acide)}.finale h2{font-size:clamp(3.7rem,7vw,8rem);max-width:1100px;margin-bottom:1.5rem}.finale p{max-width:720px}.finale .lien:hover{color:var(--acide)}footer{background:var(--encre);color:#fff;padding:3rem var(--marge);display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:2rem}footer>div{display:flex;flex-direction:column;gap:.45rem}footer>div>b{font:600 .59rem var(--mono);text-transform:uppercase;color:var(--acide);margin-bottom:.5rem}footer a,footer span,footer p{font-size:.74rem}footer a{transition:color .2s ease,transform .2s ease}footer a:hover{color:var(--acide);transform:translateX(3px)}.contact-mobile{display:none}.rv{opacity:0;transform:translateY(26px);transition:opacity .65s ease,transform .65s ease}.rv.visible{opacity:1;transform:none}
/* pages */
.page .barre-info{display:flex}.titre-page{min-height:420px;padding:clamp(4rem,8vw,8rem) var(--marge);display:grid;grid-template-columns:1fr .8fr;gap:2rem;align-items:end;border-bottom:1px solid var(--encre);background:var(--bleu)}.titre-page h1{font-size:clamp(4rem,8vw,9rem)}.titre-page p{font-size:1.1rem;max-width:38rem}.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.3rem}.grille-produits{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--encre);border-top:1px solid var(--encre)}.fiche-produit{background:#fff;border-right:1px solid var(--encre);border-bottom:1px solid var(--encre)}.fiche-produit img{aspect-ratio:1/1;object-fit:cover}.fiche-produit div{padding:1rem;min-height:190px;display:flex;flex-direction:column}.fiche-produit h3{font-size:1.2rem;margin:.5rem 0}.fiche-produit small{font:500 .55rem var(--mono)}.fiche-produit strong{margin-top:auto;color:var(--accent);font:700 .9rem var(--mono)}.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-conseils{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--encre);border-left:1px solid var(--encre)}.liste-conseils article{padding:1.4rem;min-height:240px;border-right:1px solid var(--encre);border-bottom:1px solid var(--encre)}.liste-conseils span{font:500 .58rem var(--mono);color:var(--accent)}.liste-conseils h3{font-size:1.8rem;margin:1rem 0}.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 .58rem var(--mono);text-transform:uppercase;background:var(--bleu)}.contact-page{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.contact-page>div{padding:2rem;border:1px solid var(--encre)}.contact-page label{display:block;font:600 .6rem var(--mono);text-transform:uppercase;margin:.8rem 0 .35rem}.contact-page input,.contact-page textarea{width:100%;min-height:48px;border:1px solid var(--encre);background:#fff;padding:.7rem}.contact-page textarea{min-height:140px}.contact-page button{margin-top:1rem}.infos-fortes{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--encre);border-top:1px solid var(--encre)}.infos-fortes article{padding:1.2rem;border-right:1px solid var(--encre);border-bottom:1px solid var(--encre);min-height:200px}.infos-fortes h3{font-size:1.6rem;margin:.8rem 0}
@keyframes entree{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes couleur{0%,100%{filter:saturate(.8)}50%{filter:saturate(1.12)}}@keyframes flotte{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes trait{from{background-position:0 0}to{background-position:32px 0}}@keyframes pulse{0%,100%{border-color:var(--encre)}50%{border-color:var(--accent)}}@keyframes glisse{from{transform:translateX(0)}to{transform:translateX(-20%)}}
@media(max-width:1000px){.entete{grid-template-columns:auto 1fr auto}.entete nav{display:none}.action{justify-self:end}.menu-mobile{display:none}.hero-essentiel{grid-template-columns:1fr 1.15fr}.categories>div{grid-template-columns:repeat(2,1fr)}.tarifs{grid-template-columns:1fr}.mur{grid-template-columns:1fr 1fr}.conseil,.boutique,.atelier{min-height:600px}.grille-produits{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){body{font-size:1rem}.barre-info{justify-content:space-between;padding-inline:.7rem}.barre-info span:nth-child(2){display:none}.entete{min-height:76px;grid-template-columns:1fr auto;padding-inline:.7rem}.action{display:none}.menu-mobile{display:block;min-height:44px;border:1px solid var(--encre);background:transparent;padding:.6rem}.menu-ouvert .entete nav{position:fixed;z-index:50;inset:110px 0 0;background:var(--papier);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:1rem;gap:1rem}.menu-ouvert .entete nav a{font:700 1.6rem var(--titre)}.hero-essentiel{grid-template-columns:1fr;min-height:auto;border-inline:0}.texte-hero{padding:4rem .8rem}.texte-hero h1{font-size:4.2rem}.mosaique-hero{height:480px}.essentiel-haut{grid-template-columns:1fr 1fr;border-left:0}.essentiel-haut>div{min-height:122px}.categories{padding:4rem .7rem}.categories header{display:block}.categories h2{font-size:3.8rem;margin-bottom:1rem}.categories>div{grid-template-columns:1fr}.categories article{min-height:220px}.tarifs{padding:4rem .8rem}.tarifs h2{font-size:3.7rem}.tarifs table{font-size:.72rem}.tarifs th,.tarifs td{padding:.55rem}.mur{grid-template-columns:1fr;padding:4rem 0 4rem .8rem}.mur figure{transform:none;order:2;margin-top:2rem}.mur>div{padding-right:.8rem}.mur h2{font-size:3.7rem}.conseil,.boutique,.atelier{grid-template-columns:1fr;min-height:auto}.conseil>div,.boutique>div,.atelier>div{padding:4rem .8rem}.conseil h2,.boutique h2,.atelier h2{font-size:3.7rem}.conseil figure,.boutique figure,.atelier figure{min-height:440px}.boutique>div{order:-1}.conseil li{grid-template-columns:1fr}.avis{padding:4rem .7rem}.avis>div{grid-template-columns:1fr}.avis blockquote{min-height:230px}.finale{padding:5rem .8rem}.finale h2{font-size:4rem}footer{grid-template-columns:1fr 1fr;padding:3rem .8rem}.contact-mobile{position:fixed;z-index:60;right:.7rem;bottom:.7rem;display:flex;min-height:48px;align-items:center;background:var(--accent);color:#fff;padding:.8rem;font:600 .62rem var(--mono);text-transform:uppercase}.titre-page{grid-template-columns:1fr;min-height:390px;padding:4rem .8rem}.titre-page h1{font-size:4.2rem}.page-contenu{padding:4rem .8rem}.duo-page,.contact-page{grid-template-columns:1fr}.grille-produits,.liste-conseils,.infos-fortes{grid-template-columns:1fr}.page .entete nav{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.rv{opacity:1;transform:none}}

/* Détails de lecture, états et pages secondaires */
::selection{background:var(--accent);color:#fff}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.page main{background-image:linear-gradient(90deg,transparent calc(50% - .5px),#17151a14 calc(50% - .5px),#17151a14 calc(50% + .5px),transparent calc(50% + .5px));animation:entree .5s ease both}.titre-page{position:relative;overflow:hidden}.titre-page:after{content:'';position:absolute;left:0;bottom:0;height:8px;width:34%;background:var(--accent);transition:width .45s ease,background .45s ease}.titre-page:hover:after{width:70%;background:var(--acide)}.titre-page>p{border-left:1px solid var(--encre);padding-left:1.2rem}.page-contenu>.duo-page+.infos-fortes,.page-contenu>.liste-conseils+.duo-page{margin-top:clamp(4rem,8vw,8rem)}.duo-page figure{position:relative;overflow:hidden;border:1px solid var(--encre)}.duo-page figure:after{content:'NUANCIER PRO / LYON';position:absolute;left:.6rem;bottom:.6rem;background:var(--papier);padding:.35rem .5rem;font:500 .5rem var(--mono)}.duo-page 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:43rem}.fiche-produit{position:relative;overflow:hidden;transition:background .24s ease,transform .24s ease}.fiche-produit:hover{background:var(--bleu);transform:translateY(-4px)}.fiche-produit img{filter:saturate(.82);transition:filter .35s ease,transform .35s ease}.fiche-produit:hover img{filter:saturate(1.1);transform:scale(1.04)}.fiche-produit:after{content:'';position:absolute;right:-25px;top:-25px;width:54px;height:54px;background:var(--acide);transform:rotate(45deg);transition:background .25s ease,transform .25s ease}.fiche-produit:hover:after{background:var(--accent);transform:rotate(45deg) scale(1.4)}.liste-conseils article{position:relative;overflow:hidden;transition:background .22s ease,color .22s ease,transform .22s ease}.liste-conseils article:nth-child(2),.liste-conseils article:nth-child(3){background:var(--rose)}.liste-conseils article:hover{background:var(--accent);color:#fff;transform:translateY(-4px)}.liste-conseils article:hover span{color:var(--acide)}.liste-conseils article:after{content:'';position:absolute;right:1rem;top:1rem;width:26px;height:26px;border:1px solid currentColor;border-radius:50%;animation:flotte 2.8s ease-in-out infinite}.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}.infos-fortes article{position:relative;transition:background .22s ease,color .22s ease,transform .22s ease}.infos-fortes article:nth-child(2){background:var(--acide)}.infos-fortes article:hover{background:var(--accent);color:#fff;transform:translateY(-4px)}.infos-fortes small{font:500 .56rem var(--mono);color:var(--accent)}.infos-fortes article:hover small{color:var(--acide)}.contact-page>div{position:relative;overflow:hidden}.contact-page>div:first-child{background:var(--bleu);border-left:9px solid var(--accent)}.contact-page>div:last-child{background:#fff}.contact-page input,.contact-page textarea{transition:border-color .2s ease,background .2s ease,transform .2s ease}.contact-page input:focus,.contact-page textarea:focus{border-color:var(--accent);background:var(--rose);transform:translateY(-2px);outline:0}.contact-page button{cursor:pointer}.page footer{border-top:8px solid var(--accent)}.page footer .marque{margin-bottom:1rem}.page-contenu h2+.tableau{margin-top:1.5rem}.page-contenu .bouton{margin-top:1rem}.barre-info a{transition:color .2s ease,letter-spacing .2s ease}.barre-info a:hover{color:#fff;letter-spacing:.08em}.entete .marque{transition:color .2s ease,transform .2s ease}.entete .marque:hover{color:var(--accent);transform:translateY(-2px)}.contact-mobile{transition:background .2s ease,color .2s ease,transform .2s ease}.contact-mobile:hover{background:var(--acide);color:var(--encre);transform:translateY(-3px)}@media(max-width:760px){.page main{background-image:none}.titre-page>p{border-left:0;padding-left:0}.page-contenu>.liste-conseils+.duo-page{margin-top:4rem}.duo-page figure:after{font-size:.45rem}.contact-page>div{padding:1.2rem}.infos-fortes article{min-height:165px}}@media(min-width:761px) and (max-width:980px){.liste-conseils{grid-template-columns:1fr}.infos-fortes{grid-template-columns:1fr 1fr}.infos-fortes article:last-child{grid-column:1/-1}.titre-page h1{font-size:clamp(4rem,8vw,7rem)}}