.metier-intro{padding:42px 7% 58px;background:#111718;color:white}.breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;font-weight:400;margin-bottom:44px;color:#c9d0d0}.metier-intro h1{max-width:1000px}.metier-intro>p:not(.eyebrow){max-width:760px;line-height:1.85}.metier-intro .metier-tagline{font-size:22px;font-weight:700}.metier-intro .button{margin-top:12px}.metier-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:36px 7%;background:#fff}.metier-gallery figure{margin:0;min-width:0}.metier-gallery img{width:100%;height:280px;object-fit:cover}.metier-gallery figcaption{font-size:11px;color:#566061;padding-top:12px;line-height:1.6}.metier-content{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;padding:65px 7%}.metier-content h2,.metier-area h2,.metier-related h2{font-size:42px}.metier-content p,.metier-area p{font-size:15px;line-height:1.9}.metier-content ul{padding-left:20px;line-height:2}.metier-content aside{background:white;border-top:4px solid #ed193c;padding:30px}.metier-content aside h2{font-size:30px}.metier-content aside h3{font-size:24px}.metier-phone{font-size:26px;font-weight:800;color:#bd1130}.metier-area{padding:60px 7%;background:#fff}.metier-area p{max-width:850px}.metier-area .button{margin-top:24px}.metier-area .detail-link{display:block}.metier-related{padding:55px 7%;background:#111718;color:white}.metier-related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.metier-related a{padding:16px 0;border-bottom:1px solid #657070;font-size:14px}.metier-related a span{float:right;color:#ff3657}.metier-page .site-header{position:sticky;top:0;z-index:30}.metier-page .detail-link{margin-top:20px}.metier-page .breadcrumb{position:static}.metier-page a:hover{text-decoration-color:#ed193c}.metier-related a:hover{color:#ff6c83}@media(max-width:800px){.metier-intro{padding:28px 6% 40px}.metier-intro h1{font-size:48px;overflow-wrap:break-word}.metier-gallery{padding:24px 6%;gap:12px;grid-template-columns:1fr 1fr}.metier-gallery figure:first-child{grid-column:1/-1}.metier-gallery img{height:210px}.metier-gallery figure:first-child img{height:290px}.metier-content{grid-template-columns:1fr;padding:40px 6%;gap:30px}.metier-content h2,.metier-area h2{font-size:36px}.metier-area,.metier-related{padding:40px 6%}.metier-related>div{grid-template-columns:1fr 1fr}.breadcrumb{display:flex!important}.metier-page .metier-content aside{padding:22px}}@media(prefers-reduced-motion:no-preference){.metier-gallery img{transition:filter .3s}.metier-gallery img:hover{filter:brightness(1.05)}}
.local-faq{padding:45px 7% 60px;background:#fff}.local-faq h2{font-size:38px}.local-faq .faq-list{max-width:1000px}.local-faq summary{cursor:pointer;display:flex;justify-content:space-between;gap:20px}.local-faq summary span{flex:none}.local-case-links{margin:30px 0;padding:25px 0;border-top:1px solid #dce1e1;border-bottom:1px solid #dce1e1}.local-case-links h3{font-size:25px;margin-top:0}.local-case-links .detail-link{width:fit-content;max-width:100%}
.case-intro{display:grid;grid-template-columns:1fr 1fr;background:#111718;color:#fff}.case-intro-copy{padding:40px 8% 50px 14%;align-self:center}.case-intro h1{font-size:clamp(38px,4.2vw,66px);line-height:1.06;margin:20px 0 25px;overflow-wrap:break-word}.case-intro p:not(.eyebrow){font-size:15px;line-height:1.9}.case-intro .button{margin-top:20px}.case-intro .breadcrumb{margin-bottom:30px}.case-intro figure{margin:0;min-width:0;display:flex;flex-direction:column}.case-intro figure img{width:100%;height:100%;max-height:660px;min-height:470px;object-fit:cover;object-position:50% 78%}.case-intro figcaption{padding:12px 20px;font-size:11px;line-height:1.6;background:#192021;color:#cdd3d3}.case-facts{display:flex;gap:35px;justify-content:space-between;padding:25px 7%;border-bottom:1px solid #d8dddd;font-size:13px}.case-facts b{display:block;color:#b91230;margin-bottom:5px}.case-step{padding:60px 7%;border-bottom:1px solid #d8dddd}.case-step-copy{max-width:850px;margin-bottom:30px}.case-step h2{font-size:40px}.case-step p{line-height:1.9;font-size:15px}.case-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.case-photos figure{margin:0;min-width:0}.case-photos img{width:100%;height:clamp(270px,34vw,470px);object-fit:contain;background:#111718}.case-photos figcaption{font-size:12px;line-height:1.7;padding-top:12px;color:#475353}.chantier-case .metier-area>.detail-link{max-width:fit-content}.chantier-case .metier-related>a{display:block;max-width:700px}.metier-page .local-faq summary:focus-visible,.chantier-case a:focus-visible{outline:3px solid #ed193c;outline-offset:4px}
@media(max-width:800px){.local-faq{padding:35px 6%}.local-faq h2{font-size:32px}.case-intro{grid-template-columns:1fr}.case-intro-copy{padding:28px 6% 35px}.case-intro h1{font-size:42px}.case-intro figure img{min-height:0;height:360px;max-height:none}.case-facts{gap:20px;padding:25px 6%;flex-wrap:wrap}.case-step{padding:40px 6%}.case-step h2{font-size:32px}.case-photos{grid-template-columns:1fr;gap:25px}.case-photos img{height:auto;max-height:540px;object-fit:contain}.local-case-links .detail-link{font-size:14px}.chantier-case .metier-area>.detail-link{line-height:1.6}}
.case-extra{margin-top:28px;border-top:1px solid #cdd4d4;border-bottom:1px solid #cdd4d4}.case-extra>summary{cursor:pointer;padding:20px 0;font-size:14px;font-weight:700}.case-extra[open]>.case-photos{padding:5px 0 25px}.case-step[id]{scroll-margin-top:120px}.case-facts a:hover{text-decoration:underline;text-underline-offset:4px}
