:root{--ink:#252926;--accent:#087e82;--soft:#f5f5f1;--line:#dce1dc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:white;font:16px/1.7 Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #32b7ba;outline-offset:5px}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.13;margin:0}h1{font-size:clamp(3.2rem,6.2vw,6rem);letter-spacing:-.045em}h2{font-size:clamp(2.4rem,3.7vw,3.9rem);letter-spacing:-.035em}h3{font-size:1.65rem}p{margin:0 0 22px;color:#626a65}header{height:110px;padding:16px 5%;display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid var(--line);background:white;position:relative;z-index:10}.brand{width:170px;display:block}.brand img{width:100%;height:78px;object-fit:contain}.over{position:absolute;inset:0 0 auto;background:transparent;border-color:#ffffff26;color:white}.over .brand img{filter:brightness(0) invert(1)}nav{display:flex;gap:30px;font-size:14px}nav a:hover,.textlink:hover{color:#12a4a7}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:white;padding:14px 25px;border:1px solid var(--accent);border-radius:3px;cursor:pointer;font-size:14px;min-height:50px;transition:background .2s}.button:hover{background:#056368}.outline{border-color:#fff8;background:transparent}.outline:hover{background:#ffffff20}.menu{display:none}.hero{min-height:780px;height:96svh;max-height:1100px;position:relative;display:grid;place-items:center;color:white;overflow:hidden}.heroimg,.shade{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.heroimg{object-position:50% 48%}.shade{background:linear-gradient(180deg,#141e1b96,#14201b63 50%,#14201b86)}.herotext{position:relative;text-align:center;margin:100px 24px 35px;max-width:900px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.21em;color:var(--accent);margin-bottom:25px}.hero .eyebrow{color:#e2f0ea}.hero h1{font-size:clamp(3.3rem,6.5vw,6.8rem)}.herotext>p:not(.eyebrow){color:#f4f5f0;font-size:18px;line-height:1.7;margin:28px 0 32px}.actions{display:flex;justify-content:center;gap:14px}.herobottom{position:absolute;bottom:27px;font-size:12px;letter-spacing:.17em;text-transform:uppercase}.section,.intro,.service-detail{padding:95px 7.5%}.split{display:grid;grid-template-columns:1fr 1fr;gap:8%}.intro{padding-top:105px;padding-bottom:105px}.intro p{max-width:530px}.soft{background:var(--soft)}.textlink{display:inline-block;color:var(--accent);font-size:14px;border-bottom:1px solid var(--accent);padding-bottom:5px}.sectionhead{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:48px}.sectionhead h2{max-width:740px}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.services>a{border-top:1px solid #bdc9c4;padding-top:22px}.services span,.steps span{color:var(--accent);font-size:14px}.services h3{margin:20px 0}.services p{font-size:15px}.services b{font-size:13px;color:var(--accent);font-weight:400}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:45px 27px}.project{border:0;background:none;text-align:left;padding:0;color:var(--ink);cursor:pointer}.photo{aspect-ratio:3/4;overflow:hidden;position:relative;background:var(--soft)}.photo img{height:100%;width:100%;object-fit:cover;transition:transform .6s}.project:hover img{transform:scale(1.035)}.photo span{position:absolute;bottom:16px;right:16px;font-size:12px;color:white;background:#20312cbf;padding:5px 13px;border-radius:2px}.project h3{margin-top:21px;font-size:1.5rem}.project p{font-size:14px;margin:7px 0 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:55px}.steps article{border-top:1px solid var(--line);padding-top:22px}.steps h3{margin:18px 0}.steps p{font-size:15px}.cta{padding:75px 7.5%;background:#183b37;color:white;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta .eyebrow{color:#82c7bc}.cta .button{background:#eaf5ef;color:#17423a;border-color:#eaf5ef}footer{padding:55px 7.5% 25px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;font-size:14px}.footbrand{font-family:Georgia,serif;font-size:30px}.footbrand span{display:block;font:12px/2 Arial;letter-spacing:.1em}footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:23px;color:#79807b;font-size:12px;margin-top:25px}.pageintro{padding:80px 7.5% 65px;background:var(--soft)}.pageintro .lead{max-width:650px;margin:25px 0 0}.lead{font-size:20px}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:40px}.filters button{border:1px solid var(--line);background:white;padding:10px 18px;font-size:14px;cursor:pointer;border-radius:3px}.filters .active{color:white;background:var(--accent);border-color:var(--accent)}.service-detail{border-bottom:1px solid var(--line);padding-top:70px;padding-bottom:70px}.about img{width:100%;max-height:600px;object-fit:cover}.about h2{margin-bottom:30px}.contact{align-items:start}.contact h2{font-size:2.7rem;margin-bottom:30px}.email{color:var(--accent);overflow-wrap:anywhere;display:block;margin-bottom:30px}.contact aside .eyebrow{margin-top:40px;margin-bottom:10px}form label{display:block;font-size:14px;margin-bottom:22px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}input,select,textarea{display:block;width:100%;border:1px solid #cbd3ce;padding:13px 14px;margin-top:7px;border-radius:2px;background:white;color:var(--ink);font-size:16px}textarea{resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:2px}.formhint{font-size:14px}#formstatus{font-size:14px;margin-top:16px}.legal{max-width:1000px}.legal h2{font-size:2rem;margin-bottom:20px}.legal p{margin-bottom:45px}dialog{border:0;background:#13211e;color:white;padding:25px;width:min(950px,95vw);max-height:94svh}dialog::backdrop{background:#000b}dialog img{display:block;width:100%;height:75svh;object-fit:contain}dialog p{color:white;text-align:center;margin:15px 0 0}.close{display:block;margin-left:auto;background:none;border:0;color:white;cursor:pointer;padding:0 0 15px;font-size:14px}[hidden]{display:none!important}@media(min-width:1450px){.heroimg{object-position:50% 52%}}@media(max-width:1050px){nav{gap:18px}.headcta{display:none}.services,.steps{grid-template-columns:repeat(2,1fr)}.gallery{gap:30px 18px}.section,.intro{padding:70px 6%}}@media(max-width:720px){header{height:90px;padding:10px 6%}.brand{width:125px}.brand img{height:65px}.menu{display:block;background:transparent;border:1px solid currentColor;color:inherit;padding:7px 15px;border-radius:3px;font-size:14px}nav{display:none;position:absolute;top:90px;left:0;right:0;background:white;color:var(--ink);padding:25px 6%;flex-direction:column;gap:15px;border-bottom:1px solid var(--line)}nav.open{display:flex}.hero{min-height:680px;height:94svh}.hero h1{font-size:3.45rem}.heroimg{object-position:42% 50%}.herotext{margin-top:90px}.hero .eyebrow{font-size:11px;letter-spacing:.13em}.herotext>p:not(.eyebrow){font-size:16px}.actions{flex-direction:column;align-items:center}.actions .button{width:240px}.herobottom{font-size:10px}.split{grid-template-columns:1fr;gap:30px}.section,.intro,.service-detail{padding:60px 6%}.sectionhead{align-items:start;flex-direction:column;gap:20px;margin-bottom:35px}.gallery{grid-template-columns:repeat(2,1fr);gap:30px 14px}.project h3{font-size:1.2rem}.project p{font-size:12px}.photo span{font-size:11px;right:8px;bottom:8px}.services,.steps{gap:30px 20px}.services h3,.steps h3{font-size:1.4rem}.services p,.steps p{font-size:14px}.cta{padding:55px 6%;flex-direction:column;align-items:start}.pageintro{padding:55px 6%}.pageintro h1{font-size:3.3rem}.lead{font-size:18px}footer{grid-template-columns:1fr;padding:45px 6% 25px}.fields{grid-template-columns:1fr}.contact h2{font-size:2.3rem}.about img{max-height:430px}h2{font-size:2.5rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Accueil — composition de la référence fournie */
@font-face{font-family:Cormorant;src:url('assets/cormorant.ttf') format('truetype');font-weight:300 700;font-style:normal;font-display:swap}.reference-home .over{height:125px;padding:20px 2.2%;border:0}.reference-home .over .brand{width:212px;position:relative}.reference-home .over .brand img{height:auto;width:100%;display:block}.reference-home .over .brand:after{content:"";position:absolute;inset:0;background:url('assets/logo-tight.png') center/contain no-repeat;clip-path:inset(0 0 0 75%)}.reference-home .over nav{gap:48px;font-family:Georgia,serif;font-size:17px;text-transform:uppercase;letter-spacing:.075em}.reference-home .headcta{border-radius:40px;background:#147f82;border-color:#147f82;min-width:195px;padding:10px 30px;font-size:17px;min-height:50px}.reference-home .hero{height:100svh;min-height:760px;max-height:none}.reference-home .heroimg{object-position:50% 50%}.reference-home .shade{background:linear-gradient(180deg,rgba(18,18,15,.83),rgba(30,29,25,.57) 44%,rgba(34,32,27,.25))}.reference-home .herotext{max-width:1120px;margin:135px 24px 0}.reference-home .hero .eyebrow{font-family:Georgia,serif;font-size:14px;letter-spacing:.27em;color:#d2d0ca;margin-bottom:22px}.reference-home .hero h1{font-family:Cormorant,Georgia,serif;font-weight:400;font-size:clamp(76px,5.1vw,108px);line-height:.99;letter-spacing:-.025em}.reference-home .herotext>p:not(.eyebrow){font-family:Cormorant,Georgia,serif;font-size:clamp(24px,1.65vw,34px);font-weight:300;line-height:1.18;margin:27px 0 47px;color:#eeede6}.reference-home .actions{gap:32px}.reference-home .actions .button{font-family:Cormorant,Georgia,serif;font-size:24px;min-width:340px;min-height:80px;border-radius:10px;background:#26898b;border-color:#26898b}.reference-home .actions .button:first-child{font-weight:600}.reference-home .actions .outline{background:transparent;border:2px solid #eae9e1b5;font-weight:400}.reference-home .actions .button:hover{background:#18777a}.reference-home .actions .outline:hover{background:#ffffff15}@media(max-width:1350px){.reference-home .over nav{gap:25px;font-size:14px}.reference-home .over .brand{width:170px}.reference-home .headcta{min-width:150px;font-size:15px}.reference-home .hero .eyebrow{font-size:12px}.reference-home .hero h1{font-size:90px}.reference-home .actions .button{min-width:275px;min-height:67px;font-size:22px}}@media(max-width:1050px){.reference-home .headcta{display:none}.reference-home .hero .eyebrow{max-width:680px;margin-left:auto;margin-right:auto;line-height:1.8}}@media(max-width:720px){.reference-home .over{height:90px;padding:16px 6%}.reference-home .over .brand{width:145px}.reference-home .over nav{font-size:14px;gap:16px}.reference-home .hero{min-height:740px;height:100svh}.reference-home .herotext{margin:100px 20px 0}.reference-home .hero .eyebrow{font-size:10px;letter-spacing:.2em;max-width:340px;margin-bottom:23px}.reference-home .hero h1{font-size:clamp(54px,12.5vw,76px);line-height:1.04}.reference-home .herotext>p:not(.eyebrow){font-size:23px;line-height:1.22;margin:25px 0 30px;max-width:420px}.reference-home .actions{gap:13px}.reference-home .actions .button{min-width:0;width:270px;min-height:58px;font-size:21px;border-radius:7px}}
.reference-home .over .brand img{filter:none}.reference-home .over .brand:after{content:none}.why-senoma{padding:52px 3.8% 70px;text-align:center;background:white;color:#151e31}.why-label{color:#137f83;font-size:24px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 16px}.why-senoma h2{font-family:Cormorant,Georgia,serif;font-size:46px;font-weight:600;letter-spacing:0;line-height:1.15}.why-intro{max-width:1030px;margin:32px auto 42px;color:#586174;font-size:18px;line-height:1.65}.why-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:3.5%}.why-cards article{background:#fafafa;border-radius:26px;padding:38px 30px 40px;box-shadow:0 14px 35px #192b3c05}.why-icon{width:88px;height:88px;margin:0 auto 25px;background:#ededed;border-radius:50%;display:grid;place-items:center;color:#23939b}.why-icon svg{width:43px;height:43px}.why-cards h3{font-family:Cormorant,Georgia,serif;font-size:28px;font-weight:700;margin-bottom:27px;letter-spacing:0}.why-cards p{font-size:17px;line-height:1.7;color:#586174;margin:0}@media(max-width:1200px){.why-cards{gap:22px;grid-template-columns:repeat(2,1fr)}.why-senoma{padding:55px 6%}.why-label{font-size:19px}.why-senoma h2{font-size:40px}}@media(max-width:650px){.why-cards{grid-template-columns:1fr}.why-senoma{padding:45px 6% 55px}.why-label{font-size:15px}.why-senoma h2{font-size:34px}.why-intro{font-size:16px;margin:25px auto 30px}.why-cards article{padding:30px 25px}.why-cards h3{font-size:27px;margin-bottom:17px}.why-cards p{font-size:16px}.why-icon{width:75px;height:75px;margin-bottom:20px}}
/* La couverture défile devant une photographie fixée à la fenêtre. */
.reference-home .hero{clip-path:inset(0);isolation:isolate;overflow:visible}
.reference-home .heroimg,.reference-home .hero .shade{position:fixed;inset:0;width:100%;height:100vh;height:100lvh;pointer-events:none}
.reference-home .heroimg{z-index:-2}
.reference-home .hero .shade{z-index:-1}
.reference-home .herotext{z-index:1}
@media(prefers-reduced-motion:reduce){.reference-home .heroimg,.reference-home .hero .shade{position:absolute;height:100%}}
.before-after{background:#fff}.comparison-heading{text-align:center;margin-bottom:48px}.comparison-heading h2{font-family:Cormorant,Georgia,serif;font-weight:500;font-size:clamp(38px,4vw,58px)}.comparison-heading>p:last-child{margin:22px 0 0}.comparison-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:9%;align-items:center;max-width:1150px;margin:auto}.compare{position:relative;aspect-ratio:932/1500;width:100%;overflow:hidden;background:#ecece8;border-radius:2px;isolation:isolate}.compare>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.compare-before{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.compare-tag{position:absolute;top:20px;background:#152823aa;color:white;padding:5px 14px;border-radius:3px;font-size:14px;pointer-events:none}.before-tag{left:18px}.after-tag{right:18px}.compare-divider{position:absolute;top:0;bottom:0;left:var(--split);width:3px;background:white;transform:translateX(-50%);pointer-events:none;display:flex;align-items:center;justify-content:center}.compare-divider span{flex-shrink:0;width:58px;height:58px;border:3px solid white;border-radius:50%;background:#16443b55;color:white;display:grid;place-content:center;font:32px/1 Arial;letter-spacing:5px;padding-left:5px;box-shadow:0 2px 12px #0003}.compare-range{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.compare:focus-within{outline:3px solid var(--accent);outline-offset:5px}.comparison-copy h3{font-family:Cormorant,Georgia,serif;font-size:clamp(34px,3.5vw,50px);line-height:1.08;margin-bottom:28px}.comparison-copy ul{padding-left:20px;color:#626a65;margin:20px 0 35px}.comparison-copy li{margin-bottom:8px}@media(max-width:720px){.comparison-layout{grid-template-columns:1fr;gap:35px}.compare{max-width:500px;margin:auto}.comparison-heading{margin-bottom:30px}.comparison-copy h3{font-size:38px}.compare-divider span{width:52px;height:52px}.compare-tag{top:14px}}
/* Bloc de présentation : typographie et cartes affinées. */
@font-face{font-family:Outfit;src:url('assets/outfit.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
.why-senoma{padding:52px 3.8% 58px}.why-label{font-family:Outfit,Arial,sans-serif;font-weight:400;font-size:24px;letter-spacing:.11em;margin-bottom:17px}.why-senoma h2{font-weight:500;font-size:46px}.why-intro{font-family:Outfit,Arial,sans-serif;font-weight:300;font-size:18px;line-height:1.62;max-width:1040px;margin:32px auto 44px}.why-cards article{padding:38px 30px 38px;background:#fbfbfb;border-radius:24px;box-shadow:0 12px 32px #192b3c04}.why-icon{width:86px;height:86px;background:#eee;margin-bottom:26px}.why-icon svg{width:40px;height:40px;stroke-width:2.2}.why-cards h3{font-weight:600;font-size:27px;margin-bottom:26px}.why-cards p{font-family:Outfit,Arial,sans-serif;font-weight:300;font-size:17px;line-height:1.72;color:#566071}@media(max-width:1200px){.why-senoma{padding:50px 6%}.why-label{font-size:19px}.why-senoma h2{font-size:40px}}@media(max-width:650px){.why-senoma{padding:42px 6% 50px}.why-label{font-size:15px}.why-senoma h2{font-size:34px}.why-intro{font-size:16px;margin:24px auto 30px}.why-cards article{padding:30px 25px}.why-cards h3{font-size:27px;margin-bottom:17px}.why-cards p{font-size:16px}.why-icon{width:74px;height:74px;margin-bottom:20px}}
/* Identité commune à toutes les pages SENOMA. */
body{font-family:Outfit,Arial,sans-serif;font-weight:300;color:#172033}h1,h2,h3{font-family:Cormorant,Georgia,serif;font-weight:500;letter-spacing:-.015em}p{color:#586174}.eyebrow{font-family:Outfit,Arial,sans-serif;font-weight:400;color:#137f83;letter-spacing:.17em}.button{border-radius:8px;background:#26898b;border-color:#26898b;font-family:Cormorant,Georgia,serif;font-size:21px;font-weight:500;min-height:56px;padding:12px 28px}.textlink{font-family:Outfit,Arial,sans-serif;font-size:15px;font-weight:400}.sectionhead h2,.method h2,.intro h2{font-size:clamp(36px,4vw,58px)}.soft{background:#fafafa}.services>a,.steps article{border-top:1px solid #e0e7e6}.services h3,.steps h3{font-weight:600;font-size:29px}.services p,.steps p{font-size:16px;font-weight:300}.services b{font-family:Outfit,sans-serif;font-weight:400;font-size:14px}.project h3{font-size:27px;font-weight:500}.project p{font-family:Outfit,sans-serif;font-weight:300}.photo{border-radius:6px}.cta{background:#183c3b}.cta h2{font-size:clamp(40px,4vw,60px);font-weight:400}.cta .button{border-radius:8px}.footbrand{font-family:Cormorant,Georgia,serif;font-size:37px}.footbrand span{font-family:Outfit,sans-serif}footer{background:#fff;font-weight:300;color:#586174}footer a:hover{color:var(--accent)}
.inner-page .inner-header{position:absolute;inset:0 0 auto;height:115px;padding:20px 3%;background:transparent;border:0;color:white}.inner-page .brand{width:190px}.inner-page .brand img{display:block;width:100%;height:auto}.inner-page nav{font-family:Georgia,serif;text-transform:uppercase;font-size:14px;letter-spacing:.075em;gap:32px}.inner-page nav [aria-current=page]{border-bottom:1px solid #b4dcd8;padding-bottom:5px;color:#b4dcd8}.inner-page .headcta{border-radius:40px;font-family:Outfit,sans-serif;font-size:15px;font-weight:400;min-height:48px;background:#147f82;border-color:#147f82;padding:10px 23px}.inner-page .pageintro{position:relative;isolation:isolate;background:#253735;min-height:470px;padding:180px 7.5% 70px;text-align:center;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center}.inner-page .pageintro:before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--cover);background-size:cover;background-position:50% 45%}.inner-page .pageintro:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#18211dd9,#25342ca6)}.inner-page .pageintro .eyebrow{color:#cadcd7;margin-bottom:20px;font-size:13px}.inner-page .pageintro h1{font-family:Cormorant,Georgia,serif;font-weight:400;font-size:clamp(52px,5.5vw,82px);line-height:1.04;letter-spacing:-.025em}.inner-page .pageintro .lead{color:#e7eeea;font-weight:300;font-size:19px;max-width:650px;margin:24px 0 0}.inner-page .section{padding:80px 7.5%}.service-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:55px 7.5% 15px;background:white}.service-nav a{border-radius:16px;background:#fafafa;padding:24px 22px;font-family:Cormorant,Georgia,serif;font-size:24px;line-height:1.2;box-shadow:0 10px 30px #192b3c04}.service-nav span{display:block;font:13px Outfit,sans-serif;color:var(--accent);margin-bottom:15px}.service-nav a:hover{background:#edf6f5}.service-detail{border:0;margin:35px 7.5%;padding:48px 4%;border-radius:20px;background:#fafafa;gap:7%}.service-detail h2{font-size:clamp(36px,3.8vw,54px);font-weight:500}.service-detail p{font-size:17px;font-weight:300}.service-detail .lead{font-size:21px;font-weight:300}.about img{border-radius:12px}.about h2{font-weight:500;font-size:clamp(38px,3.8vw,54px)}.about p{font-size:17px}.filters button{font-family:Outfit,sans-serif;font-weight:300;border-radius:30px;padding:10px 22px;border-color:#dde5e3}.gallerysection{background:#fafafa}.review-invite>div:last-child{background:#fafafa;border-radius:20px;padding:38px;box-shadow:0 12px 32px #192b3c04}.review-invite h2{font-size:clamp(36px,3.8vw,54px)}.review-invite p{font-size:17px}.contact form{padding:35px;background:#fafafa;border-radius:20px;box-shadow:0 12px 32px #192b3c04}.contact h2{font-weight:500;font-size:clamp(36px,3.5vw,50px)}.contact label{font-family:Outfit,sans-serif;font-weight:400;font-size:15px}.contact input,.contact select,.contact textarea{font-family:Outfit,sans-serif;font-weight:300;border-radius:6px;border-color:#dce3e1}.contact .email{font-size:18px}.contact .formhint{font-weight:300;font-size:14px}.legal h2{font-size:34px}.legal p{font-weight:300;font-size:17px}@media(max-width:1050px){.inner-page nav{gap:21px;font-size:13px}.inner-page .brand{width:165px}.service-nav{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.inner-page .inner-header{height:90px;padding:16px 6%}.inner-page .brand{width:145px}.inner-page nav{background:white;color:#172033;font-family:Outfit,sans-serif;letter-spacing:.05em;font-size:14px;gap:17px}.inner-page nav [aria-current=page]{color:var(--accent);border-color:var(--accent);align-self:start}.inner-page .pageintro{min-height:385px;padding:140px 6% 55px}.inner-page .pageintro h1{font-size:55px}.inner-page .pageintro .lead{font-size:17px}.inner-page .pageintro .eyebrow{font-size:12px}.inner-page .section{padding:55px 6%}.service-nav{gap:12px;padding:35px 6% 10px}.service-nav a{font-size:22px;padding:20px 17px}.service-detail{margin:25px 6%;padding:30px 23px;border-radius:16px}.service-detail p{font-size:16px}.service-detail .lead{font-size:19px}.contact form{padding:25px 20px}.review-invite>div:last-child{padding:28px 24px}.project h3{font-size:23px}.services h3,.steps h3{font-size:25px}.button{font-size:20px}.reference-home .headcta{font-family:Outfit,sans-serif}.inner-page .comparison-heading h2{font-size:39px}}
.comparison-second{background:#fafafa}.comparison-second .comparison-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}.comparison-second .compare{grid-column:2;grid-row:1}.comparison-second .comparison-copy{grid-column:1;grid-row:1}@media(max-width:720px){.comparison-second .comparison-layout{grid-template-columns:1fr}.comparison-second .compare,.comparison-second .comparison-copy{grid-column:auto;grid-row:auto}}
/* Proportions compactes inspirées de la référence marbre doré. */
@font-face{font-family:Cormorant;src:url('assets/cormorant-italic.ttf') format('truetype');font-weight:300 700;font-style:italic;font-display:swap}
.reference-home .over,.inner-page .inner-header{height:76px;width:calc(100% - 80px);max-width:1320px;left:50%;right:auto;transform:translateX(-50%);padding:10px 0;gap:30px}
.reference-home .over .brand,.inner-page .brand{width:125px;flex-shrink:0}
.reference-home .over nav,.inner-page nav{font-family:Outfit,Arial,sans-serif;font-weight:300;font-size:12px;letter-spacing:.12em;text-transform:uppercase;gap:30px}
.reference-home .headcta,.inner-page .headcta{font-family:Outfit,Arial,sans-serif;font-size:13px;font-weight:500;min-width:0;min-height:38px;padding:8px 22px;border-radius:5px}
.reference-home .hero{padding:115px 20px 145px;min-height:750px}
.reference-home .herotext{margin:0;max-width:1050px;transform:translateY(-15px)}
.reference-home .hero .eyebrow{font-family:Outfit,Arial,sans-serif;font-weight:400;font-size:12px;letter-spacing:.13em;line-height:1.6;margin:0 auto 24px;max-width:850px}
.reference-home .hero .eyebrow:before{content:"";display:block;width:60px;height:1px;background:#26898b;margin:0 auto 28px}
.reference-home .hero h1{font-family:Cormorant,Georgia,serif;font-weight:400;font-size:clamp(78px,5.65vw,115px);line-height:.94;letter-spacing:-.025em}
.reference-home .hero h1 em{font-weight:400;font-style:italic}
.reference-home .herotext>p:not(.eyebrow){font-family:Outfit,Arial,sans-serif;font-weight:300;font-size:17px;line-height:1.65;margin:30px 0 35px;color:#f0eee8}
.reference-home .actions{gap:16px}
.reference-home .actions .button,.button{font-family:Outfit,Arial,sans-serif;font-weight:400;font-size:14px;min-height:52px;padding:13px 25px;border-radius:5px}
.reference-home .actions .button{min-width:220px;width:auto}
.reference-home .actions .button:first-child{font-weight:500}
.reference-home .actions .outline{font-weight:400;border-width:1px}
.reference-home .shade{background:linear-gradient(180deg,#141c19a8 0%,#1a25216b 44%,#1d26213d 100%)}
.reference-home .heroimg{object-position:50% 48%}
.discover{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:14px;color:#f4f2e7b0;font-family:Outfit,Arial,sans-serif;font-size:10px;font-weight:400;text-transform:uppercase;letter-spacing:.16em;padding:8px 20px}
.discover i{display:block;width:1px;height:42px;background:#f4f2e75c}
.inner-page .pageintro{min-height:410px;padding:140px 7.5% 60px}
.inner-page .pageintro h1{font-size:clamp(50px,5vw,76px)}
.inner-page .pageintro .lead{font-family:Outfit,Arial,sans-serif;font-size:17px;font-weight:300;line-height:1.65;margin-top:20px}
.inner-page .pageintro .eyebrow{font-size:12px;letter-spacing:.13em;margin-bottom:18px}
.section,.intro{padding-top:70px;padding-bottom:70px}.inner-page .section{padding-top:65px;padding-bottom:65px}
.sectionhead{margin-bottom:35px}.cta{padding-top:60px;padding-bottom:60px}.comparison-heading{margin-bottom:35px}.comparison-heading>p:last-child{font-family:Outfit,sans-serif;font-size:16px;margin-top:18px}.comparison-copy p,.service-detail p,.about p,.review-invite p{font-size:16px}.service-detail .lead{font-family:Outfit,sans-serif;font-size:18px;line-height:1.65}.service-detail{padding-top:38px;padding-bottom:38px}.contact form{padding:30px}.contact .formhint{font-size:14px}.contact label{font-size:14px}
@media(max-width:1050px){.reference-home .over nav,.inner-page nav{gap:22px;font-size:11px}.reference-home .hero h1{font-size:92px}.reference-home .hero .eyebrow{font-size:11px;max-width:650px}.reference-home .headcta,.inner-page .headcta{display:none}}
@media(max-width:720px){.reference-home .over,.inner-page .inner-header{height:72px;width:88%;padding:12px 0;gap:15px}.reference-home .over .brand,.inner-page .brand{width:115px}.reference-home .over nav,.inner-page nav{top:72px;left:-6.82%;right:-6.82%;font-family:Outfit,sans-serif;font-size:13px;gap:17px;padding:22px 7%}.menu{font-family:Outfit,sans-serif;font-size:13px;padding:6px 13px}.reference-home .hero{min-height:720px;padding:100px 17px 120px}.reference-home .herotext{margin:0;transform:translateY(-10px)}.reference-home .hero h1{font-size:clamp(54px,13.5vw,80px);line-height:.99}.reference-home .hero .eyebrow{font-size:10px;letter-spacing:.1em;max-width:340px;margin-bottom:23px}.reference-home .hero .eyebrow:before{margin-bottom:20px;width:45px}.reference-home .herotext>p:not(.eyebrow){font-size:14px;line-height:1.65;margin:25px auto;max-width:350px}.reference-home .actions{gap:12px}.reference-home .actions .button{width:220px;min-width:0;min-height:47px;font-size:13px;border-radius:5px;padding:11px 20px}.discover{bottom:20px;font-size:9px;gap:10px}.discover i{height:30px}.inner-page .pageintro{min-height:350px;padding:120px 6% 48px}.inner-page .pageintro h1{font-size:50px}.inner-page .pageintro .lead{font-size:15px}.inner-page .pageintro .eyebrow{font-size:11px}.button{font-size:14px;min-height:48px;padding:12px 23px}.section,.intro,.inner-page .section{padding-top:50px;padding-bottom:50px}.cta{padding-top:45px;padding-bottom:45px}.contact form{padding:25px 20px}.comparison-heading{margin-bottom:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* En-tête fixe et préférence jour / nuit. */
.reference-home .over,.inner-page .inner-header{position:fixed;top:0;left:0;right:0;transform:none;width:100%;max-width:none;height:78px;padding:0;display:block;transition:background .2s,box-shadow .2s;color:white;z-index:50}
.header-content{width:calc(100% - 80px);max-width:1320px;margin:0 auto;height:100%;display:flex;align-items:center;gap:25px;justify-content:space-between}
.reference-home .over .brand,.inner-page .brand{width:148px}
.reference-home .over nav,.inner-page nav{gap:36px;letter-spacing:.15em;margin-left:auto;margin-right:auto}
.theme-toggle{border:0;background:transparent;color:inherit;display:grid;place-items:center;width:36px;height:36px;padding:8px;cursor:pointer;flex-shrink:0;border-radius:50%}
.theme-toggle:hover{background:#ffffff20}.theme-toggle svg{width:20px;height:20px}.theme-toggle .sun{display:none}.headcta{gap:10px;white-space:nowrap}.headcta svg{width:16px;height:16px;flex-shrink:0}
.reference-home header.scrolled,.inner-page header.scrolled{background:#fffffff5;color:#172033;box-shadow:0 2px 15px #1720330b;backdrop-filter:blur(12px)}header.scrolled .theme-toggle:hover{background:#1720330c}.inner-page header.scrolled nav [aria-current=page]{color:#137f83;border-color:#137f83}
html[data-theme=dark]{color-scheme:dark;--ink:#edf2ef;--soft:#182321;--line:#33443f}
html[data-theme=dark] body{background:#111a18;color:#edf2ef}html[data-theme=dark] p,html[data-theme=dark] .comparison-copy ul{color:#bdcbc5}
html[data-theme=dark] .theme-toggle .moon{display:none}html[data-theme=dark] .theme-toggle .sun{display:block}
html[data-theme=dark] .section,html[data-theme=dark] .intro,html[data-theme=dark] .why-senoma,html[data-theme=dark] .service-nav,html[data-theme=dark] footer{background:#111a18;color:#edf2ef}
html[data-theme=dark] .soft,html[data-theme=dark] .comparison-second,html[data-theme=dark] .gallerysection,html[data-theme=dark] .why-cards article,html[data-theme=dark] .service-detail,html[data-theme=dark] .service-nav a,html[data-theme=dark] .contact form,html[data-theme=dark] .review-invite>div:last-child{background:#1a2623;color:#edf2ef}
html[data-theme=dark] .why-intro,html[data-theme=dark] .why-cards p{color:#bdcbc5}html[data-theme=dark] .why-label,html[data-theme=dark] .eyebrow,html[data-theme=dark] .textlink,html[data-theme=dark] .email{color:#75c7c7}
html[data-theme=dark] .why-icon{background:#283a35;color:#75c7c7}html[data-theme=dark] .project{color:#edf2ef}html[data-theme=dark] .filters button,html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:#15221e;color:#edf2ef;border-color:#3b5148}html[data-theme=dark] .filters .active{background:var(--accent);color:white}
html[data-theme=dark] header.scrolled{background:#111a18f5;color:#edf2ef;box-shadow:0 2px 15px #0003}html[data-theme=dark] header.scrolled nav [aria-current=page]{color:#75c7c7;border-color:#75c7c7}html[data-theme=dark] .service-nav a:hover{background:#263a33}
@media(max-width:1050px){.header-content{gap:18px}.reference-home .over nav,.inner-page nav{gap:26px;font-size:11px}.reference-home .over .brand,.inner-page .brand{width:140px}}
@media(max-width:720px){.reference-home .over,.inner-page .inner-header{height:72px;width:100%;padding:0}.header-content{width:88%;gap:14px}.reference-home .over .brand,.inner-page .brand{width:130px;margin-right:auto}.menu{order:3}.theme-toggle{order:2}.reference-home .over nav,.inner-page nav{top:72px;left:0;right:0;margin:0;background:#fff;color:#172033;padding:22px 6%;gap:17px;letter-spacing:.1em}.reference-home .over nav.open,.inner-page nav.open{display:flex}.headcta{display:none!important}html[data-theme=dark] .reference-home .over nav,html[data-theme=dark] .inner-page nav{background:#182521;color:#edf2ef}}
@media(prefers-reduced-motion:reduce){.reference-home .over,.inner-page .inner-header{transition:none}}
.method-timeline{background:#edf2f2;text-align:center;padding:75px 7.5% 85px}.method-timeline>.eyebrow{font-size:12px;letter-spacing:.15em;margin-bottom:17px}.method-timeline h2{font-family:Cormorant,Georgia,serif;font-weight:500;font-size:clamp(38px,4vw,60px);line-height:1.12}.method-rule{width:64px;height:1px;background:#26898b;margin:24px auto 0}.method-stages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:34px;max-width:1160px;margin:75px auto 0;padding:0;list-style:none}.method-stages li{position:relative;min-width:0}.method-stages li:not(:last-child):after{content:"";position:absolute;height:1px;background:#26898b30;top:32px;left:calc(50% + 42px);width:calc(100% - 50px)}.method-symbol{width:64px;height:64px;border:1px solid #26898b40;border-radius:50%;display:grid;place-items:center;margin:auto;color:#26898b}.method-symbol svg{width:29px;height:29px}.method-number{display:block;font-family:Cormorant,Georgia,serif;font-size:28px;color:#26898b;margin:22px 0 12px;line-height:1}.method-stages h3{font-family:Cormorant,Georgia,serif;font-size:21px;font-weight:600;line-height:1.2;margin-bottom:15px}.method-stages p{font-family:Outfit,Arial,sans-serif;font-weight:300;font-size:14px;line-height:1.7;margin:0;color:#586174}html[data-theme=dark] .method-timeline{background:#1a2623}html[data-theme=dark] .method-symbol,html[data-theme=dark] .method-number{color:#75c7c7}html[data-theme=dark] .method-stages p{color:#bdcbc5}@media(max-width:1050px){.method-stages{gap:22px}.method-stages h3{font-size:20px}.method-timeline{padding-left:5%;padding-right:5%}}@media(max-width:720px){.method-timeline{padding:50px 6%}.method-stages{grid-template-columns:1fr;text-align:left;gap:32px;margin-top:40px;max-width:450px}.method-stages li{display:grid;grid-template-columns:62px 1fr;column-gap:20px}.method-symbol{grid-column:1;grid-row:1/4;width:56px;height:56px;margin:0}.method-number{grid-column:2;margin:0 0 8px;font-size:25px}.method-stages h3,.method-stages p{grid-column:2}.method-stages h3{font-size:24px;margin-bottom:9px}.method-stages p{font-size:15px}.method-stages li:not(:last-child):after{top:65px;bottom:-23px;height:auto;width:1px;left:28px;background:#26898b30}.method-timeline h2{font-size:39px}}
.review-carousel{text-align:center;background:#fafafa}.review-window{overflow:hidden;max-width:1280px;margin:auto}.review-track{display:flex;gap:24px;transition:transform .8s ease-in-out}.google-review-link{flex:0 0 calc((100% - 72px)/4);text-align:left;background:white;border:1px solid #e7ece9;border-radius:12px;padding:32px 27px}.review-source{font:12px Outfit,sans-serif;color:#137f83;letter-spacing:.08em}.google-review-link h3{font-size:29px;margin:22px 0}.review-controls{display:flex;justify-content:center;align-items:center;gap:18px;margin:25px 0}.review-controls button{border:1px solid #ccd9d4;border-radius:50%;width:40px;height:40px;background:transparent;color:inherit;cursor:pointer;font:25px Outfit,sans-serif}.review-controls .review-pause{font-size:13px;width:auto;padding:0 16px;border-radius:25px}.review-count{font:14px Outfit,sans-serif;color:#586174}.review-all{margin-top:25px}html[data-theme=dark] .review-carousel{background:#1a2623}html[data-theme=dark] .google-review-link{background:#111a18;border-color:#33443f}html[data-theme=dark] .review-count{color:#bdcbc5}@media(max-width:1000px){.google-review-link{flex-basis:calc((100% - 24px)/2)}}@media(max-width:550px){.google-review-link{flex-basis:100%}}@media(prefers-reduced-motion:reduce){.review-track{transition:none}}

.google-review-link{display:flex;flex-direction:column}.google-review-link h3{font:500 19px Outfit,sans-serif;margin:15px 0 8px}.review-stars{color:#137f83;letter-spacing:3px;font-size:18px}.review-text{font:400 15px/1.7 Outfit,sans-serif;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;margin:18px 0;min-height:128px}.review-expanded .review-text{display:block;overflow:visible}.review-expand{align-self:flex-start;padding:0;border:0;background:none;color:#137f83;font:500 13px Outfit,sans-serif;cursor:pointer;margin:0 0 18px}.google-review-link .textlink{margin-top:auto;font-size:13px}html[data-theme=dark] .review-stars,html[data-theme=dark] .review-expand{color:#6ac7c7}

.founder{background:var(--soft)}.founder-layout{max-width:1140px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:70px}.founder-photo{position:relative;aspect-ratio:1680/944;overflow:hidden;border-radius:8px;margin:0}.founder-photo img{position:absolute;left:50%;top:50%;width:56.1905%;max-width:none;height:auto;transform:translate(-50%,-50%) rotate(90deg)}.founder-copy .eyebrow{margin-bottom:18px}.founder-copy h2{font-size:clamp(38px,3.6vw,54px)}.founder-description{font:400 15px/1.8 Outfit,sans-serif;margin:24px 0}.founder-signature{font:500 16px/1.5 Outfit,sans-serif;color:var(--ink);margin-bottom:24px}.founder-signature span{display:block;font-size:12px;font-weight:400;color:#626a65;margin-top:3px}.founder-copy .button{font-size:13px}html[data-theme=dark] .founder{background:#1a2623}html[data-theme=dark] .founder-signature{color:#edf2ef}html[data-theme=dark] .founder-signature span{color:#bdcbc5}@media(max-width:720px){.founder-layout{grid-template-columns:1fr;gap:30px}.founder-photo{width:100%}.founder-copy h2{font-size:42px}.founder-description{margin:20px 0}}

.expertise{text-align:center}.expertise-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;max-width:1140px;margin:auto}.expertise-card{position:relative;min-height:225px;border-radius:9px;overflow:hidden;background:#07585c;color:white;text-align:center;background-image:linear-gradient(150deg,transparent 25%,#ffffff06 25%,#ffffff06 48%,transparent 48%,transparent 72%,#ffffff04 72%);transition:background-color .3s,transform .3s}.expertise-card.is-open{background-color:#06484b;transform:translateY(-3px)}.expertise-toggle{width:100%;min-height:225px;border:0;background:none;color:inherit;padding:32px 18px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;font:400 16px/1.4 Outfit,sans-serif}.expertise-toggle svg{width:45px;height:45px;transition:transform .3s}.expertise-hint{font-size:11px;letter-spacing:.06em;opacity:.7;display:flex;gap:12px;align-items:center}.expertise-hint>span{font-size:18px}.expertise-card.is-open .expertise-toggle{min-height:105px;padding:19px 16px 8px;gap:9px}.expertise-card.is-open .expertise-toggle svg{width:29px;height:29px}.expertise-card.is-open .expertise-hint{display:none}.expertise-detail{padding:5px 20px 22px;animation:expertise-reveal .25s ease}.expertise-detail p{color:#e0eeeb;font:300 13px/1.65 Outfit,sans-serif;margin:0 0 12px}.expertise-detail a{font:400 12px Outfit,sans-serif;border-bottom:1px solid #ffffff55;padding-bottom:4px}.expertise-all{margin-top:30px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@keyframes expertise-reveal{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:950px){.expertise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.expertise-grid{gap:12px}.expertise-card,.expertise-toggle{min-height:200px}.expertise-toggle{font-size:14px;padding:24px 12px}.expertise-detail{padding:5px 12px 18px}.expertise-break{display:none}}@media(prefers-reduced-motion:reduce){.expertise-card,.expertise-toggle svg{transition:none}.expertise-detail{animation:none}}
/* Give services the main visual emphasis on the homepage. */
.reference-home .expertise{padding:85px 3.8% 90px}.expertise-grid{max-width:1440px;gap:28px}.expertise-card,.expertise-toggle{min-height:265px}.expertise-toggle{padding:38px 22px;font-size:18px;gap:20px}.expertise-toggle svg{width:53px;height:53px}.expertise .comparison-heading{margin-bottom:45px}.expertise .comparison-heading h2{font-size:clamp(44px,4.2vw,64px)}.expertise-detail{padding:8px 24px 26px}.expertise-detail p{font-size:14px}.expertise-all{margin-top:36px}
.why-senoma{padding:42px 6% 45px}.why-label{font-size:14px;letter-spacing:.15em;margin-bottom:12px}.why-senoma h2{font-size:36px}.why-intro{font-size:15px;max-width:900px;margin:20px auto 27px;line-height:1.65}.why-cards{max-width:1040px;margin:auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.why-cards article{padding:23px 18px;border-radius:12px}.why-icon{width:52px;height:52px;margin-bottom:15px}.why-icon svg{width:27px;height:27px}.why-cards h3{font-size:23px;margin-bottom:13px}.why-cards p{font-size:13px;line-height:1.65}
@media(max-width:1000px){.why-cards{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}.expertise-grid{gap:20px}.expertise-card,.expertise-toggle{min-height:240px}}
@media(max-width:720px){.reference-home .expertise{padding:60px 5% 65px}.expertise .comparison-heading h2{font-size:45px}.expertise .comparison-heading{margin-bottom:30px}.why-senoma{padding:35px 6%}.why-senoma h2{font-size:31px}.why-intro{font-size:14px}.why-cards{gap:12px}.why-cards article{padding:20px 15px}.why-cards h3{font-size:22px}.why-cards p{font-size:13px}}
@media(max-width:550px){.expertise-grid{gap:12px}.expertise-card,.expertise-toggle{min-height:220px}.expertise-toggle{font-size:15px;padding:28px 12px;gap:16px}.expertise-toggle svg{width:45px;height:45px}.expertise-detail{padding:5px 13px 20px}.expertise-detail p{font-size:13px}}
@media(max-width:400px){.why-cards{grid-template-columns:1fr}.why-cards article{padding:18px 20px}.why-icon{width:44px;height:44px;margin-bottom:10px}}

.why-cards{max-width:1140px;gap:32px}.why-cards article{padding:23px 18px}@media(max-width:1000px){.why-cards{max-width:800px;gap:24px}}@media(max-width:720px){.why-cards{gap:20px}}
.why-cards{max-width:1280px;gap:56px}@media(max-width:1200px) and (min-width:1001px){.why-cards{gap:36px}}@media(max-width:1000px){.why-cards{max-width:840px;gap:36px}}@media(max-width:720px){.why-cards{gap:28px}}@media(max-width:400px){.why-cards{gap:26px}}

.about-overview{background:#f3f6f6}.about-overview-layout{max-width:1120px;margin:auto;display:grid;grid-template-columns:1fr 1.05fr;gap:85px;align-items:center}.about-overview-copy .eyebrow{margin-bottom:18px}.about-overview-copy h2{font-size:clamp(38px,3.4vw,50px);line-height:1.04}.about-rule{display:block;width:64px;height:1px;background:var(--accent);margin:32px 0}.about-overview-copy>p:not(.eyebrow){font:300 15px/1.8 Outfit,sans-serif;color:#65757b;margin-bottom:24px}.about-overview-copy strong{font-weight:500;color:var(--ink)}.about-overview-cards{display:grid;gap:26px}.about-overview-cards article{display:flex;gap:24px;background:white;border:1px solid #dce5e5;border-radius:8px;padding:30px 32px}.about-overview-cards svg{flex:0 0 27px;width:27px;height:31px;color:#319296;margin-top:3px}.about-overview-cards h3{font-size:24px;margin:0 0 10px}.about-overview-cards p{font:300 13px/1.8 Outfit,sans-serif;color:#65757b;margin:0}html[data-theme=dark] .about-overview{background:#1a2623}html[data-theme=dark] .about-overview-cards article{background:#111a18;border-color:#33443f}html[data-theme=dark] .about-overview-copy strong{color:#edf2ef}html[data-theme=dark] .about-overview-copy>p:not(.eyebrow),html[data-theme=dark] .about-overview-cards p{color:#bdcbc5}@media(max-width:950px){.about-overview-layout{gap:40px}.about-overview-cards article{padding:25px 22px;gap:18px}}@media(max-width:720px){.about-overview-layout{grid-template-columns:1fr;gap:25px}.about-overview-copy h2{font-size:42px}.about-rule{margin:25px 0}.about-overview-cards{gap:16px}.about-overview-cards article{padding:24px}.about-overview-cards h3{font-size:23px}}

.commitment-band{background:#f3f0ea;border-block:1px solid #e6e1d8;padding:23px 4%}.commitment-band ul{max-width:1440px;margin:0 auto;padding:0;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:22px}.commitment-band li{font:300 10px/1.6 Outfit,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#52616c;text-align:center}html[data-theme=dark] .commitment-band{background:#1a2623;border-color:#33443f}html[data-theme=dark] .commitment-band li{color:#bdcbc5}@media(max-width:1000px){.commitment-band ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 24px}}@media(max-width:550px){.commitment-band{padding:22px 5%}.commitment-band ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 18px}.commitment-band li{font-size:9px;letter-spacing:.13em}}

.commitment-band{background:#f4f8f7;border-block:1px solid #dce7e4;padding:24px 5%}.commitment-band ul{max-width:1380px;gap:20px}.commitment-band li{display:flex;justify-content:center;align-items:center;gap:10px;font-weight:400;font-size:10px;letter-spacing:.12em;color:#356367}.commitment-band li:before{content:'';width:4px;height:4px;flex:0 0 4px;border-radius:50%;background:var(--accent)}html[data-theme=dark] .commitment-band{background:#162420;border-color:#33443f}html[data-theme=dark] .commitment-band li{color:#b5d6d1}@media(max-width:550px){.commitment-band{padding:21px 5%}.commitment-band li{font-size:9px;letter-spacing:.08em;gap:7px}}

.cta.project-contact{display:block;position:relative;background:linear-gradient(90deg,#10201de0,#10201db0),url(assets/contact-salle-bain-verte-optimized.webp) center 65%/cover;color:white;padding:95px 6%}.project-contact-layout{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:90px;max-width:1280px;margin:auto}.project-contact .eyebrow{color:#d3e9e5;display:flex;align-items:center;gap:16px;font-size:11px;letter-spacing:.2em;margin-bottom:28px}.project-contact .eyebrow:before{content:'';width:28px;height:1px;background:#48b5b7}.project-contact h2{font-size:clamp(48px,4.5vw,70px);line-height:1.05}.project-contact h2 em{color:#cde9e5;font-weight:400}.project-contact-description{color:#edf3f0;font:300 16px/1.8 Outfit,sans-serif;max-width:590px;margin:28px 0 0}.project-contact-action>.button{display:flex;justify-content:space-between;gap:22px;width:100%;max-width:430px;padding:18px 30px;border-radius:32px;font:400 12px/1.5 Outfit,sans-serif;text-transform:uppercase;letter-spacing:.15em;background:var(--accent)}.project-contact-action>.button span{font-size:23px;line-height:1}.project-contact-details{display:grid;grid-template-columns:1fr 1fr;gap:23px 25px;border-top:1px solid #ffffff35;padding-top:26px;margin:30px 0 0}.project-contact-details dt{font:300 10px/1.6 Outfit,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#bad3cf;margin-bottom:9px}.project-contact-details dd{font:400 14px/1.6 Outfit,sans-serif;margin:0;color:white}.project-contact-email{grid-column:1/-1}.project-contact-details a{overflow-wrap:anywhere}.project-contact-details a:hover{color:#8fd7d6}html[data-theme=dark] .cta.project-contact{background:linear-gradient(90deg,#10201de0,#10201db0),url(assets/contact-salle-bain-verte-optimized.webp) center 65%/cover;color:white}@media(max-width:1000px){.project-contact-layout{gap:45px}.project-contact h2{font-size:54px}}@media(max-width:720px){.cta.project-contact{padding:60px 6%}.project-contact-layout{grid-template-columns:1fr;gap:35px}.project-contact h2{font-size:48px}.project-contact-description{font-size:15px;margin-top:22px}.project-contact-action>.button{max-width:none;font-size:11px;padding:16px 24px}.project-contact-details{gap:22px 16px}.project-contact-details dd{font-size:13px}}

.why-senoma.why-editorial{padding:65px 5% 75px;background:#fafaf8}.why-editorial .why-label{font-size:12px;margin-bottom:18px}.why-editorial>h2{font-size:clamp(38px,3.4vw,52px);line-height:1.06;font-weight:400}.why-editorial>h2 em{font-weight:400}.why-editorial .why-cards{max-width:1260px;gap:55px;margin:42px auto 48px}.why-editorial .why-cards article{background:transparent;border-radius:0;box-shadow:none;padding:0 10px}.why-editorial .why-icon{width:60px;height:60px;background:#eef0ed;margin-bottom:16px}.why-editorial .why-icon svg{width:29px;height:29px;stroke-width:1.6}.why-editorial .why-cards h3{font:500 15px/1.4 Outfit,sans-serif;margin-bottom:11px}.why-editorial .why-cards p{font:300 13px/1.65 Outfit,sans-serif;max-width:235px;margin:auto}.why-story{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;max-width:1260px;margin:auto;text-align:left}.why-story figure{margin:0;aspect-ratio:1.15;overflow:hidden;border-radius:4px}.why-story img{width:100%;height:100%;object-fit:cover;object-position:center 65%}.why-story-copy .eyebrow{font-size:11px;margin-bottom:18px}.why-story-copy h3{font-size:clamp(34px,3vw,46px);line-height:1.08;font-weight:400;margin-bottom:25px}.why-story-copy p:not(.eyebrow){font:300 15px/1.8 Outfit,sans-serif;margin-bottom:18px}.why-story-copy .textlink{display:inline-block;font:400 13px Outfit,sans-serif;margin-top:6px}.why-story-copy .textlink span{margin-left:10px}html[data-theme=dark] .why-editorial .why-cards article{background:transparent}html[data-theme=dark] .why-editorial .why-icon{background:#243630}html[data-theme=dark] .why-senoma.why-editorial{background:#111a18}@media(max-width:1000px){.why-editorial .why-cards{gap:30px}.why-story{gap:40px}.why-story figure{aspect-ratio:.85}}@media(max-width:720px){.why-senoma.why-editorial{padding:45px 6% 50px}.why-editorial .why-cards{margin:30px auto 35px;gap:30px 22px}.why-editorial .why-cards article{padding:0}.why-editorial .why-cards h3{font-size:14px}.why-story{grid-template-columns:1fr;gap:30px}.why-story figure{aspect-ratio:1.1}.why-story-copy h3{font-size:38px}.why-story-copy p:not(.eyebrow){font-size:14px}}@media(max-width:400px){.why-editorial .why-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}}
.why-editorial .why-cards article{background:#eeefec;border-radius:12px;padding:24px 20px;box-shadow:0 8px 24px #20352e04}.why-editorial .why-icon{background:#e0e5e1}.why-editorial .why-story{max-width:none;width:calc(100% + 11.111111%);margin-left:-5.555556%;grid-template-columns:1fr 1fr;gap:0}.why-editorial .why-story figure{border-radius:0;aspect-ratio:1.15}.why-editorial .why-story-copy{padding:30px clamp(35px,5vw,90px);max-width:720px}html[data-theme=dark] .why-editorial .why-cards article{background:#1e302a}html[data-theme=dark] .why-editorial .why-icon{background:#2b4037}@media(max-width:1000px){.why-editorial .why-story figure{aspect-ratio:.85}.why-editorial .why-story-copy{padding:25px 35px}}@media(max-width:720px){.why-editorial .why-cards article{padding:22px 14px}.why-editorial .why-story{width:calc(100% + 13.636364%);margin-left:-6.818182%;grid-template-columns:1fr;gap:0}.why-editorial .why-story figure{aspect-ratio:1.1}.why-editorial .why-story-copy{padding:30px 6% 0;max-width:none}}@media(max-width:400px){.why-editorial .why-cards article{padding:20px 12px}}

.why-top{max-width:1440px;margin:0 auto 50px;display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,2.15fr);align-items:center;gap:45px}.why-heading{text-align:left}.why-heading .why-label{font-size:11px;letter-spacing:.13em;margin-bottom:20px}.why-heading h2{font-size:clamp(35px,3.1vw,48px);line-height:1.08;font-weight:400}.why-heading h2 em{font-weight:400}.why-editorial .why-top .why-cards{width:100%;max-width:none;margin:0;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr))}.why-editorial .why-top .why-cards article{padding:22px 13px}.why-editorial .why-top .why-cards h3{font-size:14px}.why-editorial .why-top .why-cards p{font-size:12px}.why-editorial .why-top .why-icon{width:50px;height:50px}@media(max-width:1200px){.why-top{grid-template-columns:1fr 1.7fr;gap:35px}.why-editorial .why-top .why-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}@media(max-width:720px){.why-top{grid-template-columns:1fr;gap:28px;margin-bottom:35px}.why-heading h2{font-size:40px}.why-heading h2 br{display:none}.why-editorial .why-top .why-cards{gap:16px}.why-editorial .why-top .why-cards article{padding:22px 15px}}

/* Composition ouverte inspirée de la maquette SENOMA */
.why-senoma.why-editorial{padding-top:45px;padding-bottom:0;background:#faf9f6}.why-top{max-width:1600px;grid-template-columns:minmax(270px,1fr) minmax(0,2.7fr);gap:32px;margin-bottom:40px;align-items:center}.why-heading .why-label,.why-story-copy .eyebrow{display:flex;align-items:center;gap:14px;white-space:nowrap}.why-heading .why-label:after,.why-story-copy .eyebrow:after{content:'';height:1px;width:60px;background:#bec5c2}.why-heading h2{font-size:clamp(40px,3.6vw,60px);line-height:1;letter-spacing:-.025em}.why-heading-description{font:300 14px/1.65 Outfit,sans-serif;margin:22px 0 0;max-width:370px}.why-editorial .why-top .why-cards{gap:0;grid-template-columns:repeat(4,minmax(0,1fr))}.why-editorial .why-top .why-cards article{background:transparent;border-radius:0;box-shadow:none;border-left:1px solid #deded9;padding:0 18px;align-self:stretch}.why-editorial .why-top .why-icon{width:76px;height:76px;background:#eeece7;margin:0 auto 18px}.why-editorial .why-top .why-icon svg{width:36px;height:36px}.why-editorial .why-top .why-cards h3{font-size:15px;margin-bottom:12px}.why-editorial .why-top .why-cards p{font-size:14px;line-height:1.6}.why-editorial .why-story{grid-template-columns:1.09fr 1fr;align-items:stretch}.why-editorial .why-story figure{aspect-ratio:1.65;min-height:460px}.why-editorial .why-story-copy{max-width:none;padding:45px clamp(35px,4vw,75px);align-self:center}.why-story-copy h3{font-size:clamp(38px,3.6vw,58px)}.why-story-copy .button{margin-top:6px;gap:30px;padding:14px 24px;min-height:48px;font-size:13px;border-radius:5px}html[data-theme=dark] .why-editorial .why-top .why-cards article{background:transparent;border-color:#33443f}html[data-theme=dark] .why-editorial .why-top .why-icon{background:#2b4037}html[data-theme=dark] .why-heading-description{color:#bdcbc5}
@media(max-width:1100px){.why-top{grid-template-columns:1fr;gap:30px}.why-heading h2 br:first-of-type{display:none}.why-heading-description{max-width:650px}.why-editorial .why-top .why-cards article:first-child{border-left:0}.why-editorial .why-story figure{aspect-ratio:auto;min-height:500px}.why-story-copy h3{font-size:40px}.why-editorial .why-story-copy{padding:35px}}
@media(max-width:720px){.why-top{gap:30px;margin-bottom:35px}.why-heading h2{font-size:44px}.why-heading h2 br{display:none}.why-editorial .why-top .why-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 0}.why-editorial .why-top .why-cards article{padding:0 14px}.why-editorial .why-top .why-cards article:nth-child(odd){border-left:0}.why-editorial .why-top .why-icon{width:64px;height:64px}.why-editorial .why-top .why-cards p{font-size:13px}.why-editorial .why-story{grid-template-columns:1fr}.why-editorial .why-story figure{aspect-ratio:1.2;min-height:0}.why-editorial .why-story-copy{padding:35px 6% 45px}.why-story-copy h3{font-size:40px}.why-heading .why-label{white-space:normal}}
/* Photo contenue dans sa colonne et ombres diffuses de la référence */
.why-editorial .why-story{grid-template-columns:minmax(0,1.09fr) minmax(0,1fr)}.why-editorial .why-story figure{position:relative;min-width:0;width:100%;overflow:hidden}.why-editorial .why-story img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:50% 62%}.why-editorial .why-story-copy{min-width:0;position:relative;isolation:isolate;overflow:hidden;align-self:stretch;display:flex;flex-direction:column;justify-content:center;background:#faf9f6}.why-story-copy:before{content:'';position:absolute;inset:-40px;z-index:-1;pointer-events:none;background:linear-gradient(135deg,transparent 51%,#58634b0c 54%,transparent 58%),linear-gradient(132deg,transparent 64%,#58634b10 68%,transparent 73%),radial-gradient(ellipse at 96% 12%,#58634b0e,transparent 44%),linear-gradient(138deg,transparent 78%,#58634b0c 82%,transparent 87%);filter:blur(12px)}.why-story-copy .button{align-self:flex-start}html[data-theme=dark] .why-editorial .why-story-copy{background:#111a18}html[data-theme=dark] .why-story-copy:before{opacity:.4}@media(max-width:720px){.why-editorial .why-story{grid-template-columns:minmax(0,1fr)}.why-editorial .why-story figure{aspect-ratio:1.2}.why-story-copy:before{opacity:.65}}

/* Ombre végétale diffuse, derrière le texte uniquement */
.why-story-copy:before{inset:-30px -65px -30px 0;background:url('assets/ombre-feuillage.svg') right center/cover no-repeat;filter:blur(13px);opacity:.12;transform:rotate(-8deg);transform-origin:top right}html[data-theme=dark] .why-story-copy:before{opacity:.1}@media(max-width:720px){.why-story-copy:before{opacity:.09;filter:blur(11px);background-position:right top}}

/* Ombre de ramure : petites feuilles irrégulières, lumière entre les bouquets */
.why-story-copy:before{inset:-15px -25px -15px 0;background:url('assets/ombre-feuillage.svg') right top/100% 100% no-repeat;filter:blur(4px);opacity:.14;transform:none;-webkit-mask-image:linear-gradient(90deg,transparent 15%,#0009 50%,#000 88%);mask-image:linear-gradient(90deg,transparent 15%,#0009 50%,#000 88%)}html[data-theme=dark] .why-story-copy:before{opacity:.08}@media(max-width:720px){.why-story-copy:before{filter:blur(3px);opacity:.11}}

/* Nouvelle ombre de canopée, plus large et plus diffuse */
.why-story-copy:before{inset:-60px -80px -30px -25px;background:url('assets/ombre-feuillage.svg') right top/cover no-repeat;filter:blur(3px);opacity:.16;transform:rotate(9deg);-webkit-mask-image:linear-gradient(90deg,transparent 18%,#0007 48%,#000 78%);mask-image:linear-gradient(90deg,transparent 18%,#0007 48%,#000 78%)}html[data-theme=dark] .why-story-copy:before{opacity:.075}@media(max-width:720px){.why-story-copy:before{inset:-25px -50px 0 0;opacity:.12;filter:blur(3px)}}

/* Photos d’illustration provisoires sous un voile turquoise lisible */
.expertise-card{background-image:linear-gradient(180deg,#073e43a6,#073e43c9),var(--service-photo);background-size:cover;background-position:center;isolation:isolate}.expertise-card.is-open{background-image:linear-gradient(180deg,#073e43c9,#073e43e8),var(--service-photo)}.expertise-toggle{text-shadow:0 1px 8px #001f2580}.expertise-hint{opacity:.9}.expertise-detail{position:relative}.expertise-detail p{color:#fff}
.expertise-photo-0{--service-photo:url(assets/service-renovation-chantier-optimized.webp)}
.expertise-photo-1{--service-photo:url(assets/service-fuite-chantier-optimized.webp)}
.expertise-photo-2{--service-photo:url(assets/service-tuyauterie-chantier-optimized.webp?v=restored)}
.expertise-photo-3{--service-photo:url(assets/service-robinetterie-retouche-optimized.webp)}
.expertise-photo-4{--service-photo:url(assets/service-wc-chantier-optimized.webp)}
.expertise-photo-5{--service-photo:url(assets/service-chauffe-eau-chantier-optimized.webp)}
.expertise-photo-6{--service-photo:url(assets/service-evacuations-chantier-optimized.webp)}
.expertise-photo-7{--service-photo:url(assets/service-raccordement-chantier-optimized.webp)}
/* Notre expertise : ambiance photographique en écho au hero */
.reference-home .expertise{position:relative;isolation:isolate;background:#202822;color:#fff;overflow:hidden;padding:75px 5% 70px}.expertise:before{content:'';position:absolute;inset:-12px;z-index:-2;background:url('assets/hero.webp') center 58%/cover no-repeat;filter:blur(3px)}.expertise:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#101a17d6,#161c18bd)}.expertise .comparison-heading{max-width:1440px;margin:0 auto 38px;display:grid;grid-template-columns:1fr 1fr;gap:12px 70px;text-align:left;align-items:center}.expertise .comparison-heading .eyebrow{grid-column:1/-1;color:#e2eae5;display:flex;align-items:center;gap:20px;margin-bottom:0}.expertise .comparison-heading .eyebrow:after{content:'';height:1px;width:65px;background:#ffffff60}.expertise .comparison-heading h2{color:#fff;font-size:clamp(42px,4vw,60px);line-height:1.05}.expertise .comparison-heading>p:not(.eyebrow){color:#e3e6e1;font-size:14px;line-height:1.8;margin:0;max-width:550px}.expertise-break{display:none}.expertise-card{border:0;border-radius:5px;background-image:linear-gradient(180deg,#10161215 5%,#101612a6 65%,#101612d1),var(--service-photo);background-position:center;background-size:cover;box-shadow:0 8px 25px #00000012}.expertise-card.is-open{background-image:linear-gradient(180deg,#10161280,#101612e6),var(--service-photo)}.expertise-toggle{align-items:flex-start;justify-content:flex-end;text-align:left;padding:28px;gap:13px}.expertise-toggle svg{background:#f6f6f0e8;color:#274a47;border-radius:50%;padding:10px;width:48px;height:48px}.expertise-hint{font-size:11px;font-weight:300}.expertise-detail{text-align:left;padding:5px 28px 25px}.expertise-card.is-open .expertise-toggle{align-items:flex-start;padding:20px 28px 8px}.expertise-card.is-open .expertise-toggle svg{width:39px;height:39px;padding:8px}.expertise-all .button{background:#172b2838;border:1px solid #229c9f;color:white;min-width:225px}.expertise-all .button:hover{background:#087e82}html[data-theme=dark] .reference-home .expertise{background:#202822}@media(max-width:950px){.expertise .comparison-heading{gap:15px 35px}}@media(max-width:720px){.reference-home .expertise{padding:55px 6%}.expertise .comparison-heading{grid-template-columns:1fr;gap:17px}.expertise .comparison-heading h2{font-size:44px}.expertise .comparison-heading>p:not(.eyebrow){font-size:13px}.expertise-toggle{padding:22px 16px;font-size:14px}.expertise-detail{padding:5px 16px 22px}.expertise-card.is-open .expertise-toggle{padding:18px 16px 8px}.expertise-toggle svg{width:43px;height:43px;padding:9px}}
/* Fond blanc grisé neutre pour la composition éditoriale */
html:not([data-theme=dark]) .why-senoma.why-editorial,html:not([data-theme=dark]) .why-editorial .why-story-copy{background:#fafbfb}html:not([data-theme=dark]) .why-editorial .why-top .why-icon{background:#eef1f1}html:not([data-theme=dark]) .why-editorial .why-top .why-cards article{border-color:#dce2e2}

.expertise-photo-0{background-position:center 52%}

.expertise-photo-2{background-position:center 45%}.expertise-photo-6{background-position:center 65%}

.expertise-photo-4{background-position:center 58%}

.expertise-photo-7{background-position:65% 60%}

.expertise-photo-5{background-position:center 20%}

.expertise-photo-1{background-position:center 55%}
.expertise-photo-3{background-position:center 45%}

.founder-layout.founder-text-only{display:block;max-width:760px}.founder-text-only .founder-copy{width:100%}

/* Réalisations : sélection éditoriale */
.reference-home .realizations-showcase{padding:75px 5% 65px;background:#fafbfb}
.showcase-heading{display:grid;grid-template-columns:1.6fr .85fr auto;gap:45px;align-items:center;max-width:1440px;margin:0 auto 36px}
.showcase-intro .eyebrow{display:flex;align-items:center;gap:18px;font-size:11px;margin-bottom:22px}.showcase-intro .eyebrow:after{content:'';height:1px;width:60px;background:#bec9c7}
.showcase-heading h2{font-size:clamp(42px,4.3vw,66px);line-height:1.04}.showcase-heading h2 em{font-weight:400}
.showcase-description{font:300 15px/1.8 Outfit,sans-serif;margin:25px 0 0;max-width:370px}.showcase-heading>.textlink{font:400 13px/1.7 Outfit,sans-serif;color:var(--accent);white-space:nowrap;border-bottom:1px solid var(--accent);padding-bottom:5px}.showcase-heading>.textlink span{margin-left:8px}
.showcase-grid{display:grid;grid-template-columns:1.42fr 1fr;grid-template-rows:280px 280px;gap:16px;max-width:1440px;margin:auto}
.showcase-grid .showcase-card{position:relative;display:block;isolation:isolate;overflow:hidden;border-radius:6px;color:#fff;width:100%;height:100%;min-width:0;text-align:left;background:#26312d;padding:0;border:0;cursor:pointer}
.showcase-card-1{grid-row:1/3}.showcase-card-2{grid-column:2;grid-row:1}.showcase-card-3{grid-column:2;grid-row:2}
.showcase-card>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.showcase-card-1>img{object-position:center 48%}.showcase-card-2>img{object-position:center 35%}.showcase-card-3>img{object-position:center 48%}
.showcase-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0b151000 25%,#10181235 55%,#101812c9 100%);pointer-events:none}.showcase-card:hover>img{transform:scale(1.025)}
.showcase-caption{position:absolute;z-index:1;bottom:25px;left:28px;right:90px;display:block}.showcase-number{display:block;font:300 13px/1.6 Outfit,sans-serif;margin-bottom:9px}.showcase-number>span{margin-left:7px;color:#ffffffa8}.showcase-title{display:block;font:400 clamp(28px,2.6vw,40px)/1.02 Cormorant,Georgia,serif;letter-spacing:-.02em}.showcase-card-1 .showcase-title{font-size:clamp(36px,3.3vw,50px)}.showcase-detail{display:block;font:300 11px/1.6 Outfit,sans-serif;margin-top:17px;color:#f1f3f2}
.showcase-arrow{position:absolute;z-index:1;bottom:30px;right:24px;width:50px;height:50px;display:grid;place-items:center;border:1px solid #ffffffd9;border-radius:50%;font:300 26px/1 Outfit,sans-serif;transition:background .2s}.showcase-card:hover .showcase-arrow{background:#ffffff20}
.showcase-all{text-align:center;margin-top:32px}.showcase-all .button{background:transparent;color:var(--accent);font:400 13px/1.5 Outfit,sans-serif;min-height:46px;padding:12px 24px;gap:22px;border-radius:4px}.showcase-all .button:hover{background:#087e820b}.showcase-all .button span{font-size:22px}
html[data-theme=dark] .reference-home .realizations-showcase{background:#17231f}html[data-theme=dark] .showcase-description{color:#bdcbc5}html[data-theme=dark] .showcase-heading>.textlink,html[data-theme=dark] .showcase-all .button{color:#75c7c7;border-color:#75c7c7}
@media(max-width:1050px){.showcase-heading{grid-template-columns:1.3fr 1fr;gap:20px 30px}.showcase-heading>.textlink{grid-column:2;justify-self:start}.showcase-description{margin:0}.showcase-grid{grid-template-rows:245px 245px}.showcase-caption{left:22px;right:77px;bottom:22px}.showcase-arrow{right:18px;bottom:25px;width:42px;height:42px}}
@media(max-width:720px){.reference-home .realizations-showcase{padding:50px 6%}.showcase-heading{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.showcase-heading h2{font-size:44px}.showcase-intro .eyebrow{margin-bottom:18px}.showcase-heading>.textlink{grid-column:auto;justify-self:start}.showcase-description{font-size:14px;max-width:100%}.showcase-grid{grid-template-columns:1fr;grid-template-rows:430px 330px 330px;gap:16px}.showcase-card-1,.showcase-card-2,.showcase-card-3{grid-row:auto;grid-column:auto}.showcase-card-1 .showcase-title{font-size:38px}.showcase-title{font-size:33px}.showcase-detail{font-size:11px;margin-top:14px}.showcase-all{margin-top:28px}}
@media(prefers-reduced-motion:reduce){.showcase-card>img{transition:none}.showcase-card:hover>img{transform:none}}

/* Quatrième réalisation en portrait */
.showcase-grid{grid-template-columns:1.3fr 1fr .7fr}.showcase-card-4{grid-column:3;grid-row:1/3}.showcase-card-4>img{object-position:center center}.showcase-card-4 .showcase-caption{left:22px;right:22px;bottom:95px}.showcase-card-4 .showcase-title{font-size:clamp(27px,2.3vw,35px)}.showcase-card-4 .showcase-arrow{bottom:25px}
@media(min-width:721px) and (max-width:1100px){.showcase-grid{grid-template-columns:1.25fr 1fr;grid-template-rows:400px 400px}.showcase-card-1{grid-column:1;grid-row:1}.showcase-card-2{grid-column:2;grid-row:1}.showcase-card-3{grid-column:1;grid-row:2}.showcase-card-4{grid-column:2;grid-row:2}.showcase-card-4 .showcase-caption{bottom:25px;right:77px}.showcase-card-4 .showcase-title{font-size:34px}}
@media(max-width:720px){.showcase-grid{grid-template-columns:1fr;grid-template-rows:430px 330px 330px 480px}.showcase-card-4{grid-column:auto;grid-row:auto}.showcase-card-4 .showcase-caption{bottom:25px;right:77px}.showcase-card-4 .showcase-title{font-size:38px}}

.realizations-showcase .showcase-arrow{width:34px;height:34px;font-size:19px}

/* Méthode, présentation et artisan : même rythme éditorial */
.method-editorial.section{background:#f0f3f3;text-align:left;padding:75px 5% 80px}
.editorial-heading{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.25fr 1fr;align-items:end;gap:70px}
.method-editorial h2,.about-editorial h2,.founder-editorial h2{font:400 clamp(42px,4.2vw,62px)/1.05 Cormorant,Georgia,serif;letter-spacing:-.025em}
.editorial-heading .eyebrow,.about-editorial .eyebrow,.founder-editorial .eyebrow{display:flex;align-items:center;gap:18px;font:400 12px/1.5 Outfit,sans-serif;letter-spacing:.18em;margin-bottom:22px}.editorial-heading .eyebrow:after,.about-editorial .eyebrow:after,.founder-editorial .eyebrow:after{content:'';width:55px;height:1px;background:currentColor;opacity:.3}
.editorial-description{font:300 16px/1.8 Outfit,sans-serif;max-width:470px;margin:0 0 4px;justify-self:end}
.method-editorial .method-stages{max-width:1440px;margin:50px auto 0;gap:28px;text-align:left}
.method-editorial .method-stages li{display:flex;flex-direction:column;align-items:flex-start;border-top:1px solid #b6cdcb;padding-top:22px}
.method-editorial .method-stages li:after{display:none}.method-editorial .method-number{order:-2;font:300 48px/1 Cormorant,Georgia,serif;margin:0 0 20px;color:var(--accent)}
.method-editorial .method-symbol{order:-1;width:30px;height:30px;border:0;border-radius:0;margin:0 0 18px}.method-editorial .method-symbol svg{width:27px;height:27px}
.method-editorial .method-stages h3{font:400 25px/1.1 Cormorant,Georgia,serif;margin:0 0 16px}.method-editorial .method-stages p{font:300 15px/1.8 Outfit,sans-serif;color:#596766}
.about-editorial.section{padding:80px 5%;background:#20312f;color:#fff}
.about-editorial .about-overview-layout{max-width:1440px;grid-template-columns:1.15fr 1fr;gap:90px;align-items:start}.about-editorial .eyebrow{color:#8ecbc8}.about-editorial h2 em{color:#d7ece7}
.about-editorial .about-rule{margin:28px 0;background:#69b9b7;width:42px}.about-editorial .about-overview-copy>p:not(.eyebrow){font:300 16px/1.8 Outfit,sans-serif;color:#d1ded9;max-width:600px}.about-editorial .about-overview-copy strong{color:#fff;font-weight:400}
.about-editorial .about-overview-cards{gap:0;padding-top:12px}.about-editorial .about-overview-cards article{padding:25px 0;border:0;border-top:1px solid #ffffff26;border-radius:0;background:transparent;gap:22px}.about-editorial .about-overview-cards article:last-child{border-bottom:1px solid #ffffff26}.about-editorial .about-overview-cards svg{color:#8ecbc8;width:25px;flex-basis:25px}.about-editorial .about-overview-cards h3{font:400 29px/1.1 Cormorant,Georgia,serif;margin-bottom:10px}.about-editorial .about-overview-cards p{font:300 14px/1.8 Outfit,sans-serif;color:#d1ded9;max-width:490px}
.founder-editorial.section{background:#fafbfb;padding:80px 5%}.founder-editorial .founder-layout{max-width:1440px;grid-template-columns:1.1fr 1fr;gap:85px;align-items:center}.founder-editorial .founder-photo{border-radius:5px}.founder-editorial .founder-photo figcaption{position:absolute;z-index:1;bottom:0;left:0;right:0;padding:36px 22px 16px;color:#fff;background:linear-gradient(transparent,#0e1919a8);font:300 12px/1.7 Outfit,sans-serif;letter-spacing:.04em}.founder-editorial .founder-description{font:300 16px/1.8 Outfit,sans-serif;max-width:600px;margin:24px 0}.founder-editorial .founder-signature{border-top:1px solid #d6e1df;padding-top:20px;font-size:15px;max-width:360px}.founder-editorial .founder-copy .button{font:400 13px/1.5 Outfit,sans-serif;min-height:44px;padding:12px 22px;border-radius:4px}
html[data-theme=dark] .method-editorial.section{background:#1a2925}html[data-theme=dark] .method-editorial .editorial-description,html[data-theme=dark] .method-editorial .method-stages p{color:#bdcbc5}html[data-theme=dark] .method-editorial .method-stages li{border-color:#42635b}html[data-theme=dark] .about-editorial.section{background:#14221f}html[data-theme=dark] .about-editorial .about-overview-cards article{background:transparent;border-color:#ffffff26}html[data-theme=dark] .founder-editorial.section{background:#1a2623}html[data-theme=dark] .founder-editorial .founder-description{color:#bdcbc5}
@media(max-width:1050px){.editorial-heading{gap:35px}.method-editorial .method-stages{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.about-editorial .about-overview-layout,.founder-editorial .founder-layout{gap:40px}.founder-editorial h2,.about-editorial h2{font-size:46px}}
@media(max-width:720px){.method-editorial.section,.about-editorial.section,.founder-editorial.section{padding:50px 6%}.editorial-heading{grid-template-columns:1fr;gap:22px}.editorial-description{justify-self:start;margin:0;font-size:15px}.method-editorial h2,.about-editorial h2,.founder-editorial h2{font-size:44px}.method-editorial .method-stages{grid-template-columns:1fr;max-width:none;margin-top:35px;gap:26px}.method-editorial .method-stages li{display:grid;grid-template-columns:45px 1fr;column-gap:18px}.method-editorial .method-number{grid-column:1;grid-row:1/3;font-size:35px;margin:0}.method-editorial .method-symbol{display:none}.method-editorial .method-stages h3,.method-editorial .method-stages p{grid-column:2}.method-editorial .method-stages h3{font-size:27px;margin-bottom:10px}.about-editorial .about-overview-layout,.founder-editorial .founder-layout{grid-template-columns:1fr;gap:30px}.about-editorial .about-overview-cards{padding:0}.founder-editorial .founder-description{font-size:15px}.founder-editorial .founder-photo figcaption{font-size:12px}.founder-editorial .founder-copy .eyebrow{margin-bottom:18px}}

/* Carte en bas de page et coordonnées SENOMA */
.senoma-location{position:relative;height:480px;background:#e5edeb;overflow:hidden}.senoma-map{display:block;position:absolute;inset:0;width:100%;height:100%}.senoma-location-overlay{position:relative;pointer-events:none;max-width:1440px;margin:auto;height:100%;padding:28px 5%;display:flex;align-items:center}.senoma-location-card{pointer-events:auto;width:340px;max-width:100%;padding:28px 30px 25px;background:#fff;border-radius:6px;box-shadow:0 8px 30px #102b2826;text-align:center;color:#252926}.senoma-location-card>img{width:155px;height:75px;object-fit:contain;margin:0 auto 12px;display:block}.senoma-location-card .location-label{font:400 11px/1.6 Outfit,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#087e82;margin:0 0 16px}.senoma-location-card h2{font:400 35px/1.07 Cormorant,Georgia,serif;letter-spacing:-.02em}.senoma-location-card .location-description{font:300 14px/1.7 Outfit,sans-serif;color:#64716c;margin:17px 0}.location-email{display:block;font:400 14px/1.7 Outfit,sans-serif;overflow-wrap:anywhere;color:#087e82;margin-bottom:18px}.senoma-location-card .button{font:400 13px/1.5 Outfit,sans-serif;min-height:42px;padding:11px 20px;border-radius:4px}.location-google{display:block;width:fit-content;margin:16px auto 0;font:400 12px/1.7 Outfit,sans-serif;border-bottom:1px solid #a8c7c5;color:#087e82}.location-google:hover,.location-email:hover{color:#056368}
html[data-theme=dark] .senoma-location-card{background:#1a2925;color:#edf2ef}html[data-theme=dark] .senoma-location-card .location-description{color:#bdcbc5}html[data-theme=dark] .senoma-location-card>img{background:#fff;padding:7px;border-radius:3px}html[data-theme=dark] .senoma-location-card .location-label,html[data-theme=dark] .location-email,html[data-theme=dark] .location-google{color:#8bd1ce}
@media(max-width:720px){.senoma-location{height:auto;display:flex;flex-direction:column}.senoma-map{position:relative;height:310px;order:2}.senoma-location-overlay{order:1;width:100%;padding:30px 6%;height:auto;background:#f0f3f3}.senoma-location-card{width:100%;padding:25px 24px;box-shadow:0 5px 20px #102b2812}.senoma-location-card h2{font-size:35px}html[data-theme=dark] .senoma-location-overlay{background:#14221f}}

/* Services : un besoin, une définition et une image */
.service-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;max-width:1440px;margin:0 auto;padding:42px 5%;font:400 14px/1.5 Outfit,sans-serif}.service-index a{display:flex;align-items:center;gap:12px;white-space:normal;padding:16px 12px;border-bottom:1px solid #dae4e1}.service-index a span{color:var(--accent);font-size:12px}.service-index a:hover{color:var(--accent);background:#edf3f2}
.service-story{position:relative;padding:65px 5%;scroll-margin-top:105px}.service-story:nth-of-type(even){background:#f0f3f3}.service-story-layout{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:70px;max-width:1320px;margin:auto}.service-story:nth-of-type(odd) .service-story-photo{order:2}.service-story-photo{margin:0;min-width:0}.service-story-photo img{display:block;width:100%;height:470px;object-fit:cover;object-position:center;border-radius:5px}.service-story-photo figcaption{font:300 12px/1.7 Outfit,sans-serif;color:#6b7773;margin-top:10px}.service-story-copy{min-width:0}.service-story-copy .eyebrow{font:400 12px/1.6 Outfit,sans-serif;margin-bottom:18px}.service-story-copy h2{font:400 clamp(38px,3.8vw,55px)/1.05 Cormorant,Georgia,serif;letter-spacing:-.025em}.service-story-copy>p{font:300 16px/1.8 Outfit,sans-serif;margin:20px 0;color:#5d6c66}.service-story-copy .service-story-lead{color:#254841;font-weight:400}.service-story-copy h3{font:400 27px/1.2 Cormorant,Georgia,serif;margin:26px 0 14px}.service-story-copy ul{padding-left:20px;margin:0 0 24px;font:300 15px/1.8 Outfit,sans-serif;color:#5d6c66}.service-story-copy li{padding-left:4px;margin-bottom:8px}.service-story-copy li::marker{color:var(--accent)}.service-story-copy .service-visit{border-left:2px solid #6eb3b0;padding:0 0 0 18px;font-size:14px}.service-visit strong{display:block;font-weight:400;color:#254841;margin-bottom:6px}.service-story-copy .button{font:400 13px/1.5 Outfit,sans-serif;min-height:44px;padding:12px 22px;border-radius:4px}.service-back{display:inline-block;margin-left:20px;font:400 13px/1.6 Outfit,sans-serif;color:var(--accent);border-bottom:1px solid #a8c7c5}.service-legacy-anchor{position:absolute;top:0;scroll-margin-top:105px}
html[data-theme=dark] .service-story:nth-of-type(even){background:#1a2925}html[data-theme=dark] .service-story-copy>p,html[data-theme=dark] .service-story-copy ul,html[data-theme=dark] .service-story-photo figcaption{color:#bdcbc5}html[data-theme=dark] .service-story-copy .service-story-lead,html[data-theme=dark] .service-visit strong{color:#edf2ef}html[data-theme=dark] .service-index a{border-color:#3b5148}html[data-theme=dark] .service-index a:hover{background:#1a2925}html[data-theme=dark] .service-back,html[data-theme=dark] .service-index a span{color:#8bd1ce}
@media(max-width:1050px){.service-index{grid-template-columns:repeat(2,minmax(0,1fr))}.service-story-layout{gap:35px}.service-story-photo img{height:430px}}
@media(max-width:720px){.service-index{padding:25px 6%;gap:0 12px}.service-index a{padding:14px 0;font-size:13px;gap:8px}.service-story{padding:45px 6%}.service-story-layout{grid-template-columns:1fr;gap:28px}.service-story:nth-of-type(odd) .service-story-photo{order:0}.service-story-photo img{height:300px}.service-story-copy h2{font-size:40px}.service-story-copy>p{font-size:15px}.service-back{margin-left:16px}}

.senoma-location-card .location-address{display:flex;align-items:center;justify-content:center;gap:8px;font:400 13px/1.6 Outfit,sans-serif;color:#087e82;margin:0 0 15px}.location-address svg{width:17px;height:20px;flex:none}html[data-theme=dark] .senoma-location-card .location-address{color:#8bd1ce}

@media(min-width:721px){.senoma-location-overlay{max-width:none;margin:0;padding-left:0}.senoma-location-card{border-top-left-radius:0;border-bottom-left-radius:0}}

.service-sanitary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.service-sanitary-gallery .service-sanitary-grid img{width:100%;height:260px;object-fit:cover;border-radius:5px}.service-sanitary-grid img:first-child{object-position:center 78%}.service-sanitary-grid img:nth-child(4){object-position:center 65%}@media(max-width:1050px){.service-sanitary-gallery .service-sanitary-grid img{height:215px}}@media(max-width:720px){.service-sanitary-grid{gap:10px}.service-sanitary-gallery .service-sanitary-grid img{height:200px}}

/* Schémas de conception · Notre méthode */
.method-plans{max-width:1440px;margin:48px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.method-plan{min-width:0}.method-sketch{display:block;width:100%;padding:0;border:1px solid #dce5e3;border-radius:5px;overflow:hidden;background:#fff;color:#20312f;cursor:zoom-in;text-align:left}
.method-sketch img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#fff;padding:10px}
.method-enlarge{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid #e5ebe9;font:400 14px/1.5 Outfit,sans-serif;letter-spacing:.02em}.method-enlarge svg{width:18px;height:18px}
.method-sketch:hover{border-color:var(--accent)}.method-sketch:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.method-plan-copy{padding:22px 0 0;display:grid;grid-template-columns:28px 1fr;column-gap:12px}.method-plan-number{font:400 14px/1.6 Outfit,sans-serif;color:var(--accent);padding-top:3px}.method-plan-copy h3{font:400 30px/1.1 Cormorant,Georgia,serif;margin:0 0 12px}.method-plan-copy p{grid-column:2;font:300 16px/1.7 Outfit,sans-serif;color:#596766;margin:0}
.method-process-heading{max-width:1440px;margin:58px auto 0;padding-top:30px;border-top:1px solid #d4e0dd;display:flex;align-items:baseline;justify-content:space-between;gap:20px}.method-process-heading h3{font:400 34px/1.1 Cormorant,Georgia,serif;margin:0}.method-process-heading p{font:300 16px/1.7 Outfit,sans-serif;margin:0}.method-editorial .method-stages{margin-top:30px}
html[data-theme=dark] .method-plan-copy p{color:#bdcbc5}html[data-theme=dark] .method-process-heading{border-color:#42635b}
@media(max-width:1050px){.method-plans{gap:20px}.method-plan-copy h3{font-size:27px}}
@media(max-width:720px){.method-plans{grid-template-columns:1fr;margin-top:32px;gap:32px}.method-sketch img{aspect-ratio:4/3}.method-plan-copy{padding-top:18px}.method-process-heading{margin-top:38px;display:block}.method-process-heading p{margin-top:12px}.method-editorial .method-stages{margin-top:26px}}

/* Notre méthode : schémas à gauche, accompagnement à droite */
.method-split-layout{max-width:1440px;margin:auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:70px;align-items:center}
.method-drawings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0}.method-drawing{margin:0;min-width:0}.method-drawing:first-child{grid-column:1/-1}.method-drawings .method-sketch img{aspect-ratio:4/3;padding:8px}.method-drawings .method-enlarge{font-size:13px;padding:10px 12px}.method-drawings-caption{grid-column:1/-1;font:300 14px/1.7 Outfit,sans-serif;color:#596766;margin:2px 0 0;max-width:510px}
.method-split .editorial-heading{display:block}.method-split .editorial-description{margin:22px 0 0;max-width:480px}.method-split h2{font-size:clamp(42px,3.7vw,56px)}
.method-split .method-stages{display:flex;flex-direction:column;gap:0;margin:30px 0 0;max-width:none}
.method-split .method-stages li{display:grid;grid-template-columns:40px 1fr;column-gap:18px;align-items:start;padding:18px 0;border-top:1px solid #c9d8d4}
.method-split .method-number{grid-column:1;grid-row:1/3;font:300 32px/1 Cormorant,Georgia,serif;margin:0;padding-top:1px}.method-split .method-symbol{display:none}.method-split .method-stages h3{grid-column:2;font-size:25px;margin:0 0 7px}.method-split .method-stages p{grid-column:2;font:300 15px/1.65 Outfit,sans-serif;margin:0}
html[data-theme=dark] .method-drawings-caption{color:#bdcbc5}
@media(max-width:1050px){.method-split-layout{gap:35px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.method-drawings{gap:12px}.method-split .method-stages h3{font-size:24px}}
@media(max-width:720px){.method-split-layout{grid-template-columns:1fr;gap:36px}.method-split-copy{grid-row:1}.method-drawings{grid-row:2;gap:12px}.method-split h2{font-size:44px}.method-split .method-stages{margin-top:26px}.method-split .method-stages li{padding:17px 0}.method-drawings .method-enlarge{font-size:12px;gap:8px}.method-drawings .method-enlarge svg{flex-shrink:0;width:16px;height:16px}}

/* Deux rénovations réelles dans la page Services */
.service-renovation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.service-renovation-project{margin:0;min-width:0}.service-renovation-comparisons .compare{max-width:none;border-radius:5px}
.service-renovation-comparisons .compare>img{position:absolute;width:100%;height:100%;border-radius:0;object-fit:cover}
.service-renovation-comparisons .compare-divider span{width:36px;height:36px;border-width:2px;font-size:22px;letter-spacing:3px;padding-left:3px}.service-renovation-comparisons .compare-tag{font:400 12px/1.5 Outfit,sans-serif;padding:4px 9px;top:12px}.service-renovation-project figcaption{font:400 16px/1.5 Outfit,sans-serif;margin-top:12px;color:inherit}.service-comparison-note{font:300 14px/1.7 Outfit,sans-serif;color:#6b7773;margin:16px 0 0}html[data-theme=dark] .service-comparison-note{color:#bdcbc5}
@media(max-width:720px){.service-renovation-grid{gap:12px}.service-renovation-project figcaption{font-size:14px}.service-renovation-comparisons .compare-tag{padding:4px 7px;font-size:12px}}
@media(max-width:400px){.service-renovation-grid{grid-template-columns:1fr;gap:25px}.service-renovation-comparisons .compare{max-width:300px}}

/* Notre méthode · planches de conception et parcours */
.method-studio.section{background:#f5f7f6;padding:80px 5%;scroll-margin-top:100px}.method-studio-layout{max-width:1440px;margin:auto;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:50px;align-items:center}
.method-board{min-width:0}.method-board-label{font:400 14px/1.5 Outfit,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#476762;margin:0 0 22px}.method-board-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.method-board-sheet{margin:0;min-width:0}.method-board-sheet:first-child{grid-column:1/-1}.method-board .method-sketch{position:relative;border:0;border-radius:3px;box-shadow:0 8px 28px #20312f0c;transition:box-shadow .2s;background:white}.method-board .method-sketch:hover{box-shadow:0 12px 30px #20312f1a}
.method-board .method-sketch img{aspect-ratio:1.35;object-fit:contain;padding:0;background:white}.method-board-sheet:first-child .method-sketch img{aspect-ratio:1.7}.method-sheet-zoom{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:30px;height:30px;background:#ffffffeb;border:1px solid #dce5e3;border-radius:3px;color:#20312f}.method-sheet-zoom svg{width:16px;height:16px}.method-board-sheet figcaption{font:300 14px/1.5 Outfit,sans-serif;color:#476762;margin-top:10px}.method-board-note{font:300 14px/1.6 Outfit,sans-serif;color:#6b7773;margin:22px 0 0}
.method-guide{background:#20312f;color:white;padding:44px 42px;border-radius:5px}.method-guide .eyebrow{font:400 13px/1.5 Outfit,sans-serif;letter-spacing:.16em;color:#8ecbc8;margin:0 0 22px}.method-guide h2{font:400 clamp(40px,3.5vw,54px)/1.05 Cormorant,Georgia,serif;letter-spacing:-.02em;margin:0;color:white}.method-guide h2 em{color:#d7ece7}.method-guide-intro{font:300 16px/1.7 Outfit,sans-serif;color:#d1ded9;margin:22px 0 30px;max-width:440px}
.method-guide-steps{list-style:none;padding:0;margin:0}.method-guide-steps li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:18px;padding:17px 0;border-top:1px solid #ffffff24}.method-step-index{font:400 14px/1.5 Outfit,sans-serif;letter-spacing:.06em;color:#8ecbc8;padding-top:3px}.method-guide-steps h3{font:400 25px/1.15 Cormorant,Georgia,serif;margin:0 0 7px;color:white}.method-guide-steps p{font:300 14px/1.65 Outfit,sans-serif;margin:0;color:#d1ded9}
html[data-theme=dark] .method-studio.section{background:#182622}html[data-theme=dark] .method-guide{background:#223b34}html[data-theme=dark] .method-board-label,html[data-theme=dark] .method-board-sheet figcaption{color:#bdcbc5}html[data-theme=dark] .method-board-note{color:#a4b8b0}
@media(max-width:1050px){.method-studio-layout{gap:30px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.method-guide{padding:34px 28px}.method-board-grid{gap:16px}.method-guide h2{font-size:43px}}
@media(max-width:760px){.method-studio.section{padding:50px 6%}.method-studio-layout{grid-template-columns:1fr;gap:34px}.method-board{order:2}.method-guide{order:1;padding:32px 25px}.method-guide h2{font-size:42px}.method-guide-steps li{gap:14px}.method-guide-steps h3{font-size:25px}.method-board-label{margin-bottom:16px}.method-board-grid{gap:18px}.method-board-sheet figcaption{font-size:13px}}

.service-bathroom-feature{width:100%;max-width:510px;justify-self:center}.service-bathroom-feature img{height:auto;object-fit:contain}
@media(max-width:720px){.service-bathroom-feature{max-width:400px}.service-bathroom-feature img{height:auto}}

/* Schémas compacts, sans interaction */
.method-studio.section{padding:55px 5%}.method-studio-layout{max-width:1260px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:65px}.method-board{max-width:420px;width:100%;justify-self:center}.method-board-label{font-size:12px;margin-bottom:16px}.method-board-grid{gap:16px}.method-sheet-image{background:#fff;border-radius:3px;overflow:hidden}.method-sheet-image img{display:block;width:100%;height:145px;object-fit:contain}.method-board-sheet:first-child .method-sheet-image img{height:235px}.method-board-sheet figcaption{font-size:12px;margin-top:7px}.method-guide{padding:30px 34px}.method-guide .eyebrow{margin-bottom:16px}.method-guide h2{font-size:44px}.method-guide-intro{margin:17px 0 22px;font-size:15px}.method-guide-steps li{padding:12px 0}.method-guide-steps h3{font-size:24px;margin-bottom:5px}.method-guide-steps p{font-size:14px;line-height:1.6}
@media(max-width:1050px){.method-studio-layout{gap:35px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.method-guide{padding:28px}.method-guide h2{font-size:40px}.method-sheet-image img{height:125px}.method-board-sheet:first-child .method-sheet-image img{height:205px}}
@media(max-width:760px){.method-studio.section{padding:40px 6%}.method-studio-layout{grid-template-columns:1fr;gap:28px}.method-board{max-width:350px}.method-guide{padding:27px 24px}.method-guide h2{font-size:40px}.method-sheet-image img{height:110px}.method-board-sheet:first-child .method-sheet-image img{height:180px}}

.service-pipe-gallery .service-pipe-main{height:320px}.service-pipe-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.service-pipe-gallery .service-pipe-details img{height:160px;object-fit:cover}.service-pipe-details img:nth-child(2){object-position:35% 65%}
@media(max-width:1050px){.service-pipe-gallery .service-pipe-main{height:280px}.service-pipe-gallery .service-pipe-details img{height:140px}}
@media(max-width:720px){.service-pipe-gallery .service-pipe-main{height:280px}.service-pipe-gallery .service-pipe-details img{height:135px}}

/* Notre méthode · composition de la maquette fournie */
.method-reference.section{padding:60px 5%;background:#fafbfb}.method-reference .method-studio-layout{max-width:1440px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;align-items:stretch}.method-reference .method-board{max-width:none;justify-self:stretch}.method-reference-heading{padding:0 24px 28px}.method-reference-heading .eyebrow{font:400 13px/1.5 Outfit,sans-serif;letter-spacing:.15em;color:var(--accent);display:flex;align-items:center;gap:16px;margin:0 0 20px}.method-reference-heading .eyebrow:after{content:'';height:1px;width:50px;background:currentColor;opacity:.55}.method-reference-heading h2{font:400 clamp(42px,3.7vw,58px)/1.05 Cormorant,Georgia,serif;letter-spacing:-.025em;margin:0 0 19px}.method-reference-heading h2 em{color:inherit}.method-reference-heading>p:last-child{font:300 16px/1.7 Outfit,sans-serif;max-width:520px;margin:0;color:#687672}
.method-reference-photo{margin:0 0 16px;border-radius:5px;overflow:hidden}.method-reference-photo img{display:block;width:100%;aspect-ratio:2.35;object-fit:cover;object-position:center 52%}.method-reference .method-board-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.method-reference .method-board-sheet:first-child{grid-column:auto}.method-reference .method-sheet-image img,.method-reference .method-board-sheet:first-child .method-sheet-image img{height:125px;object-fit:contain}.method-reference .method-board-sheet figcaption{font:300 12px/1.5 Outfit,sans-serif;margin-top:9px}
.method-reference .method-guide{padding:30px 28px;border-radius:7px;background:#18332e;display:flex;flex-direction:column;justify-content:center}.method-reference .method-guide-steps li{position:relative;grid-template-columns:42px minmax(0,1fr) 52px;gap:18px;padding:18px 0;border-top:0;align-items:start}.method-reference .method-step-index{position:relative;z-index:1;width:42px;height:42px;display:grid;place-items:center;padding:0;border:1px solid #ffffff50;border-radius:50%;background:#18332e;color:white;font:400 14px/1 Outfit,sans-serif;letter-spacing:0}.method-reference .method-guide-steps li:not(:last-child):after{content:'';position:absolute;width:1px;left:21px;top:60px;bottom:-18px;background:#ffffff3b}.method-reference .method-guide-steps li:not(:last-child)>div{padding-bottom:20px;border-bottom:1px solid #ffffff26;height:100%}.method-reference .method-guide-steps h3{font-size:27px;margin-bottom:9px}.method-reference .method-guide-steps p{font-size:14px;line-height:1.65}.method-reference-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid #ffffff45;border-radius:50%;color:#69b9b7;margin-top:3px}.method-reference-icon svg{width:27px;height:27px}.method-guide-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #ffffff26;margin-top:14px;padding-top:20px}.method-guide-footer p{font:400 19px/1.25 Cormorant,Georgia,serif;color:#d1ded9;margin:0}.method-guide-footer a{font:400 13px/1.5 Outfit,sans-serif;color:#8ecbc8;border-bottom:1px solid #8ecbc8;padding-bottom:4px}
html[data-theme=dark] .method-reference.section{background:#182622}html[data-theme=dark] .method-reference-heading>p:last-child{color:#bdcbc5}
@media(max-width:1050px){.method-reference .method-studio-layout{gap:24px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.method-reference-heading{padding:0 0 25px}.method-reference .method-guide{padding:24px}.method-reference .method-guide-steps li{grid-template-columns:36px minmax(0,1fr);gap:14px}.method-reference-icon{display:none}.method-reference .method-step-index{width:36px;height:36px}.method-reference .method-guide-steps li:not(:last-child):after{left:18px;top:54px}.method-reference .method-guide-steps h3{font-size:25px}.method-guide-footer{display:block}.method-guide-footer a{display:inline-block;margin-top:14px}.method-reference .method-sheet-image img,.method-reference .method-board-sheet:first-child .method-sheet-image img{height:100px}.method-reference-photo img{aspect-ratio:1.7}}
@media(max-width:760px){.method-reference.section{padding:40px 6%}.method-reference .method-studio-layout{grid-template-columns:1fr;gap:28px}.method-reference .method-board{order:0}.method-reference .method-guide{order:1}.method-reference-heading h2{font-size:43px}.method-reference-photo img{aspect-ratio:1.7}.method-reference .method-board-grid{gap:10px}.method-reference .method-sheet-image img,.method-reference .method-board-sheet:first-child .method-sheet-image img{height:90px}.method-reference .method-board-sheet figcaption{font-size:12px}.method-reference .method-guide-steps li{padding:14px 0}.method-reference .method-guide-steps li:not(:last-child):after{top:50px;bottom:-14px}.method-guide-footer{display:flex}.method-guide-footer a{margin-top:0}}

/* Notre méthode : trois schémas uniquement et panneau plus compact */
.method-reference .method-studio-layout{max-width:1320px;grid-template-columns:minmax(0,1.15fr) minmax(0,.95fr);gap:40px;align-items:center}.method-reference-heading{padding:0 0 24px}.method-reference-heading h2{font-size:clamp(40px,3.4vw,52px)}.method-reference .method-board-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.method-reference .method-board-sheet:first-child{grid-column:1/-1}.method-reference .method-sheet-image img{height:140px}.method-reference .method-board-sheet:first-child .method-sheet-image img{height:260px}.method-reference .method-guide{padding:24px}.method-reference .method-guide-steps li{grid-template-columns:34px minmax(0,1fr) 42px;gap:14px;padding:12px 0}.method-reference .method-step-index{width:34px;height:34px;font-size:13px}.method-reference .method-guide-steps li:not(:last-child):after{left:17px;top:46px;bottom:-12px}.method-reference .method-guide-steps li:not(:last-child)>div{padding-bottom:14px}.method-reference .method-guide-steps h3{font-size:25px;margin-bottom:7px}.method-reference-icon{width:42px;height:42px;margin-top:0}.method-reference-icon svg{width:23px;height:23px}.method-guide-footer{margin-top:10px;padding-top:17px}.method-guide-footer p{font-size:18px}
@media(max-width:1050px){.method-reference .method-studio-layout{gap:28px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.method-reference .method-guide-steps li{grid-template-columns:34px minmax(0,1fr)}.method-reference .method-board-sheet:first-child .method-sheet-image img{height:230px}.method-reference .method-sheet-image img{height:125px}.method-reference .method-guide{padding:22px}}
@media(max-width:760px){.method-reference .method-studio-layout{grid-template-columns:1fr;gap:28px}.method-reference .method-board-sheet:first-child .method-sheet-image img{height:220px}.method-reference .method-sheet-image img{height:125px}.method-reference-heading h2{font-size:42px}.method-reference .method-guide-steps h3{font-size:24px}.method-guide-footer{display:block}.method-guide-footer a{margin-top:12px}}

.service-hot-water-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}.service-hot-water-gallery .service-hot-water-grid img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:center;border-radius:5px}
.method-reference .method-board-sheet:not(:first-child) .method-sheet-image img{height:180px}
@media(max-width:1050px){.method-reference .method-board-sheet:not(:first-child) .method-sheet-image img{height:160px}}
@media(max-width:760px){.service-hot-water-grid{gap:8px}.method-reference .method-board-sheet:not(:first-child) .method-sheet-image img{height:150px}}

/* Notre méthode · étapes horizontales et trois schémas alignés */
.method-horizontal.section{padding:65px 5%;background:#fafbfb;scroll-margin-top:100px}.method-horizontal-inner{max-width:1440px;margin:auto}.method-horizontal-heading{display:grid;grid-template-columns:1.3fr 1fr auto;gap:42px;align-items:center}.method-horizontal .eyebrow{display:flex;align-items:center;gap:18px;font:400 13px/1.5 Outfit,sans-serif;letter-spacing:.14em;color:var(--accent);margin:0 0 20px}.method-horizontal .eyebrow:after{content:'';width:50px;height:1px;background:#cbd5d2}.method-horizontal h2{font:400 clamp(42px,3.8vw,58px)/1.05 Cormorant,Georgia,serif;letter-spacing:-.025em;margin:0}.method-horizontal-description{font:300 16px/1.8 Outfit,sans-serif;color:#687672;margin:0;max-width:490px}.method-horizontal-heading .button{font-size:13px;padding:12px 20px;white-space:nowrap}
.method-flow{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px;padding:0;margin:42px 0 38px;text-align:center}.method-flow li{position:relative;min-width:0}.method-flow li:not(:last-child):after{content:'';position:absolute;top:32px;left:calc(50% + 44px);width:calc(100% - 60px);height:1px;background:#d4dfdb}.method-flow-icon{width:64px;height:64px;display:grid;place-items:center;margin:0 auto 12px;border-radius:50%;background:#edf2ef;color:var(--accent)}.method-flow-icon svg{width:27px;height:27px}.method-flow-number{display:block;font:400 14px/1.5 Outfit,sans-serif;color:var(--accent);margin-bottom:7px}.method-flow h3{font:400 25px/1.12 Cormorant,Georgia,serif;margin:0 0 13px}.method-flow p{font:300 14px/1.75 Outfit,sans-serif;color:#687672;margin:0}
.method-plan-heading .eyebrow{margin-bottom:18px}.method-plan-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.method-plan-card{margin:0;min-width:0;border:1px solid #e4ebe7;border-radius:5px;overflow:hidden;background:white}.method-plan-visual img{display:block;width:100%;height:225px;object-fit:contain;background:#fff}.method-plan-card figcaption{padding:18px 20px}.method-plan-card h3{font:400 25px/1.12 Cormorant,Georgia,serif;margin:0 0 10px}.method-plan-card figcaption p{font:300 14px/1.7 Outfit,sans-serif;color:#687672;margin:0}
.service-hot-water-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
html[data-theme=dark] .method-horizontal.section{background:#182622}html[data-theme=dark] .method-horizontal-description,html[data-theme=dark] .method-flow p,html[data-theme=dark] .method-plan-card figcaption p{color:#bdcbc5}html[data-theme=dark] .method-flow-icon{background:#264239}html[data-theme=dark] .method-flow li:after{background:#42635b}html[data-theme=dark] .method-plan-card{background:#22372f;border-color:#42635b}
@media(max-width:1050px){.method-horizontal-heading{grid-template-columns:1.1fr 1fr;gap:26px}.method-horizontal-heading .button{grid-column:2;justify-self:start}.method-horizontal-heading>div{grid-row:1/3}.method-flow{gap:18px}.method-flow h3{font-size:23px}.method-plan-row{gap:18px}.method-plan-visual img{height:190px}}
@media(max-width:760px){.method-horizontal.section{padding:40px 6%}.method-horizontal-heading{grid-template-columns:1fr;gap:20px}.method-horizontal-heading>div{grid-row:auto}.method-horizontal-heading .button{grid-column:1}.method-horizontal h2{font-size:43px}.method-flow{grid-template-columns:1fr;gap:23px;text-align:left;margin:32px 0}.method-flow li{display:grid;grid-template-columns:48px 1fr;gap:0 16px}.method-flow-icon{grid-column:1;grid-row:1/4;width:48px;height:48px;margin:0}.method-flow-icon svg{width:23px;height:23px}.method-flow-number,.method-flow h3,.method-flow p{grid-column:2}.method-flow li:not(:last-child):after{display:none}.method-flow h3{font-size:27px;margin-bottom:8px}.method-plan-row{grid-template-columns:1fr;gap:20px}.method-plan-visual img{height:220px}.service-hot-water-grid{gap:12px}}

.why-editorial .why-story img{object-position:50% 65%}

/* Photos de chantier : douches et robinetterie */
.service-shower-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.service-shower-gallery .service-shower-column{height:360px;object-fit:contain;background:#e5e8e6}.service-shower-gallery .service-shower-tap{height:210px;object-fit:cover}.service-shower-gallery .service-shower-tap:last-child{object-position:center 72%}html[data-theme=dark] .service-shower-gallery .service-shower-column{background:#25352f}@media(max-width:1050px){.service-shower-grid{gap:10px}.service-shower-gallery .service-shower-column{height:300px}.service-shower-gallery .service-shower-tap{height:180px}}@media(max-width:720px){.service-shower-gallery .service-shower-column{height:320px}.service-shower-gallery .service-shower-tap{height:190px}}@media(max-width:400px){.service-shower-gallery .service-shower-column{height:270px}.service-shower-gallery .service-shower-tap{height:160px}}

/* Bandeau ondulé entre les réalisations et la méthode */
.method-transition{position:relative;height:260px;margin-top:-65px;margin-bottom:-45px;z-index:1;pointer-events:none}.method-transition-shape{position:absolute}.method-transition-band{position:absolute;inset:0;clip-path:url(#method-transition-wave);overflow:hidden;background:#26312d}.method-transition-band>img{width:100%;height:100%;object-fit:cover;object-position:center 62%;display:block}.method-transition-veil{position:absolute;inset:0;background:linear-gradient(100deg,rgba(20,33,29,.84),rgba(20,33,29,.42) 56%,rgba(20,33,29,.68))}.method-transition-content{position:absolute;inset:0;width:100%;height:100%;max-width:1440px;margin:auto;padding:0 5%;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:32px}.method-transition-content p{font:400 12px/1.8 Outfit,sans-serif;text-transform:uppercase;letter-spacing:.18em;margin:0}.method-transition-start{display:flex;align-items:center;gap:24px;border-left:1px solid rgba(255,255,255,.6);padding:18px 0 18px 28px;transform:translateY(-3px)}.method-transition-end{display:flex;align-items:center;gap:24px;transform:translateY(25px)}.method-transition-content p span{display:block;flex:none;width:44px;height:1px;background:rgba(255,255,255,.65)}.method-transition+.method-horizontal.section{padding-top:35px}@media(max-width:900px){.method-transition-content p{font-size:11px;letter-spacing:.12em}.method-transition-content{gap:20px}.method-transition-end{max-width:280px}.method-transition-start{padding-left:20px}.method-transition-content p span{width:28px}}@media(max-width:600px){.method-transition{height:230px;margin-top:-45px;margin-bottom:-30px}.method-transition-content{padding:0 6%;gap:18px}.method-transition-content p{font-size:10px;letter-spacing:.1em;line-height:1.8}.method-transition-start{padding:12px 0 12px 14px;gap:10px}.method-transition-end{max-width:145px;gap:10px;transform:translateY(20px)}.method-transition-content p span{width:18px}.method-transition+.method-horizontal.section{padding-top:25px}}

/* Liaison continue des photos avec la vague, textes aux extrémités */
.realizations-showcase.section{padding-bottom:0}.method-transition{margin-top:-105px}.method-transition .method-transition-content{max-width:none;padding-left:clamp(20px,3vw,46px);padding-right:clamp(20px,3vw,46px)}.method-transition .method-transition-content p{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.25)}.method-transition-end{text-align:right}.method-transition-start{flex-shrink:0}.realizations-showcase .showcase-card-1 .showcase-caption,.realizations-showcase .showcase-card-3 .showcase-caption{bottom:115px}.realizations-showcase .showcase-card-4 .showcase-caption{bottom:145px}.realizations-showcase .showcase-card-1 .showcase-arrow,.realizations-showcase .showcase-card-3 .showcase-arrow,.realizations-showcase .showcase-card-4 .showcase-arrow{bottom:110px}@media(min-width:721px) and (max-width:1100px){.realizations-showcase .showcase-card-1 .showcase-caption{bottom:25px}.realizations-showcase .showcase-card-1 .showcase-arrow{bottom:30px}.realizations-showcase .showcase-card-4 .showcase-caption{bottom:115px}}@media(max-width:720px){.realizations-showcase .showcase-card-1 .showcase-caption,.realizations-showcase .showcase-card-3 .showcase-caption{bottom:25px}.realizations-showcase .showcase-card-1 .showcase-arrow,.realizations-showcase .showcase-card-3 .showcase-arrow{bottom:30px}.realizations-showcase .showcase-card-4 .showcase-caption{bottom:115px}}@media(max-width:600px){.method-transition{margin-top:-90px}.method-transition .method-transition-content{padding-left:16px;padding-right:16px}.method-transition-end{max-width:150px}.realizations-showcase .showcase-card-4 .showcase-caption{bottom:100px}.realizations-showcase .showcase-card-4 .showcase-arrow{bottom:95px}}

/* Fine respiration blanche suivant exactement la courbe supérieure */
.method-transition-white-gap{position:absolute;inset:0;width:100%;height:100%;z-index:2;overflow:visible;pointer-events:none}

/* Séparation blanche élargie, bord des photos conservé */
.method-transition{margin-top:-89px}@media(max-width:600px){.method-transition{margin-top:-76px}}

/* Filet blanc très fin suivant la courbe */
.method-transition{margin-top:-123px}@media(max-width:600px){.method-transition{margin-top:-106px}}

/* Légendes des réalisations : contraste et position ajustés */
.realizations-showcase .showcase-card:after{background:linear-gradient(180deg,rgba(11,21,16,0) 20%,rgba(11,21,16,.16) 43%,rgba(11,21,16,.60) 70%,rgba(11,21,16,.91) 100%)}.realizations-showcase .showcase-caption{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.4)}.realizations-showcase .showcase-detail{color:#fff;font-size:12px;line-height:1.65}.realizations-showcase .showcase-card-1 .showcase-title{font-size:clamp(36px,3.1vw,46px)}.realizations-showcase .showcase-card-1 .showcase-caption{bottom:105px}.realizations-showcase .showcase-card-3 .showcase-caption{bottom:90px}.realizations-showcase .showcase-card-4 .showcase-caption{bottom:100px}.realizations-showcase .showcase-card-1 .showcase-arrow,.realizations-showcase .showcase-card-3 .showcase-arrow,.realizations-showcase .showcase-card-4 .showcase-arrow{bottom:100px}@media(min-width:721px) and (max-width:1100px){.realizations-showcase .showcase-card-1 .showcase-caption{bottom:25px}.realizations-showcase .showcase-card-1 .showcase-arrow{bottom:30px}.realizations-showcase .showcase-card-3 .showcase-caption,.realizations-showcase .showcase-card-4 .showcase-caption{bottom:105px}}@media(max-width:720px){.realizations-showcase .showcase-card-1 .showcase-caption,.realizations-showcase .showcase-card-3 .showcase-caption{bottom:25px}.realizations-showcase .showcase-card-1 .showcase-arrow,.realizations-showcase .showcase-card-3 .showcase-arrow{bottom:30px}.realizations-showcase .showcase-card-4 .showcase-caption{bottom:105px}.realizations-showcase .showcase-card-1 .showcase-title{font-size:38px}}

.project-contact-legal{max-width:1200px;margin:32px auto 0;text-align:right}.project-contact-legal a{color:#e0ece7;font:300 12px/1.6 Outfit,sans-serif;text-decoration:underline;text-underline-offset:4px}

.contact-attachments input[type=file]{padding:14px;background:transparent}.contact-attachments input::file-selector-button{padding:9px 14px;margin-right:14px;border:1px solid #087e82;border-radius:4px;background:#087e82;color:white;font:400 13px Outfit,sans-serif;cursor:pointer}.attachment-list{padding-left:20px;margin:10px 0;font:300 14px/1.7 Outfit,sans-serif;overflow-wrap:anywhere}.attachment-list:empty{display:none}

/* Direct phone contact */
.project-contact-email{grid-column:auto}.contact-phone{display:block;width:fit-content;margin-top:14px;color:var(--accent);font:400 18px/1.6 Outfit,sans-serif}.contact-phone:hover{text-decoration:underline}@media(max-width:600px){.project-contact-email,.project-contact-phone{grid-column:1/-1}}


/* Straight transition between projects and method. */
.realizations-showcase+.method-horizontal.section{padding-top:75px}@media(max-width:600px){.realizations-showcase+.method-horizontal.section{padding-top:45px}}

@media(hover:hover) and (prefers-reduced-motion:no-preference){.why-focused-motion .why-icon{transition:transform .65s cubic-bezier(.16,1,.3,1)}.why-focused-motion article:hover .why-icon{transform:translateY(-4px) scale(1.035)}}

/* Directional light, restricted to the four SENOMA value icons. */
.why-scroll-light{position:relative;overflow:hidden;isolation:isolate}.why-scroll-light svg{position:relative;z-index:2}.why-light-beam{position:absolute;inset:-35%;pointer-events:none;z-index:1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 49%,rgba(102,221,213,.22) 57%,transparent 72%);opacity:0;transform:translateX(-90%)}
html[data-theme=dark] .why-light-beam{background:linear-gradient(110deg,transparent 30%,rgba(160,245,228,.4) 49%,rgba(47,179,168,.16) 57%,transparent 72%)}
@media(prefers-reduced-motion:reduce){.why-light-beam{display:none}}

/* Expertise: three cards and a half, inviting horizontal exploration. */
.reference-home .expertise .expertise-rail{display:flex;gap:24px;max-width:none;width:100%;margin:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding:0;padding:8px 0 20px;scrollbar-width:none;overscroll-behavior-x:contain;align-items:stretch}
.expertise-rail::-webkit-scrollbar{display:none}
.reference-home .expertise-rail>.expertise-card{flex:0 0 calc((100% - 72px)/3.5);min-width:0;min-height:335px;scroll-snap-align:start;scroll-snap-stop:normal}
.reference-home .expertise-rail .expertise-toggle{min-height:335px;padding:28px 24px;font-size:18px}
.reference-home .expertise-rail .is-open .expertise-toggle{min-height:140px;padding:24px 24px 8px}
.expertise-rail-controls{display:flex;justify-content:flex-end;gap:12px;margin-top:10px}
.expertise-rail-controls button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:#ffffff1f;color:white;cursor:pointer;transition:background .3s ease,opacity .3s ease}
.expertise-rail-controls button:hover{background:#ffffff35}
.expertise-rail-controls button:disabled{opacity:.3;cursor:default}
.expertise-rail-controls svg{width:20px;height:20px}
.expertise-rail:focus-visible,.expertise-rail-controls button:focus-visible{outline:2px solid #83d3cf;outline-offset:4px}
@media(max-width:1000px){.reference-home .expertise-rail>.expertise-card{flex-basis:calc((100% - 40px)/2.5)}.reference-home .expertise .expertise-rail{gap:20px}}
@media(max-width:600px){.reference-home .expertise .expertise-rail{gap:16px}.reference-home .expertise-rail>.expertise-card{flex-basis:82%;min-height:320px}.reference-home .expertise-rail .expertise-toggle{min-height:320px;font-size:18px}}
@media(prefers-reduced-motion:reduce){.expertise-rail-controls button{transition:none}}

/* Softer corners for the expertise carousel. */
.reference-home .expertise-rail>.expertise-card{border-radius:18px}

/* More generous service cards and one unified navigation row. */
.reference-home .expertise-rail>.expertise-card,.reference-home .expertise-rail .expertise-toggle{min-height:365px}
.reference-home .expertise-rail .is-open .expertise-toggle{min-height:140px}
.expertise-rail-controls{align-items:center;margin-top:14px}
.expertise-services-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 20px;border:0;border-radius:999px;background:#ffffff1f;color:#fff;font:400 13px/1.5 Outfit,sans-serif;text-decoration:none;transition:background .3s ease;white-space:nowrap}
.expertise-services-link:hover{background:#ffffff35}
.expertise-services-link:focus-visible{outline:2px solid #83d3cf;outline-offset:4px}
@media(max-width:600px){.reference-home .expertise-rail>.expertise-card,.reference-home .expertise-rail .expertise-toggle{min-height:345px}.reference-home .expertise-rail .is-open .expertise-toggle{min-height:140px}}
@media(prefers-reduced-motion:reduce){.expertise-services-link{transition:none}}

/* A measured lift and enlargement on pointer hover. */
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .reference-home .expertise .expertise-rail{padding-top:18px;padding-bottom:24px}
 .reference-home .expertise-rail>.expertise-card{transition:transform .65s cubic-bezier(.16,1,.3,1),background-color .3s ease;transform-origin:center bottom}
 .reference-home .expertise-rail>.expertise-card:hover{transform:translateY(-3px) scale(1.025);z-index:2}
 .reference-home .expertise-rail>.expertise-card:first-child{transform-origin:left bottom}
 .reference-home .expertise-rail>.expertise-card:last-child{transform-origin:right bottom}
}

/* Shared pill silhouette for SENOMA calls to action. */
html body .button,html body button[type=submit],html body .filters button{border-radius:14px!important}

/* Logo-tinted frosted buttons: translucent colour, opaque labels. */
html body .button:not(.outline){background:rgba(58,120,122,.82);border-color:rgba(116,197,195,.18);color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .35s ease}
html body .hero .button:not(.outline),html body header.over .button:not(.outline),html body .project-contact .button:not(.outline),html[data-theme=dark] body .button:not(.outline){background:rgba(58,120,122,.58)}
html body header.scrolled .button:not(.outline){background:rgba(58,120,122,.82)}
html body .showcase-all .button{background:transparent;color:var(--accent);-webkit-backdrop-filter:none;backdrop-filter:none}
@media(hover:hover){html body .button:not(.outline):hover{background:rgba(58,120,122,.94)}html body .hero .button:not(.outline):hover,html body .project-contact .button:not(.outline):hover,html[data-theme=dark] body .button:not(.outline):hover{background:rgba(58,120,122,.74)}}
@media(prefers-reduced-motion:reduce){html body .button{transition:none}}

.expertise-services-link{border-radius:14px}

/* Realisation cards follow the service cards' shape and hover rhythm. */
.realizations-showcase .showcase-grid .showcase-card{border-radius:18px}
.realizations-showcase .showcase-card-1 .showcase-caption,.realizations-showcase .showcase-card-3 .showcase-caption,.realizations-showcase .showcase-card-4 .showcase-caption{bottom:26px}
.realizations-showcase .showcase-card-1 .showcase-arrow,.realizations-showcase .showcase-card-3 .showcase-arrow,.realizations-showcase .showcase-card-4 .showcase-arrow{bottom:30px}
.realizations-showcase .showcase-card-4 .showcase-caption{right:66px}
.realizations-showcase .showcase-card-3:after{background:linear-gradient(180deg,rgba(11,21,16,0) 12%,rgba(11,21,16,.28) 40%,rgba(11,21,16,.76) 72%,rgba(11,21,16,.94) 100%)}
.realizations-showcase .showcase-card-3 .showcase-caption{text-shadow:0 2px 6px rgba(0,0,0,.65)}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .realizations-showcase .showcase-grid .showcase-card{transition:transform .65s cubic-bezier(.16,1,.3,1);transform-origin:center}
 .realizations-showcase .showcase-grid .showcase-card:hover{transform:translateY(-3px) scale(1.025);z-index:3}
}


/* Breathing room before Notre méthode. */
.reference-home .realizations-showcase.section{padding-bottom:85px}
@media(max-width:600px){.reference-home .realizations-showcase.section{padding-bottom:55px}}

/* The expertise photograph stays anchored while the content scrolls. */
.reference-home .expertise:before{background-attachment:fixed}
@media(hover:none),(prefers-reduced-motion:reduce){.reference-home .expertise:before{background-attachment:scroll}}

/* Schema cards share the services' rounded, borderless visual language. */
.reference-home .method-plan-card{position:relative;border:0;border-radius:18px;background:#233b35;overflow:hidden;box-shadow:none}
.reference-home .method-plan-visual{margin:0;overflow:hidden;background:transparent}
.reference-home .method-plan-visual img{width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;display:block;background:transparent}
.reference-home .method-plan-card figcaption{position:relative;padding:22px 24px 26px;background:linear-gradient(180deg,#2f4740,#233b35)}
.reference-home .method-plan-card h3{font:400 20px/1.3 Outfit,sans-serif;color:#fff;margin-bottom:10px}
.reference-home .method-plan-card figcaption p{font:300 13px/1.7 Outfit,sans-serif;color:#e3ece9}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.reference-home .method-plan-card{transition:transform .65s cubic-bezier(.16,1,.3,1)}.reference-home .method-plan-card:hover{transform:translateY(-3px) scale(1.025);z-index:2}}
@media(max-width:760px){.reference-home .method-plan-card figcaption{padding:22px}.reference-home .method-plan-card h3{font-size:20px}}

/* Services : angles cohérents sur toutes les photos de chantier. */
.page-services .service-story .service-story-photo img{border-radius:18px}

/* Titre lisible sur téléphone */
@media(max-width:600px){
.why-heading h2{font-size:clamp(34px,9vw,42px);line-height:1.16;letter-spacing:-.015em}
.why-heading h2 br,.why-heading h2 br:first-of-type{display:block}
.why-heading h2 em{display:inline-block}
}