/* V19 — responsive fluid layout + corrected final contact artwork */
/* Full-width content without desktop max-width gutters. Scale padding responsively. */
.container { width:calc(100% - 2 * clamp(20px,3.2vw,58px));max-width:none;margin-inline:auto; }
/* Avoid oversized headings and elements on ultrawide monitors */
@media (min-width:1700px){
 .hero-grid,.services-grid,.projects-grid,.value-grid{max-width:none;}
}
@media (max-width:760px){.container{width:calc(100% - 2 * clamp(16px,4.5vw,28px));}}
/* CONTACT ONLY: one single photograph; neutral black fade on the left */
.contact.dark{background:#090809;isolation:isolate;}
.contact.dark::before{background-image:url("assets/contact-scene-final.webp")!important;background-size:cover!important;background-position:center center!important;opacity:1;}
.contact.dark::after{background:linear-gradient(90deg,rgba(5,5,7,.72) 0%,rgba(5,5,7,.63) 22%,rgba(5,5,7,.34) 37%,rgba(5,5,7,.07) 56%,transparent 73%)!important;}
.contact .contact-grid-v17{min-height:650px;}
.contact .contact-copy-v17{width:min(48%,720px);}
.contact .contact-title{font-size:clamp(55px,5.5vw,103px)!important;}
.contact .benefit-icon img{mix-blend-mode:normal!important;filter:none!important;object-fit:contain;}
.contact .benefit-icon{width:52px;height:52px;min-width:52px;}
.contact .benefit-item{gap:12px;}
/* Footer remains readable without hiding the photographed devices */
.contact .footer{background:transparent;}
@media(max-width:1200px){
 .contact .contact-copy-v17{width:min(55%,680px);}
 .contact.dark::before{background-position:57% center!important;}
 .contact.dark::after{background:linear-gradient(90deg,rgba(5,5,7,.91),rgba(5,5,7,.78) 29%,rgba(5,5,7,.32) 63%,transparent 100%)!important;}
}
@media(max-width:760px){
 .contact.dark{padding-top:78px;}
 .contact .contact-grid-v17{min-height:980px;padding-bottom:410px;align-items:flex-start;}
 .contact .contact-copy-v17{width:100%;max-width:100%;}
 .contact .contact-title{font-size:clamp(42px,10vw,70px)!important;}
 .contact.dark::before{background-size:auto 53%!important;background-position:63% bottom 88px!important;}
 .contact.dark::after{background:linear-gradient(180deg,#08080b 0%,rgba(8,8,11,.95) 40%,rgba(8,8,11,.78) 53%,rgba(8,8,11,.08) 69%,rgba(8,8,11,.12) 86%,#08080b 97%)!important;}
 .contact .contact-benefits{gap:14px;}
 .contact .benefit-icon{width:44px;height:44px;min-width:44px;}
}
@media(max-width:480px){
 .contact .contact-grid-v17{min-height:930px;padding-bottom:340px;}
 .contact.dark::before{background-size:auto 43%!important;background-position:58% bottom 92px!important;}
 .contact .contact-title{font-size:clamp(38px,10vw,52px)!important;}
 .contact .benefit-icon{width:40px;height:40px;min-width:40px;}
}