@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap");
@font-face{font-family:"Grand Cru";src:url("fonts/grand-cru-light-s.otf") format("opentype");font-style:normal;font-weight:400;font-display:swap}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/font-0.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/font-1.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/font-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Libre Caslon Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/font-3.ttf) format('truetype');
}

:root{--cream:#F7F4EE;--paper:#EEE9DF;--ink:#545454;--rust:#545454;--line:#D7D2C9;--muted:#66645F;--craft:#8A806E}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 'DM Sans',Arial,sans-serif}h1,h2,h3,.wordmark,.serif{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;line-height:1.05}h1{font-size:clamp(3.2rem,5.6vw,6.4rem);letter-spacing:-.035em;margin:20px 0 24px}h2{font-size:clamp(2.5rem,4vw,4.5rem);letter-spacing:-.025em;margin:12px 0 26px}h3{font-size:2rem;margin:20px 0 14px}p{margin:0 0 20px}a{color:inherit;text-decoration:none}a:hover{color:var(--rust)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer}img{display:block;width:100%;object-fit:cover}header{background:var(--cream);border-bottom:1px solid var(--line);position:relative;z-index:20}.head{max-width:1500px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:25px 4.5%;gap:30px}.wordmark{font-size:2.5rem;letter-spacing:.055em;line-height:1}.brand small{display:block;font-size:.65rem;letter-spacing:.21em;text-align:center;margin-top:10px}.nav{display:flex;gap:29px;align-items:center;font-size:.9rem}.nav a[aria-current=page]{color:var(--rust);text-decoration:underline;text-underline-offset:8px}.button{display:inline-flex;align-items:center;justify-content:center;padding:15px 25px;background:var(--rust);border:1px solid var(--rust);color:white;line-height:1.4;font-size:.95rem;transition:background .2s}.button:hover{background:#8A806E;color:white}.button.outline{background:transparent;color:var(--ink);border-color:var(--line)}.button.outline:hover{border-color:var(--rust);color:var(--rust)}.menu-button{display:none;background:none;border:1px solid var(--line);padding:9px 15px}.eyebrow{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--rust);font-weight:600}.hero{display:grid;grid-template-columns:43% 57%;min-height:620px}.hero-copy{padding:65px 11% 55px 10.5%;align-self:center}.hero-copy h1{font-size:clamp(3.4rem,5.3vw,5.7rem)}.hero-copy p{max-width:450px;color:var(--muted)}.hero-photo{position:relative;min-height:620px}.hero-photo img{height:100%;position:absolute;inset:0}.photo-note{position:absolute;bottom:16px;right:20px;background:#faf6efe6;color:var(--muted);font-size:.75rem;padding:5px 10px}.rule{width:45px;height:1px;background:var(--rust);margin:25px 0}.hero-copy .heritage{font-size:.88rem;line-height:1.6;color:var(--ink)}.trust{display:flex;justify-content:center;background:var(--paper);padding:25px 5%;gap:0}.trust span{flex:1;text-align:center;max-width:420px;border-right:1px solid #D7D2C9;font-family:Georgia,serif;font-size:1.1rem}.trust span:last-child{border:0}.trust b{color:var(--rust);margin-right:12px;font-size:1.25rem;font-weight:400}.wrap{max-width:1320px;margin:auto;padding:85px 5%}.center{text-align:center}.intro{max-width:650px;margin:0 auto 42px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.service-card{display:block}.service-card img{height:320px;transition:transform .5s}.image-wrap{overflow:hidden}.service-card:hover img{transform:scale(1.025)}.service-card p{color:var(--muted);font-size:.95rem}.text-link{border-bottom:1px solid var(--rust);padding-bottom:5px;font-size:.9rem;display:inline-block}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split>img{height:560px}.tinted{background:var(--paper)}.number{font:3rem 'Libre Caslon Display',Georgia,serif;color:var(--rust);margin-bottom:15px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.steps h3{font-size:1.8rem}.steps p{color:var(--muted)}.cta{padding:70px 5%;background:#545454;color:var(--cream);text-align:center}.cta p{max-width:600px;margin:0 auto 25px;color:#F7F4EE}.cta .button{background:var(--cream);color:var(--rust);border-color:var(--cream)}footer{padding:60px 5% 25px;background:#EEE9DF}footer .foot{max-width:1320px;margin:auto;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:60px}footer .wordmark{font-size:2.25rem}footer p,footer a{font-size:.9rem}footer ul{list-style:none;padding:0;margin:0}footer li{margin:8px 0}.foot-title{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;margin-bottom:18px}.bottom{max-width:1320px;margin:45px auto 0;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;font-size:.75rem;color:var(--muted)}.crumb{font-size:.8rem;color:var(--muted);margin-bottom:30px}.page-hero{max-width:1320px;margin:auto;padding:55px 5% 65px}.page-hero h1{max-width:950px}.page-hero p{max-width:630px;color:var(--muted);font-size:1.1rem}.detail-hero{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.detail-hero img{height:530px}.detail-hero h1{font-size:clamp(3.2rem,4.7vw,5.5rem)}.list{padding:0;list-style:none}.list li{padding:15px 0;border-bottom:1px solid var(--line)}.list li:before{content:'＋';color:var(--rust);margin-right:12px}.quote{font:clamp(2rem,3vw,3.5rem)/1.2 'Libre Caslon Display',Georgia,serif;max-width:900px;margin:auto;text-align:center}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;border-top:1px solid var(--line);padding-top:30px}.timeline h3{font-size:1.7rem}.timeline p{color:var(--muted)}.faq{max-width:850px;margin:auto}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{font-size:1.1rem;cursor:pointer;line-height:1.45}.faq details p{color:var(--muted);padding-top:15px;margin-bottom:0}.contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:80px}.contact-card{background:var(--paper);padding:35px}.contact-card h3{margin-top:0}.contact-card a{display:block;margin:12px 0}.field{margin-bottom:22px}.field label{display:block;margin-bottom:7px;font-size:.9rem}.field input,.field select,.field textarea{width:100%;padding:13px 15px;border:1px solid #D7D2C9;background:#fffdfa;color:var(--ink);border-radius:0}.field textarea{min-height:145px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.hint{font-size:.8rem;color:var(--muted);margin-top:12px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 35px}.filter{border:1px solid var(--line);padding:10px 18px;background:transparent;color:var(--ink)}.filter[aria-pressed=true]{background:var(--rust);border-color:var(--rust);color:#fff}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.gallery-item{border:0;padding:0;text-align:left;background:transparent;color:var(--ink)}.gallery-item img{height:330px}.gallery-item h3{font-size:1.65rem;margin-bottom:5px}.gallery-item p{font-size:.8rem;color:var(--muted)}.gallery-item[hidden]{display:none}.lightbox{border:0;padding:0;max-width:90vw;width:900px;background:var(--cream);color:var(--ink)}.lightbox::backdrop{background:#241710bb}.lightbox img{max-height:75vh;object-fit:contain}.lightbox .caption{padding:20px}.close{position:absolute;right:12px;top:12px;background:var(--cream);border:0;padding:10px 15px}.two{display:grid;grid-template-columns:1fr 1fr;gap:40px}.wide-image{height:500px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px}.section-top h2{margin-bottom:0}.pro-box{padding:45px;border:1px solid var(--line)}.pro-box h3{margin-top:0}.note{padding:20px 25px;background:var(--paper);border-left:2px solid var(--rust);color:var(--muted)}.process-grid{display:grid;grid-template-columns:110px 1fr;gap:15px 40px}.process-grid .number{padding-top:25px}.process-grid article{border-top:1px solid var(--line);padding:25px 0}.process-grid h3{margin-top:0}.process-grid p{max-width:700px}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}html{scroll-behavior:smooth}.skip{position:absolute;top:-60px;left:20px;background:white;z-index:50;padding:10px}.skip:focus{top:10px}@media(min-width:1600px){.hero{max-width:1600px;margin:auto}.hero-copy{padding-left:17%}}@media(max-width:1050px){.nav{gap:16px}.nav .button{padding:12px}.head{padding:24px 4%}.wordmark{font-size:2.1rem}.hero-copy{padding:45px 8%}.hero,.hero-photo{min-height:550px}.split{gap:40px}.grid,.gallery{gap:20px}.service-card img{height:260px}.contact-grid{gap:35px}}@media(max-width:760px){.head{padding:20px 6%}.brand small{font-size:.6rem}.menu-button{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--cream);padding:25px 6%;border-bottom:1px solid var(--line);align-items:stretch;flex-direction:column;gap:20px}.nav.open{display:flex}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:42px 6%;order:1}.hero-photo{min-height:340px;order:2}.hero-copy h1{font-size:3.5rem;max-width:500px}.hero-copy .heritage{max-width:380px}.trust{padding:22px 4%}.trust span{font-size:.9rem;padding:0 9px;line-height:1.5}.trust b{display:block;margin:0;font-size:1.15rem}.wrap{padding:55px 6%}.grid,.gallery,.steps,.timeline,.split,.detail-hero,.contact-grid,.two{grid-template-columns:1fr}.grid{gap:38px}.service-card img{height:330px}.split{gap:30px}.split>img{height:430px}.timeline{gap:20px}.timeline p{margin-bottom:0}.page-hero{padding:35px 6% 45px}.page-hero h1{font-size:3.4rem}.detail-hero{gap:30px}.detail-hero img{height:370px}.contact-grid{gap:35px}.form-row{grid-template-columns:1fr;gap:0}.contact-card{padding:25px}.gallery{gap:35px}.gallery-item img{height:350px}.section-top{display:block}.section-top a{margin-top:20px}.wide-image{height:340px}footer .foot{grid-template-columns:1fr;gap:35px}.bottom{flex-direction:column;gap:10px}.process-grid{grid-template-columns:50px 1fr;gap:10px 20px}.process-grid .number{font-size:2.5rem}.pro-box{padding:25px}.cta{padding:55px 6%}.photo-note{font-size:.65rem}.two{gap:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Page atelier : vitrine, adresse et plan */
.atelier-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.storefront{margin:0}.storefront-image{position:relative}.storefront-image>img{height:auto;width:100%;object-fit:contain}.storefront-address{position:absolute;left:25px;right:25px;bottom:28px;background:rgba(250,246,239,.97);padding:23px 28px;box-shadow:0 6px 30px #54545415}.storefront-address address{font:1.3rem/1.45 Georgia,serif;margin:8px 0 12px}.storefront figcaption{font-size:.75rem;color:var(--muted);margin-top:8px}.atelier-welcome h1{font-size:clamp(3rem,4.7vw,5.2rem)}.atelier-welcome>p{color:var(--muted)}.atelier-welcome .heritage{color:var(--ink);font-size:.95rem}.atelier-welcome .hint{margin-top:20px}.atelier-location{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center}.location-address{font:1.45rem/1.5 Georgia,serif;margin-bottom:20px}.atelier-map iframe{width:100%;height:520px;border:0;display:block;background:var(--cream)}#plan-atelier{scroll-margin-top:25px}@media(max-width:760px){.atelier-hero,.atelier-location{grid-template-columns:1fr;gap:35px}.atelier-welcome{order:-1}.storefront-address{left:15px;right:15px;bottom:20px;padding:18px 20px}.storefront-address address{font-size:1.1rem}.atelier-map iframe{height:380px}.atelier-welcome h1{font-size:3.5rem}.atelier-intro{padding-bottom:45px}}

/* Blog et article */
.blog-intro{display:grid;grid-template-columns:1fr 1.12fr;gap:60px;align-items:center}.blog-intro h1{font-size:clamp(3rem,4.7vw,5.4rem)}.blog-hero-photo{margin:0}.blog-hero-photo img{height:510px;object-fit:cover}.blog-hero-photo figcaption{font-size:.75rem;color:var(--muted);margin-top:8px}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.blog-card{background:var(--cream);border:1px solid var(--line);display:block}.blog-card-image{overflow:hidden}.blog-card-image img{aspect-ratio:1.12;object-fit:contain;background:#EEE9DF;transition:transform .4s}.blog-card:hover .blog-card-image img{transform:scale(1.015)}.blog-card-body{padding:27px}.blog-card h3{font-size:2rem;margin-top:15px}.blog-card p{color:var(--muted);font-size:.95rem}.blog-card .eyebrow{font-size:.7rem;letter-spacing:.08em}.blog-count{color:var(--muted);font-size:.9rem}.article-meta{display:flex;flex-wrap:wrap;gap:10px 25px;font-size:.85rem;color:var(--muted);margin:20px 0}.blog-article{padding-bottom:70px}.article-heading{max-width:1000px;margin:auto;padding:55px 5% 35px;background:transparent;border:0;position:static;z-index:auto}.article-heading h1{font-size:clamp(3rem,4.8vw,5.4rem)}.article-chapo{font-size:1.2rem;color:var(--muted);line-height:1.65}.article-moodboard{max-width:1120px;margin:0 auto 65px;padding:0 5%}.article-moodboard img{width:100%;height:auto;object-fit:contain}.article-moodboard figcaption{font-size:.8rem;color:var(--muted);margin-top:14px}.article-layout{max-width:1200px;margin:auto;padding:0 5%;display:grid;grid-template-columns:220px minmax(0,1fr);gap:65px;align-items:start}.article-toc{position:sticky;top:30px;border-top:1px solid var(--line);padding-top:20px}.article-toc a{display:block;font-size:.9rem;line-height:1.5;margin:15px 0}.article-prose{max-width:750px;font-size:1.075rem;line-height:1.85}.article-prose>p:first-child{font-size:1.2rem}.article-prose h2{font-size:clamp(2.4rem,3.5vw,3.6rem);line-height:1.1;margin-top:15px}.article-prose section{padding-top:40px;margin-top:20px;border-top:1px solid var(--line);scroll-margin-top:25px}.article-tip{background:var(--paper);border-left:3px solid var(--rust);padding:25px 30px;margin:28px 0;font-size:1rem}.article-tip strong{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--rust)}.article-tip p{margin:12px 0 0}.article-table{overflow:auto;margin:25px 0}.article-table table{border-collapse:collapse;width:100%;font-size:.9rem;line-height:1.6}.article-table caption{text-align:left;color:var(--muted);font-size:.8rem;margin-bottom:12px}.article-table td,.article-table th{text-align:left;border-bottom:1px solid var(--line);padding:15px 14px;vertical-align:top}.article-table th{background:var(--paper);font-weight:600}.article-prose ul{padding-left:24px}.article-prose li{margin-bottom:15px}.article-closing{margin:45px 0;padding:32px;background:var(--paper)}.article-closing h2{font-size:2.8rem;margin-top:0}.article-signature{display:flex;gap:25px;align-items:center;padding:30px 0;border-top:1px solid var(--line)}.article-signature img{width:100px;height:125px;object-fit:cover}.article-signature .serif{font-size:2.3rem}.article-signature p{font-size:.9rem;line-height:1.5;margin:8px 0 14px}.article-note{font-size:.8rem;color:var(--muted)}#articles{scroll-margin-top:25px}@media(max-width:1050px){.head .menu-button{display:block}.head .nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--cream);padding:25px 6%;border-bottom:1px solid var(--line);align-items:stretch;flex-direction:column;gap:20px}.head .nav.open{display:flex}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:180px minmax(0,1fr);gap:35px}.blog-intro{gap:35px}}@media(max-width:760px){.blog-intro,.blog-grid,.article-layout{grid-template-columns:1fr}.blog-intro h1{font-size:3.5rem}.blog-hero-photo img{height:330px}.blog-card-body{padding:24px}.article-heading{padding:35px 6% 20px}.article-heading h1{font-size:3.2rem}.article-moodboard{padding:0 6%;margin-bottom:40px}.article-layout{padding:0 6%;gap:35px}.article-toc{position:static;display:flex;gap:8px 20px;flex-wrap:wrap}.article-toc>.eyebrow{width:100%}.article-toc a{margin:6px 0;font-size:.85rem}.article-prose{font-size:1rem}.article-tip{padding:20px}.article-closing{padding:25px}.article-table td,.article-table th{padding:12px 10px}.article-signature{gap:20px}.article-signature img{width:80px;height:110px}}

/* Rassurance de l’accueil, en écho à l’enseigne de la vitrine */
.home-trust{background:#2d3235;color:#faf6ef;padding:29px 5%}.home-trust ul{max-width:1380px;margin:0 auto;list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.home-trust li{border-right:1px solid #626566;padding:0 24px}.home-trust li:first-child{padding-left:0}.home-trust li:last-child{border:0;padding-right:0}.home-trust a{display:flex;align-items:center;gap:17px;height:100%;color:inherit}.home-trust a:hover{color:#ead0b8}.home-trust svg{width:34px;height:34px;flex-shrink:0}.home-trust strong{display:block;font-size:.94rem;font-weight:500;line-height:1.5;letter-spacing:.02em}.home-trust span{display:block;color:#d3d0ca;font-size:.82rem;line-height:1.5;margin-top:4px}@media(max-width:1050px){.home-trust{padding:25px 5%}.home-trust li{padding:0 15px}.home-trust a{gap:12px}.home-trust svg{width:28px;height:28px}.home-trust strong{font-size:.85rem}}@media(max-width:760px){.home-trust ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 0}.home-trust{padding:28px 6%}.home-trust li:nth-child(odd){padding:0 15px 0 0;border-right:1px solid #626566}.home-trust li:nth-child(even){padding:0 0 0 15px;border:0}.home-trust a{align-items:flex-start;gap:10px}.home-trust strong{font-size:.85rem}.home-trust span{font-size:.8rem}}@media(max-width:370px){.home-trust a{display:block}.home-trust svg{margin-bottom:8px}}

/* V5 : accueil immersif et présentation */
.hero.hero-full{display:block;position:relative;max-width:none;width:100%;min-height:720px;margin:0;isolation:isolate;overflow:hidden;background:#545454}.hero-full .hero-photo{position:absolute;inset:0;min-height:0;z-index:-2}.hero-full .hero-photo img{object-position:center}.hero-full:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(35,35,35,.86) 0%,rgba(35,35,35,.74) 36%,rgba(35,35,35,.2) 75%);z-index:-1}.hero-full .hero-copy{padding:85px 6%;max-width:760px;color:#F7F4EE}.hero-full .hero-copy h1{color:#F7F4EE}.hero-full .hero-copy p,.hero-full .hero-copy .heritage{color:#F7F4EE}.hero-full .eyebrow{color:#F7F4EE}.hero-full .rule{background:#F7F4EE}.hero-full .photo-note{font-size:.7rem}.about-prose{max-width:860px;font-size:1.08rem;line-height:1.85}.about-prose h2{margin-top:55px}.about-prose h2:first-of-type{margin-top:10px}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.button:disabled{opacity:.65;cursor:wait}#form-status[data-state=error]{color:#545454}#form-status[data-state=success]{color:#545454}
@media(max-width:1200px){.head .menu-button{display:block}.head .nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--cream);padding:25px 6%;border-bottom:1px solid var(--line);align-items:stretch;flex-direction:column;gap:20px}.head .nav.open{display:flex}}
@media(max-width:760px){.hero.hero-full{min-height:700px}.hero-full .hero-copy{padding:65px 6% 85px;max-width:100%}.hero-full:after{background:linear-gradient(90deg,rgba(35,35,35,.85),rgba(35,35,35,.62))}.hero-full .hero-photo{min-height:0}.hero-full .hero-copy h1{font-size:clamp(3rem,10vw,4rem)}.hero-full .photo-note{bottom:12px;right:12px}.about-prose{font-size:1rem}}

/* V6 : ouverture photo pleine largeur sur chaque page */
.interior-hero{position:relative;isolation:isolate;overflow:hidden;background:#545454;color:#F7F4EE;width:100%;min-height:590px;display:flex;align-items:center}.interior-hero-photo{position:absolute;inset:0;z-index:-2}.interior-hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--hero-position,center)}.interior-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(35,35,35,.88),rgba(35,35,35,.75) 42%,rgba(35,35,35,.20) 85%)}.interior-hero-copy{width:100%;max-width:1500px;margin:auto;padding:48px 6% 60px}.interior-hero h1{font-size:clamp(3rem,4.8vw,5.6rem);max-width:850px;line-height:1.08}.interior-hero p{font-size:1.1rem;max-width:650px;color:#F7F4EE;line-height:1.65}.interior-hero .eyebrow{color:#F7F4EE}.interior-hero .crumb,.interior-hero .article-meta{color:#f3e4d3}.interior-hero .crumb{margin-bottom:35px}.interior-hero .crumb a:hover{color:#fff}.interior-hero .text-link{color:#F7F4EE;border-color:#F7F4EE}.hero-address{font-style:normal;color:#F7F4EE;margin:0 0 24px;line-height:1.7}.interior-hero .photo-note{z-index:1}.blog-article{padding-top:45px}
/* A fixed frame overrides intrinsic HTML image heights. */
.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;max-width:1120px;margin:auto}.blog-card{display:flex;flex-direction:column;min-width:0}.blog-card-image{aspect-ratio:16/10;width:100%;height:auto;position:relative;overflow:hidden;flex:none;background:#EEE9DF}.blog-card-image img{display:block;position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover}.blog-card-image img[src*="moodboard"]{object-fit:contain}.blog-card-body{flex:1}.blog-card-body .text-link{margin-top:8px}.home-trust{width:100%}
@media(max-width:760px){.interior-hero{min-height:570px}.interior-hero-copy{padding:35px 6% 55px}.interior-hero h1{font-size:clamp(2.55rem,9.5vw,3.8rem);line-height:1.1}.interior-hero p{font-size:1rem}.interior-hero:after{background:linear-gradient(90deg,rgba(35,35,35,.87),rgba(35,35,35,.63))}.interior-hero .crumb{font-size:.75rem;margin-bottom:28px}.interior-hero .article-meta{font-size:.8rem;gap:8px 16px}.interior-hero .photo-note{font-size:.65rem;bottom:10px;right:12px}.blog-grid{grid-template-columns:1fr}.blog-card-image{aspect-ratio:16/10}.blog-article{padding-top:30px}}


/* Atelier linework — a deliberately small, consistent illustration family. */
:root{--cream:#F7F4EE;--paper:#EEE9DF;--ink:#545454;--rust:#545454;--line:#D7D2C9;--muted:#66645F;--craft:#8A806E}
h1{letter-spacing:-.025em}h2{letter-spacing:-.018em}.eyebrow{font-weight:500;letter-spacing:.16em}.nav{font-size:.87rem;letter-spacing:.018em}.button{padding:14px 24px;border-radius:2px;font-size:.9rem;letter-spacing:.015em}.button.outline{border-color:#D7D2C9}.text-link{border-bottom-color:#8A806E;font-size:.88rem}.field input,.field select,.field textarea{border-color:#D7D2C9;background:#fffdfa}.rule{background:#8A806E;width:55px}
.craft-icon{display:inline-block;width:38px;height:38px;flex:none;color:var(--craft);vertical-align:middle}.craft-service-title{display:flex;align-items:center;gap:13px;font-size:1.85rem;line-height:1.18;margin-top:24px}.craft-service-title .craft-icon{width:38px;height:38px}.service-card p{line-height:1.7}.service-card .image-wrap{border:1px solid #D7D2C9}.service-card .text-link{margin-top:3px}.craft-kicker{display:inline-flex;align-items:center;gap:12px;line-height:1.6}.craft-kicker .craft-icon{width:25px;height:25px;color:currentColor}.craft-divider{display:flex;align-items:center;gap:17px;max-width:230px;margin:0 auto 23px;color:#8A806E}.craft-divider:before,.craft-divider:after{content:"";height:1px;background:#D7D2C9;flex:1}.craft-divider .craft-icon{width:30px;height:30px;color:#8A806E}
.home-trust{background:#545454}.home-trust strong{font-size:.89rem;font-weight:500;letter-spacing:.035em}.home-trust span{font-size:.79rem}.home-trust .craft-icon{width:35px;height:35px;color:#F7F4EE}.home-trust li{border-color:#596062}.home-trust a:hover{color:#F7F4EE}.blog-card{border-color:#D7D2C9}.blog-card h3{font-size:1.95rem}.faq summary{font-size:1.02rem}.faq details{border-color:#D7D2C9}
@media(max-width:760px){.craft-service-title{font-size:1.8rem;gap:12px}.craft-service-title .craft-icon{width:34px;height:34px}.craft-kicker{gap:9px}.craft-kicker .craft-icon{width:23px;height:23px}.home-trust strong{font-size:.83rem}.home-trust .craft-icon{width:29px;height:29px}.craft-divider{max-width:190px;margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.service-card img{transition:none}}

/* V8 : 3 articles, mise en page adaptative et crédits photographiques */
.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1320px;gap:25px}.blog-card h3{font-size:clamp(1.65rem,2.1vw,2rem)}.blog-card-body{padding:24px}.article-moodboard figcaption a{color:inherit;text-decoration:underline;text-underline-offset:2px}.article-prose a:not(.button):not(.text-link){text-decoration:underline;text-decoration-color:var(--rust);text-underline-offset:3px}
@media(max-width:1000px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:950px}}
@media(max-width:760px){.blog-grid{grid-template-columns:1fr;max-width:560px}.blog-card h3{font-size:2rem}}

/* V11: palette lin/anthracite, typography, and editorial sections */
body,button,input,select,textarea{font-family:'Open Sans',Arial,sans-serif}
h1,h2,h3,.wordmark,.serif{font-family:'Grand Cru',Georgia,serif;font-weight:400}
.subtitle,.section-subtitle,.eyebrow,.craft-kicker,.hero-copy>p,.interior-hero-copy>p{font-family:'Open Sans',Arial,sans-serif}
blockquote,figcaption,.photo-note,.caption{font-family:'Open Sans',Arial,sans-serif;font-style:italic}
.home-trust{background:#545454;color:#F7F4EE}
.home-trust a,.home-trust strong,.home-trust span{color:#F7F4EE}
.home-trust li{border-color:#797979}
.home-trust .craft-icon{color:#EAE6DE}
.logo-transparent{display:block;object-fit:contain;max-width:100%;height:auto}
.material-note{background:#EEE9DF;border-left:3px solid #8A806E;padding:20px 24px;margin:28px 0}
.v11-section{max-width:1200px;margin:0 auto;padding:72px 24px}
.v11-section h2{margin:0 0 18px}.v11-section>p{max-width:760px}
.v11-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px}
.v11-card{border:1px solid #D7D2C9;background:#fffdfa;padding:26px;min-width:0}
.v11-card h3{font-size:clamp(1.7rem,2.5vw,2.25rem);margin:0 0 12px}
.v11-card p{margin:0 0 15px}.v11-card a{color:#545454;text-decoration:underline;text-underline-offset:4px}
.v11-prose{max-width:800px;margin:0 auto;padding:55px 24px 90px;line-height:1.85}
.v11-prose h2{font-size:clamp(2rem,4vw,3.3rem);margin:40px 0 15px}
.v11-prose h3{font-family:'Open Sans',Arial,sans-serif;font-size:1.3rem;line-height:1.4;margin:28px 0 10px}
.v11-prose p,.v11-prose li{margin-bottom:16px}
.v11-prose a{text-decoration:underline;text-underline-offset:3px}
.v11-prose .lead{font-size:1.12rem}
@media(max-width:850px){.v11-cards{grid-template-columns:1fr}.v11-section{padding:48px 20px}}

/* V11 header: authentic transparent emblem */
.brand{display:flex;align-items:center;gap:12px}
.brand-emblem{width:56px;height:56px;object-fit:contain;flex:none}
.brand small{font-size:clamp(.53rem,.65vw,.66rem);line-height:1.45;letter-spacing:.07em}
@media(max-width:760px){.brand-emblem{width:43px;height:43px}.brand{gap:7px}.brand small{font-size:.48rem;letter-spacing:.02em}}

/* V12 — reportages atelier et réalisations */
.v12-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:30px}
.v12-photo-grid figure{margin:0;min-width:0}
.v12-photo-grid img{width:100%;height:360px;object-fit:cover;background:#eee9df}
.v12-photo-grid figcaption{font-family:'Open Sans',Arial,sans-serif;font-size:.82rem;font-style:italic;color:#66645f;padding:11px 2px;line-height:1.5}
.v12-feature .section-top p{max-width:660px}
.v12-portrait .split>img{object-position:center 58%}
@media(max-width:800px){.v12-photo-grid{grid-template-columns:1fr;gap:20px}.v12-photo-grid img{height:auto;max-height:500px;aspect-ratio:4/3;object-fit:cover}}

/* V13 — charte graphique validée 20 octobre 2026. Priorité sur styles hérités. */
:root{--color-lin:#F7F4EE;--color-anthracite:#545454;--color-gris-bronze:#8A806E;--cream:var(--color-lin);--paper:#EEE9DF;--ink:var(--color-anthracite);--rust:var(--color-anthracite);--line:#D7D2C9;--muted:#66645F;--craft:var(--color-gris-bronze)}
body{background:var(--color-lin);color:var(--color-anthracite);font-family:'Open Sans',Arial,sans-serif}
h1,h2,h3,.wordmark,.serif,.number,.quote{font-family:'Grand Cru',Georgia,serif}
button,input,select,textarea,.nav,.eyebrow{font-family:'Open Sans',Arial,sans-serif}
.button:hover,.button:focus-visible{background:var(--color-gris-bronze);border-color:var(--color-gris-bronze);color:#fff}
.cta{background:var(--color-anthracite);color:var(--color-lin)}
.cta p{color:var(--color-lin)}
.cta .button:hover{background:var(--color-gris-bronze);color:#fff;border-color:var(--color-gris-bronze)}
footer{background:#EEE9DF}
.home-trust a:hover{color:#fff}
.brand-emblem,.logo-transparent{background:transparent;object-fit:contain}
:focus-visible{outline:2px solid var(--color-gris-bronze);outline-offset:3px}

/* V15 — titres plus mesurés, toutes pages et tous écrans */
h1{font-size:clamp(2.6rem,4.2vw,4.7rem)}
h2{font-size:clamp(2.05rem,3vw,3.45rem)}
h3{font-size:clamp(1.5rem,2vw,1.85rem)}
.hero-copy h1{font-size:clamp(2.8rem,4.3vw,4.65rem)}
.detail-hero h1,.interior-hero h1{font-size:clamp(2.65rem,4vw,4.5rem)}
.blog-intro h1,.article-heading h1{font-size:clamp(2.6rem,4vw,4.4rem)}
.v11-prose h2{font-size:clamp(1.9rem,2.8vw,2.9rem)}
.craft-service-title{font-size:clamp(1.5rem,2vw,1.8rem)}
@media(max-width:760px){h1,.hero-copy h1,.hero-full .hero-copy h1,.interior-hero h1,.blog-intro h1,.article-heading h1{font-size:clamp(2.25rem,8vw,3rem)}h2{font-size:clamp(1.85rem,6.7vw,2.6rem)}h3{font-size:1.5rem}}

/* V16 : galerie paysage, hauteur identique */
.tinted .two{gap:22px;align-items:stretch}
.tinted .two img{width:100%;height:auto;aspect-ratio:819/349;object-fit:cover;object-position:center center}
@media(max-width:760px){.tinted .two{gap:18px}.tinted .two img{aspect-ratio:819/349}}

/* V17 : cartes blog harmonisées, galerie réelle, FAQ et CGV */
.blog-card-body,.blog-card-copy{padding:24px;box-sizing:border-box;flex:1}
.two{align-items:stretch}.two img{width:100%;height:clamp(240px,29vw,440px);object-fit:cover;object-position:center}
.legal-page{max-width:1040px;margin:auto;line-height:1.75}.legal-page h1{margin-bottom:30px}.legal-page h2{font-family:Open Sans,Arial,sans-serif;font-size:1.45rem;margin:32px 0 14px}.legal-page h3{font-family:Open Sans,Arial,sans-serif;font-size:1.12rem}.legal-page p,.legal-page li{overflow-wrap:anywhere}.legal-page ul{padding-left:24px}.legal-page details{border-bottom:1px solid #D7D2C9;padding:18px 0}.legal-page summary{cursor:pointer;font-weight:600;font-size:1.05rem}.legal-page details p{margin:14px 0 6px}.legal-note{font-size:.88rem;color:#545454;background:#EEE9DF;padding:16px 20px}
@media(max-width:760px){.two img{height:280px}.legal-page{padding-left:6%;padding-right:6%}}

/* V20 — avis clients : cartes cohérentes avec la charte Larouquine */
.reviews-section{background:#F7F4EE;padding:clamp(52px,7vw,100px) 0}.reviews-heading{text-align:center;max-width:750px;margin:0 auto 35px}.reviews-heading h2{margin:12px 0 16px}.reviews-heading>p{line-height:1.7}.reviews-score{margin-top:20px}.reviews-score span,.review-stars{color:#8A806E;letter-spacing:.12em}.reviews-score small{font-size:.8em;color:#545454}.reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.review-card{background:#fff;border:1px solid #e7e2d9;padding:clamp(22px,2.6vw,35px);display:flex;flex-direction:column;min-width:0}.review-top{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap}.review-top strong{font-size:1.03rem}.review-kind{color:#8A806E;font-size:.86rem;margin:12px 0 16px}.review-card blockquote{font-family:inherit;font-size:.98rem;font-style:italic;line-height:1.75;margin:0 0 20px;border:0;padding:0;color:#545454}.review-source{font-size:.8rem;color:#76716b;margin-top:auto}.review-translation{margin:0 0 20px;font-size:.9rem}.review-translation summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px}.review-translation p{line-height:1.65}.reviews-actions{display:flex;gap:22px;flex-wrap:wrap;justify-content:center;margin-top:30px}@media(max-width:850px){.reviews-grid{grid-template-columns:1fr}.review-card{padding:25px}}

.english-welcome{padding-top:24px;padding-bottom:60px}.english-welcome-inner{border-top:1px solid #ded8cd;padding-top:25px;max-width:760px;margin:auto;text-align:center}.english-welcome h2{font-size:clamp(1.5rem,2.4vw,2.2rem)}.english-welcome p{line-height:1.75}

/* V21 — respiration sous la barre de réassurance et lien Instagram pictogramme */
.contact-grid.contact-grid-spaced { padding-top: clamp(48px, 5.5vw, 88px); }
.instagram-icon-link { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border: 1px solid currentColor; border-radius: 50%; color: inherit; transition: opacity .2s ease, transform .2s ease; }
.instagram-icon-link:hover { opacity: .7; transform: translateY(-2px); }
.instagram-icon-link:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.instagram-icon-link svg { display: block; flex: none; }
@media (max-width:760px) { .contact-grid.contact-grid-spaced { padding-top: 44px; } }

/* V22 — Matières & maisons */
.materials-page{max-width:1120px;margin:0 auto;padding-top:75px;padding-bottom:90px}.materials-page>h1{margin:16px 0 25px}.materials-page>p{max-width:820px;line-height:1.85}.materials-lead{font-size:clamp(1.12rem,1.6vw,1.35rem)}.materials-intro-photo{margin:45px 0 65px;max-width:930px}.materials-intro-photo img{display:block;width:100%;height:clamp(250px,37vw,430px);object-fit:cover;border-radius:4px}.materials-caption{font-size:.86rem;color:#545454;font-style:italic;margin-top:12px}.materials-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:30px 0 65px}.materials-card{background:#fff;border:1px solid #ddd8cf;padding:27px 24px;display:flex;flex-direction:column;min-height:185px}.materials-card h3{font-size:clamp(1.3rem,1.8vw,1.65rem);margin:0 0 12px}.materials-card p{font-size:.95rem;line-height:1.65;flex:1}.materials-card a{color:#545454;font-size:.9rem;text-underline-offset:4px}.materials-process{background:#f0ece5;padding:38px 44px;margin:55px 0}.materials-process h2{margin-top:0}.materials-process h2:not(:first-child){margin-top:36px}.materials-process p{max-width:850px;line-height:1.8}.materials-directory{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 22px;padding:0;margin:26px 0 45px}.materials-directory li{border-bottom:1px solid #e3ded5;padding:9px 0}.materials-crosslink{padding-top:45px;padding-bottom:45px;text-align:center}.materials-crosslink p{max-width:680px;margin:0 auto 20px}@media(max-width:760px){.materials-page{padding-top:40px}.materials-grid{grid-template-columns:1fr 1fr}.materials-directory{grid-template-columns:1fr 1fr}.materials-process{padding:25px}}@media(max-width:520px){.materials-grid,.materials-directory{grid-template-columns:1fr}}

/* V24 — marque artisan et lectures complémentaires */
.artisan-footer-mark{margin-top:24px;display:flex;align-items:center}.artisan-footer-mark img{display:block;width:118px;height:auto;max-width:100%;object-fit:contain}.v24-article-links{padding-top:25px}.v24-article-links ul{list-style:none;padding:0;display:grid;gap:12px}.v24-article-links li a{color:inherit;text-decoration:underline;text-underline-offset:4px}@media(max-width:760px){.artisan-footer-mark{margin-top:18px}}

/* V25 : ajustements ciblés */
.project-after-trust {padding-top:clamp(62px,6vw,90px)!important;}
.footer-logos {display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:22px;}
.footer-logos .artisan-footer-mark {margin-top:0;}
.footer-unama {display:inline-flex;align-items:center;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;}
.footer-unama img {display:block;width:155px;max-width:100%;height:auto;}
.footer-contact-appointment {display:block;width:max-content;margin-top:20px;}
.footer-contact-social {margin:14px 0 0;}
.project-photo-help {font-size:.88rem;color:var(--muted);margin:5px 0 0;}
.project-photos {margin:22px 0;}
.project-photos input {display:block;width:100%;margin-top:8px;}
.unama-section {padding-top:60px;padding-bottom:60px;}
.unama-section img {width:195px;max-width:100%;height:auto;display:block;margin:0 0 22px;}
.campaign-poster {display:block;max-width:min(460px,100%);height:auto;margin:30px auto;}
.legal-copy {max-width:850px;margin:auto;padding-top:65px;padding-bottom:75px;}
.legal-copy h2 {margin-top:35px;}
@media(max-width:760px){.project-after-trust{padding-top:48px!important;}.footer-logos{gap:14px;}.footer-unama img{width:135px;}}

/* V26 : logo UNAMA sans cartouche */
.footer-unama{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;}
.footer-unama img{background:transparent!important;}
.blog-card-image img.campaign-card-image{object-fit:contain;background:#eee9df;}

/* V28 — photographie d'ouverture des articles */
.article-hero-photo{max-width:1100px;margin:10px auto 42px;padding:0 clamp(18px,4vw,48px)}
.article-hero-photo img{display:block;width:100%;height:clamp(260px,42vw,530px);object-fit:cover;border-radius:3px}
.article-author a,.intro a{color:inherit;text-decoration:underline;text-decoration-color:#8A806E;text-underline-offset:3px}
header .nav a{white-space:nowrap}
@media(max-width:760px){.article-hero-photo{margin-bottom:25px}.article-hero-photo img{height:260px}header .nav a{white-space:normal}}

/* V29 : galerie de réalisations et repères d’entretien */
.phototheque-gallery{padding-top:3rem;padding-bottom:4rem}.phototheque-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-top:2rem}.phototheque-grid figure{margin:0}.phototheque-grid img{width:100%;height:260px;object-fit:cover;display:block;border-radius:3px}.phototheque-grid figcaption{font-size:.84rem;color:#545454;margin-top:.55rem}.care-guide{padding:1.5rem 0;border-top:1px solid #d8d3c9;border-bottom:1px solid #d8d3c9}.care-guide-row{display:flex;gap:1.1rem;padding:1rem 0;border-bottom:1px solid #e6e0d7}.care-guide-number{flex:0 0 2.4rem;width:2.4rem;height:2.4rem;display:grid;place-items:center;border-radius:50%;background:#eee9df;color:#545454;font-weight:600}.care-guide-row h3{margin:0 0 .3rem}.care-guide-row p{margin:.1rem 0}.care-guide-note{padding:1rem;border-left:3px solid #8A806E;background:#F7F4EE}@media(max-width:760px){.phototheque-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.phototheque-grid img{height:210px}}@media(max-width:480px){.phototheque-grid{grid-template-columns:1fr}.phototheque-grid img{height:auto;max-height:450px}}

/* V34 — espacement et navigation accessible */
.home-trust + section.wrap { padding-top: clamp(48px, 6vw, 88px); }
.larouquine-backtop {position:fixed;right:22px;bottom:22px;z-index:9999;width:46px;height:46px;border-radius:50%;border:1px solid #8A806E;background:#F7F4EE;color:#545454;box-shadow:0 3px 14px rgba(0,0,0,.16);font-size:26px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s}
.larouquine-backtop.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.larouquine-backtop:hover,.larouquine-backtop:focus-visible{background:#e9e3d9;outline-offset:3px}
@media(max-width:600px){.larouquine-backtop{right:15px;bottom:15px;width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){.larouquine-backtop{transition:none}}
.instagram-atelier a svg{display:block;margin:auto}

/* V35 : respiration savoir-faire, centrage social et navigation */
body:has(.craft-services) .home-trust + section,body:has(.craft-service-title) .home-trust + section {padding-top:clamp(64px,7vw,108px)!important;}
.instagram-atelier .instagram-icon-link{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;}
.instagram-atelier .instagram-icon-link svg{display:block;margin:0 auto;}
.larouquine-backtop{z-index:90;right:max(18px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));}
@media(max-width:600px){.larouquine-backtop{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));}}
.filters{display:flex;flex-wrap:wrap;gap:10px;}
.gallery-item img{object-position:center;}

/* V36 : navigation visible au défilement */
body > header{position:sticky;top:0;z-index:1100;background:#F7F4EE;box-shadow:0 2px 9px rgba(84,84,84,.08)}
html{scroll-padding-top:110px}
@media(max-width:760px){html{scroll-padding-top:85px}}

/* Comparatifs photographiques Larouquine — V36 */
.before-after-section{max-width:1240px;margin:3.5rem auto;padding:0 1.5rem}.before-after-section .section-heading{margin-bottom:1.5rem}.before-after-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.before-after-card h3{font-family:inherit;font-size:1.08rem;margin:0 0 .8rem}.before-after-comparison{position:relative;overflow:hidden;aspect-ratio:9/7;border-radius:5px;background:#eae6df;isolation:isolate}.before-after-comparison img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.before-after-comparison .compare-avant{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.before-after-comparison .compare-divider{position:absolute;z-index:3;left:var(--split);top:0;bottom:0;border-left:3px solid white;filter:drop-shadow(0 0 2px #555);pointer-events:none}.before-after-comparison .compare-divider:after{content:'↔';position:absolute;top:50%;left:0;transform:translate(-50%,-50%);display:grid;place-items:center;width:38px;height:38px;background:white;color:#545454;border-radius:50%;font-size:1.4rem;box-shadow:0 1px 5px #0004}.before-after-comparison .label-before,.before-after-comparison .label-after{position:absolute;z-index:2;top:12px;padding:5px 10px;background:#f7f4eee8;color:#545454;border-radius:3px;font-size:.8rem;pointer-events:none}.before-after-comparison .label-before{left:12px}.before-after-comparison .label-after{right:12px}.before-after-comparison .compare-slider{position:absolute;z-index:4;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.before-after-comparison:focus-within{outline:3px solid #8a806e;outline-offset:3px}@media(max-width:720px){.before-after-grid{grid-template-columns:1fr;gap:1.5rem}}

/* V36 — comparatifs fonctionnels et lisibles */
.before-after-comparison .compare-slider {appearance:none;-webkit-appearance:none;background:transparent;touch-action:pan-y;}
.before-after-comparison .compare-slider::-webkit-slider-thumb {appearance:none;-webkit-appearance:none;width:44px;height:60px;background:transparent;border:0;cursor:ew-resize}
.before-after-comparison .compare-slider::-moz-range-thumb {width:44px;height:60px;background:transparent;border:0;cursor:ew-resize}
.before-after-static{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch}
.before-after-static img{width:100%;height:260px;object-fit:contain;background:#eae6df;border-radius:4px;min-width:0}
.before-after-static .static-avant{grid-column:1;grid-row:1}.before-after-static .static-apres{grid-column:2;grid-row:1}
.before-after-static:after{content:'Avant                                          Après';white-space:pre;display:none}
.comparison-note{font-size:.85rem;color:#68625b;margin-top:.5rem}
@media(max-width:580px){.before-after-static{gap:8px}.before-after-static img{height:200px}}

.before-after-static .comparison-photo{margin:0;min-width:0}.before-after-static .comparison-photo img{display:block}.before-after-static figcaption{text-align:center;margin-top:6px;font-size:.86rem;color:#545454}

/* V36 refinement */
.pro-example-photo{display:block;width:100%;max-height:340px;object-fit:cover;margin:0 0 1.5rem;border-radius:2px;}
.materials-card a{text-decoration:underline;text-underline-offset:4px;}
html{scroll-padding-top:110px;}

/* V37 — navigation, gallery, storefront */
@media(min-width:1050px){.before-after-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}}
@media(min-width:650px) and (max-width:1049px){.before-after-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}}
@media(max-width:649px){.before-after-grid{display:grid;grid-template-columns:minmax(0,1fr)}}
nav#navigation a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px}
.storefront-crop{object-fit:cover;object-position:center 72%;}
.materials-page{padding-top:3rem}

/* V38: selected editorial photography and compact comparators */
@media(min-width:1050px){.before-after-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:649px){.before-after-grid{grid-template-columns:minmax(0,1fr)!important}}

/* V39: filters apply to comparators too */
.before-after-card[hidden],.before-after-section[hidden],.gallery-item[hidden]{display:none!important}

@media(min-width:1000px){.before-after-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}}