/* Protect Alu V6 | finition architecturale – 12 octobre 2026 */
:root{--paper:#faf9f6;--cream:#f0f0ed;--warm:#bb986f;--deep:#0e2632;--ink:#142b38}
html{scroll-padding-top:92px}
body{background:var(--paper)}
.container{max-width:1380px}
.announcement{background:#102b3a}
.site-header{background:rgba(251,251,249,.98);border-bottom:1px solid #e5e9e5}
.logo-copy strong{color:#112c3b}
.logo-copy strong span{color:#788b91;font-weight:500}
.desktop-nav a:after{background:#bb986f;height:2px}
.nav-cta{background:#152f3c}
.hero-home-v4:before{background-image:linear-gradient(92deg,rgba(7,22,31,.86) 0%,rgba(8,28,39,.79) 50%,rgba(5,21,28,.58) 100%),url('/assets/chantiers/1000102859.webp')!important;filter:saturate(.84)}
.hero-inner-v4{min-height:630px;gap:clamp(35px,5vw,88px);padding-top:68px;padding-bottom:68px}
.hero-heading-v4 h1{max-width:700px;letter-spacing:-.078em!important;line-height:1.04}
.hero-heading-v4 h1 span{color:#d1dfd9}
.hero-heading-v4>p{max-width:480px;color:#edf2f1;line-height:1.72}
.hero-trust-v4 span{border-color:#d3dbd755;background:#182f3a88;color:#e9f0ee}
.hero-form-card{border:1px solid #d2d6d14d;border-top:3px solid #d6b58c;background:rgba(9,29,40,.96);box-shadow:0 32px 75px #07151e80;border-radius:3px}
.hero-form-card h2{letter-spacing:-.055em}
.hero-submit{background:#e2b768;transition:transform .22s,background .22s,box-shadow .22s}
.hero-submit:hover{box-shadow:0 7px 25px #e2b76840}
.hero-brandline{background:rgba(8,27,38,.84)}
.google-proof-v5{background:#f4f3ee;padding:35px 0}
.proof-v5-kicker{color:#997a54}
.proof-v5-link{background:#fff;border-color:#bdc8c6}
.proof-v5-stars{letter-spacing:1px}
.section{padding-top:105px;padding-bottom:105px}
.services-section{background:#f1f2ed}
.service-card{border-radius:3px;box-shadow:0 10px 32px #10252b1c;isolation:isolate}
.service-overlay{background:linear-gradient(0deg,rgba(8,23,32,.9),rgba(13,38,49,.18) 65%,rgba(0,0,0,.02))}
.service-inner{bottom:35px}
.service-title{font-weight:750}
.feature-photo,.home-gallery>a{border-radius:3px;overflow:hidden}
.home-gallery img,.service-card img{filter:saturate(.9);transition:transform .65s cubic-bezier(.2,.65,.2,1),filter .5s}
.home-gallery a:hover img,.service-card:hover img{filter:saturate(1);transform:scale(1.035)}
.display-title,.section-heading h2,.feature-content h2,.zone-grid h2,.end-cta h2,.footer-position h2{letter-spacing:-.06em}
.section-foot{margin-top:32px}
.text-link,.inline-link{border-bottom-color:#aa9380}
.portfolio-caption strong{letter-spacing:-.02em}
.gallery-v5-grid{gap:19px!important}
.gallery-v5-item{box-shadow:0 10px 30px rgba(18,39,49,.12)}
.gallery-v5-item img{filter:saturate(.90)}
.gallery-v5-item:hover img{transform:scale(1.035);filter:saturate(1.04)}
.gallery-v5-item .portfolio-caption{padding-bottom:22px}
.gallery-v5-item .portfolio-caption small{letter-spacing:.14em}
.gallery-v5-item .portfolio-plus{background:#102b3dc2}
.filter-btn{transition:background .2s,color .2s,border-color .2s}
.filter-btn:hover{border-color:#8f9e9d}
.lightbox{background:rgba(5,14,21,.96)}
.lightbox img{max-height:80vh;object-fit:contain}
.lightbox-nav-v6{position:absolute;top:48%;width:44px;height:52px;display:flex;align-items:center;justify-content:center;border:1px solid #ffffff60;background:#101f29b5;color:#fff;border-radius:2px;font-size:27px;z-index:4}
.lightbox-nav-v6.prev{left:18px}.lightbox-nav-v6.next{right:18px}
.lightbox-nav-v6:hover{background:#30485b}
.lightbox-count-v6{color:#fff9;font-size:12px;letter-spacing:.13em;text-align:center;margin:10px 0 0}
.contact-form-wrap{box-shadow:0 12px 40px rgba(9,28,37,.07)}
/* Focus and accessibility */
.skip-v6{position:absolute;z-index:999;top:-70px;left:12px;background:#fff;color:#112b3b;padding:10px 15px;border:2px solid #a98d65;font-weight:700}
.skip-v6:focus{top:12px}
img[loading="lazy"]{content-visibility:auto}
.site-footer{background:#0e222d}
/* Visual rhythm: discreet entrance transitions only where supported */
@media (prefers-reduced-motion:no-preference){
 .service-card:hover .service-arrow{transform:translate(2px,-2px)}
 .hero-home-v4:before{animation:pa-photo-shift 22s ease-in-out infinite alternate}
 @keyframes pa-photo-shift{from{transform:scale(1)}to{transform:scale(1.035)}}
 .gallery-v5-item:focus-visible img{transform:scale(1.02)}
}
@media(max-width:970px){.hero-inner-v4{min-height:0;padding-top:53px;padding-bottom:53px}.section{padding-top:84px;padding-bottom:84px}}
@media(max-width:700px){
 html{scroll-padding-top:74px}
 .announcement{min-height:27px}.announcement-inner{min-height:27px}
 .site-header{height:66px}.brand-mark{width:39px;height:39px}
 .hero-home-v4:before{background-image:linear-gradient(180deg,rgba(6,22,31,.79),rgba(8,25,35,.91) 58%,rgba(8,25,35,.97)),url('/assets/chantiers/1000102859.webp')!important;background-position:center,center 34%!important}
 .hero-inner-v4{padding-top:29px;padding-bottom:32px;gap:22px}
 .hero-heading-v4 .eyebrow{font-size:9px;letter-spacing:.10em}
 .hero-heading-v4 h1{font-size:clamp(39px,10.4vw,55px);letter-spacing:-.075em!important;margin:13px 0 12px;line-height:1.045}
 .hero-heading-v4>p{font-size:12px;line-height:1.53;margin-bottom:0}
 .hero-trust-v4{margin-top:14px;gap:5px}
 .hero-trust-v4 span{font-size:9px;padding:5px 7px}
 .hero-form-card{padding:22px 19px;box-shadow:0 12px 36px #05131f70}
 .hero-form-card h2{font-size:26px}
 .hero-form-lead{margin-bottom:16px}
 .hero-lead-form{gap:12px}
 .hero-lead-form input:not([type=checkbox]),.hero-lead-form select{min-height:46px;font-size:14px}
 .google-proof-v5{padding:24px 0}
 .proof-v5-layout{gap:15px}
 .proof-v5-score strong{font-size:29px}
 .section{padding-top:68px;padding-bottom:68px}
 .service-card{height:350px}
 .gallery-v5-grid{gap:9px!important}
 .gallery-v5-item{box-shadow:none}
 .gallery-v5-item .portfolio-caption strong{font-size:12px}
 .mobile-bottom{height:60px;padding-bottom:max(7px,env(safe-area-inset-bottom))}
 .mobile-bottom a{font-size:12px}
 .lightbox-nav-v6{width:34px;height:45px;top:45%;font-size:23px}
 .lightbox-nav-v6.prev{left:8px}.lightbox-nav-v6.next{right:8px}
 .lightbox img{max-height:72vh}
 .feature-content h2,.end-cta h2,.footer-position h2{overflow-wrap:normal}
}
@media(max-width:360px){.hero-inner-v4{padding-top:24px}.hero-heading-v4 h1{font-size:38px}.hero-form-card{padding:19px 13px}.hero-lead-form label{font-size:9px}}
@media(prefers-reduced-motion:reduce){.hero-home-v4:before{animation:none!important}}
body.pa-input-active .mobile-bottom{display:none!important}