*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#111;background:#fff;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{max-width:1180px;margin:auto;padding-left:25px;padding-right:25px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:30;padding:10px;background:white}.header{background:white;border-bottom:1px solid #e8e8e8;position:relative;z-index:2}.header-inner{display:flex;justify-content:space-between;gap:22px;align-items:center;min-height:102px}.brand img{display:block;width:185px;height:auto}.nav{display:flex;gap:30px;font-size:13px;font-weight:700}.nav a:hover,.footer a:hover{text-decoration:underline}.switch{display:flex;gap:3px;padding:3px;border:1px solid #ddd;border-radius:30px}.switch button{border:0;background:transparent;color:#222;border-radius:20px;padding:9px 12px;font-size:12px;cursor:pointer;font-weight:700}.switch button[aria-pressed=true]{background:#111;color:#fff}.hero{background:#080808;color:white}.hero-inner{display:grid;grid-template-columns:48% 52%;align-items:stretch;padding-top:0;padding-bottom:0;max-width:1280px;min-height:500px}.hero-copy{align-self:center;padding:75px 52px 75px 0}.eyebrow{font-size:11px;letter-spacing:2.2px;font-weight:800;color:#555;margin:0 0 18px}.eyebrow.inverse{color:#d0d0d0}.hero h1{font-size:clamp(38px,4.5vw,62px);line-height:1.07;letter-spacing:-1.9px;margin:0 0 24px;max-width:580px}.hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.7;color:#d1d1d1;max-width:460px}.hero-buttons{display:flex;gap:11px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;min-height:49px;align-items:center;justify-content:center;padding:0 19px;font-weight:800;font-size:13px;border:1px solid transparent;transition:opacity .15s}.btn:hover{opacity:.75}.btn.light{background:white;color:#111}.btn.ghost{border-color:#999;background:transparent;color:white}.btn.black{background:black;color:white;margin-top:19px}.hero-photo{margin:0;position:relative;min-height:480px}.hero-photo img{display:block;width:100%;height:100%;min-height:480px;max-height:650px;object-fit:cover}.services{padding-top:90px;padding-bottom:90px}.section-intro{max-width:710px;margin-bottom:47px}.section-intro h2,.contact h2,.social-inner h2{font-size:clamp(30px,3.6vw,45px);letter-spacing:-1.4px;line-height:1.1;margin:0 0 17px}.section-intro>p:last-child{font-size:16px;line-height:1.65;color:#646464;max-width:590px}.services-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px 22px}.service-card{background:#f7f7f7;min-width:0}.service-head{padding:25px 25px 17px}.service-number{font-size:10px;color:#777;letter-spacing:1.2px;font-weight:bold}.service-head h3{font-size:22px;margin:8px 0 7px;letter-spacing:-.5px}.service-head p{font-size:13px;line-height:1.5;color:#666;margin:0}.photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:3px}.photo-pair figure{margin:0;min-width:0;position:relative;background:#ddd}.photo-pair img{display:block;width:100%;height:230px;object-fit:cover}.social-section{background:#080808;color:#fff;padding:78px 0}.social-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.social-inner h2{max-width:510px}.social-inner p:not(.eyebrow){line-height:1.65;font-size:15px;color:#bdbdbd;max-width:430px}.social-buttons{display:flex;flex-direction:column;gap:11px}.social-link{display:flex;align-items:center;padding:18px 22px;gap:17px;background:#fff;color:#000;font-weight:800;min-height:65px;transition:background .2s}.social-link>span{display:flex;align-items:center;justify-content:center;border:1px solid #222;width:28px;height:28px;border-radius:50%;font-size:19px}.social-link .fb{font-weight:bold;font-family:Arial,sans-serif;font-size:21px}.social-link b{margin-left:auto;font-size:20px}.social-link:not([aria-disabled]):hover{background:#d9d9d9}.social-link[aria-disabled=true]{opacity:.48;cursor:not-allowed}.social-note{font-size:12px!important;line-height:1.5!important;color:#bbb!important;margin:3px 0 0!important}.contact{padding-top:83px;padding-bottom:95px;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:start}.contact>div:first-child p:last-child{font-size:14px;color:#666;line-height:1.7}.contact-actions{display:flex;flex-direction:column;align-items:flex-start}.contact-big{font-size:clamp(26px,3vw,37px);letter-spacing:-1px;font-weight:800;display:flex;justify-content:space-between;width:100%;border-bottom:1px solid #ddd;padding-bottom:17px}.contact-big span,.email span{margin-left:12px}.email{font-weight:700;font-size:15px;margin-top:19px;max-width:100%;word-break:break-word}.footer{border-top:1px solid #e9e9e9;padding:23px 0}.foot{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:12px;color:#777}.foot img{width:130px;height:auto}.footer a{color:#333;font-weight:bold}@media(max-width:920px){.nav{display:none}.hero-inner{grid-template-columns:1fr;gap:0}.hero-copy{padding:53px 12px 48px}.hero-photo{min-height:290px}.hero-photo img{min-height:290px;height:360px}.services-grid{gap:24px 17px}.photo-pair img{height:180px}.social-inner{gap:28px}.contact{gap:25px}}@media(max-width:650px){.wrap{padding-left:18px;padding-right:18px}.header-inner{min-height:85px}.brand img{width:160px}.hero h1{font-size:40px}.hero-copy{padding:52px 2px 42px}.hero-photo img{height:300px}.services{padding-top:63px;padding-bottom:65px}.section-intro{margin-bottom:30px}.services-grid{grid-template-columns:1fr;gap:23px}.service-head{padding:19px 19px 14px}.photo-pair img{height:185px}.social-section{padding:58px 0}.social-inner{grid-template-columns:1fr;gap:22px}.contact{padding-top:62px;padding-bottom:72px;grid-template-columns:1fr;gap:26px}.foot{flex-wrap:wrap}.foot img{width:115px}.hero-buttons .btn{flex:1}}@media(max-width:380px){.photo-pair img{height:150px}.hero h1{font-size:36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.hero-social{display:flex;flex-wrap:wrap;gap:13px;align-items:center;margin-top:24px;font-size:13px;color:#bbb}.hero-social a{color:#fff;text-decoration:underline;text-underline-offset:3px;font-weight:700}.hero-social a:hover{opacity:.75}

/* Quatre photos par modèle — mosaïque 2 × 2, sans étiquettes superposées */
.photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.photo-grid figure{margin:0;min-width:0;background:#e4e4e4;overflow:hidden}
.photo-grid img{display:block;width:100%;height:auto;aspect-ratio:1.38;object-fit:cover;object-position:center}
@media(max-width:650px){.photo-grid img{aspect-ratio:1.22}}

/* Accueil : positionnement de la porte double PVC brune dans la photo principale. */
.hero-photo img{object-position:center 50%}