@media(max-width:1120px){.nav,.phone,.header-actions>.btn{display:none}.burger{display:flex;margin-left:auto}.services-grid{grid-template-columns:repeat(2,1fr)}.logo img{width:235px}.cta-grid{grid-template-columns:1fr}.cta-grid.form{max-width:620px}}
@media(max-width:780px){body{padding-bottom:72px}.container{width:min(100% - 28px,var(--container))}.section{padding:64px 0}.header{height:68px}.header-inner{height:68px}.logo img{width:205px}.mobile-nav{top:68px}.hero{min-height:690px;background-position:67% center}.hero:before{background:linear-gradient(90deg,rgba(19,25,34,.94),rgba(27,34,46,.78) 70%,rgba(27,34,46,.48))}.hero-content{padding:58px 0 38px}.hero-sub{font-size:16px}.trust-row{gap:18px}.services-grid,.process,.split,.footer-grid{grid-template-columns:1fr}.split{gap:28px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.mobile-cta{display:flex;gap:8px}.footer{padding-bottom:90px}.page-hero{padding:118px 0 55px}.cta{padding:55px 0}}
@media(max-width:470px){.logo img{width:175px}.lang a{padding:4px 6px}.hero h1{font-size:43px}.hero-actions.btn{width:100%}.services-grid{grid-template-columns:1fr}.service-body p{min-height:0}.trust-row{display:grid;grid-template-columns:1fr 1fr}.cta-grid{gap:30px}}

/* Harmonious service cards on tablets and phones */
@media(max-width:780px){.services-grid{gap:16px}.service-card{display:grid;grid-template-columns:minmax(132px,40%) 1fr;min-height:172px;border-radius:14px}.service-card>img{width:100%;height:100%;min-height:172px;aspect-ratio:auto;object-fit:cover}.service-body{padding:17px 16px}.service-body h3{min-height:0;margin-bottom:7px;font-size:22px;line-height:1.12}.service-body p{min-height:0;font-size:13px;line-height:1.45;-webkit-line-clamp:3}.service-body.text-link{margin-top:auto;padding-top:10px;font-size:14px}
}
@media(max-width:470px){.services-grid{gap:12px}.service-card{grid-template-columns:38% 1fr;min-height:154px;border-radius:12px}.service-card>img{min-height:154px}.service-body{padding:14px 13px}.service-body h3{font-size:19px;line-height:1.1}.service-body p{font-size:12.5px;line-height:1.4;-webkit-line-clamp:3}.service-body.text-link{padding-top:8px;font-size:13px}
}
@media(max-width:360px){.service-card{grid-template-columns:36% 1fr;min-height:148px}.service-card>img{min-height:148px}.service-body{padding:12px 11px}.service-body h3{font-size:18px}.service-body p{-webkit-line-clamp:3}
}

@media(max-width:980px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:1fr}.article-side{position:static}}
@media(max-width:620px){.blog-grid{grid-template-columns:1fr;gap:16px}.blog-card{display:grid;grid-template-columns:118px 1fr}.blog-card-image img{height:100%;aspect-ratio:auto}.blog-card-body{padding:15px}.blog-card-body h2{font-size:18px}.blog-card-body p{display:none}.article-content{padding:20px}.article-content.article-lead{font-size:18px}.article-content h2{font-size:26px}.article-cover{margin-bottom:20px}.article-hero h1{font-size:36px}}

/* Stage 19 mobile industrial identity */
@media(max-width:780px){.section-head.center{text-align:left}.hero{min-height:720px;background-position:72% center}.hero:after{left:auto;right:-80px;width:120px;opacity:.6}.hero-content{padding-left:20px;border-left-width:4px}.hero h1{font-size:clamp(44px,13vw,64px)}.trust-row{grid-template-columns:1fr;gap:0}.trust-item{padding:12px 0;border-right:0}.service-card{border-top-width:4px}.service-body{border-left:0;border-right:0}.split{gap:36px}.image-card{border-width:5px}.cta-grid{grid-template-columns:1fr}.form{box-shadow:8px 8px 0 rgba(255,106,0,.16)}.page-hero{padding-top:120px}
}
@media(max-width:470px){.btn{clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.hero-content{padding-left:14px}.hero h1{font-size:42px}.service-card{grid-template-columns:39% 1fr}.service-body h3{font-size:18px;text-transform:uppercase}.step{padding:20px}
}


/* Stage 21 responsive refinements */
@media(max-width:1120px){.header{left:12px;right:12px}
}
@media(max-width:780px){.container{width:min(100% - 28px,var(--container))}.section{padding:78px 0}.header{top:8px;left:8px;right:8px;height:64px;border-radius:15px}.header-inner{height:64px;padding:0 10px}.logo img{width:190px}.mobile-nav{top:80px;left:8px;right:8px}.hero{min-height:760px;border-radius:0 0 24px 24px;background-position:66% center}.hero:before{background:linear-gradient(90deg,rgba(4,7,11,.95),rgba(4,7,11,.76) 72%,rgba(4,7,11,.35))}.hero:after{right:-240px;top:180px;opacity:.22}.hero-content{padding:132px 0 64px;border:0}.hero h1{font-size:clamp(42px,12.5vw,64px)}.hero-sub{font-size:16px;line-height:1.65}.trust-row{grid-template-columns:1fr;gap:8px;margin-top:38px}.trust-item{padding:13px 15px}.section-head.center{text-align:left;margin-left:0;margin-right:0}.services-grid{gap:14px}.service-card{grid-template-columns:40% 1fr;min-height:166px;border-radius:16px}.service-body{padding:16px 15px}.service-body h3{font-size:19px;text-transform:none}.service-body p{font-size:12.5px;line-height:1.45}.image-card{border-radius:20px}.step{border-radius:16px}.cta{margin:0 10px 10px;padding:64px 0;border-radius:24px}.form{border-radius:18px;padding:22px}.page-hero{padding:130px 0 62px}
}
@media(max-width:470px){.container{width:min(100% - 22px,var(--container))}.logo img{width:166px}.btn{border-radius:12px;min-height:50px;padding:0 18px}.hero{min-height:720px}.hero-content{padding-top:118px}.hero h1{font-size:40px}.service-card{grid-template-columns:38% 1fr;min-height:150px;border-radius:15px}.service-body{padding:13px 12px}.service-body h3{font-size:17px}.service-body p{-webkit-line-clamp:3}
}

/* STAGE 22 responsive overrides */
@media (max-width:1100px){.container{width:min(100% - 36px,1320px)}.nav{display:none}.burger{display:flex}.hero{background-size:72% 100%;min-height:800px}.hero:after{left:61%}.services-grid{grid-template-columns:1fr}.service-card,.service-card:nth-child(4n+2),.service-card:nth-child(4n+3){grid-template-columns:42% 58%}.process{grid-template-columns:repeat(2,1fr)}.cta-grid{grid-template-columns:1fr;gap:48px}
}
@media (max-width:760px){.container{width:min(100% - 28px,1320px)}.section{padding:82px 0}
 h1{font-size:clamp(48px,15vw,72px)}
 h2{font-size:clamp(36px,11vw,54px)}.header{height:66px}.header-inner{height:66px}.logo img{width:168px}.header-actions.btn{display:none}.hero{min-height:760px;padding-top:66px;background-size:cover;background-position:68% center}.hero:before{background:linear-gradient(180deg,rgba(10,12,15,.38) 0%,rgba(10,12,15,.72) 38%,rgba(10,12,15,.98) 74%,#0A0C0F 100%)}.hero:after{display:none}.hero-content{padding:280px 0 50px}.hero-sub{font-size:17px}.trust-row{grid-template-columns:1fr;gap:0;margin-top:46px}.trust-item{border-right:0;border-bottom:1px solid rgba(255,255,255,.12);padding:14px 0}.services-grid{display:grid;grid-template-columns:1fr;background:transparent;border:0;gap:18px}.service-card,.service-card:nth-child(4n+2),.service-card:nth-child(4n+3){display:block;min-height:0;border:1px solid var(--border)}.service-card>img{height:auto;aspect-ratio:16/10}.service-body{padding:24px}.service-body h3{font-size:27px}.split{grid-template-columns:1fr;gap:48px}.image-card:after{right:-10px;bottom:-10px;height:10px}.process{grid-template-columns:1fr;background:transparent;border:0;gap:12px}.step{border:1px solid var(--border);min-height:0}.step h3{margin-top:20px}.blog-grid{grid-template-columns:1fr;background:transparent;border:0;gap:18px}.blog-card{border:1px solid var(--border)}.article-layout{grid-template-columns:1fr;gap:34px}.article-side{border-left:0;border-top:1px solid var(--border);padding-left:0;padding-top:24px}.page-hero{padding:130px 0 66px}.page-hero:after{width:110px;height:110px;right:-30px;top:18%}.form{padding:24px;border-radius:18px}
}

/* STAGE 24 main hero responsive layout */
@media(max-width:1100px){.hero{min-height:680px;background-size:auto 100%;background-position:62% center}.hero:before{width:54%}.hero:after{left:54%}.hero-content{max-width:520px;padding:72px 0 58px}.hero h1{font-size:clamp(40px,5.7vw,58px)}.hero-sub{font-size:16px;max-width:500px}
}
@media(max-width:760px){.hero{
 min-height:0;
 padding-top:66px;
 background-color:#f4f2ed;
 background-size:100% auto;
 background-position:center 66px;
 border-radius:0;
 }.hero:before,.hero:after{display:none}.hero-content{
 max-width:none;
 padding:clamp(250px,66vw,410px) 0 44px;
 }.hero.eyebrow{font-size:10px;margin-bottom:10px}.hero h1{
 color:var(--text);
 font-size:clamp(34px,10vw,46px);
 line-height:1.04;
 letter-spacing:-.04em;
 margin:13px 0 16px;
 }.hero-sub{color:#536166;font-size:15px;line-height:1.6}.hero-actions{margin-top:22px}.hero-actions.btn{width:100%;min-height:48px}.hero.trust-row{grid-template-columns:1fr;margin-top:30px;padding-top:12px;gap:0}.hero.trust-item{padding:12px 0;border-right:0;border-bottom:1px solid rgba(19,33,38,.1)}.hero.trust-item:last-child{border-bottom:0}.hero.trust-item strong{font-size:14px}.hero.trust-item span{font-size:11px}
}
@media(max-width:470px){.hero{background-position:center 66px}.hero-content{padding-top:clamp(225px,64vw,300px);padding-bottom:38px}.hero h1{font-size:34px}.hero-sub{font-size:14px}
}

/* STAGE 25 full-width combined hero responsive */
@media(max-width:1100px){.hero{min-height:700px;background-position:58% center}.hero-content{max-width:570px;padding:78px 0 58px}.hero h1{font-size:clamp(40px,5.7vw,58px)}.hero-sub{font-size:16px;max-width:540px}
}
@media(max-width:760px){.hero{min-height:720px;padding-top:66px;background-size:cover;background-position:66% center}.hero-content{max-width:none;padding:112px 0 48px}.hero.eyebrow{font-size:10px;margin-bottom:10px}.hero h1{color:#fff;font-size:clamp(34px,10vw,46px);line-height:1.04;margin:13px 0 16px}.hero-sub{color:rgba(255,255,255,.88);font-size:15px;line-height:1.6}.hero-actions{margin-top:22px}.hero-actions.btn{width:100%;min-height:48px}.hero.trust-row{grid-template-columns:1fr;margin-top:30px;padding-top:12px;gap:0}.hero.trust-item{padding:12px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.18)}.hero.trust-item:last-child{border-bottom:0}.hero.trust-item strong{font-size:14px}.hero.trust-item span{font-size:11px}
}
@media(max-width:470px){.hero{min-height:690px;background-position:70% center}.hero-content{padding-top:96px;padding-bottom:40px}.hero h1{font-size:34px}.hero-sub{font-size:14px}
}

/* STAGE 27: dedicated mobile crop for PVC membrane hero */
@media (max-width: 767px){.hero{
 background-image:url('../img/hero/hero-main-mobile.webp');
 background-position:center center;
 background-size:cover;
 }
}

/* STAGE 29: mobile hero shows image separately, content below */
@media(max-width:760px){
 body.home.hero{
 min-height:0;
 padding-top:66px;
 background-image:url('../img/hero/hero-main-mobile.webp');
 background-size:100% auto;
 background-position:center 66px;
 background-repeat:no-repeat;
 background-color:#0a0f14;
 }
 body.home.hero-content{
 max-width:none;
 margin:0;
 padding:clamp(330px,92vw,470px) 0 44px;
 border:0;
 border-radius:0;
 background:transparent;
 box-shadow:none;
 backdrop-filter:none;
 -webkit-backdrop-filter:none;
 }
 body.home.hero-content:before{
 content:"";
 position:absolute;
 left:0;right:0;bottom:0;
 height:58%;
 background:linear-gradient(180deg,rgba(10,15,20,0),rgba(10,15,20,.96) 22%,#0a0f14 100%);
 z-index:-1;
 }
 body.home.hero h1{font-size:clamp(34px,10vw,45px);line-height:1.05}
 body.home.hero-sub{font-size:15px;line-height:1.58}
}
@media(max-width:470px){
 body.home.hero-content{padding-top:clamp(300px,94vw,410px)}
 body.home.hero h1{font-size:34px}
}


/* STAGE 30 responsive editorial system */
@media (max-width:980px){
 body.anti-template.section-head{grid-template-columns:1fr;gap:16px}
 body.anti-template.section-head>h2,body.anti-template.section-head>p{grid-column:1}
 body.home.services-grid{grid-template-columns:1fr}
 body.home.service-card,body.home.service-card:nth-child(3),body.home.service-card:nth-child(6){grid-column:auto;grid-template-columns:1fr 1fr;min-height:310px}
 body.home.service-card:nth-child(even):not(:nth-child(6)){grid-template-columns:1fr 1fr}.process.process-editorial{grid-template-columns:repeat(2,1fr)}.process.process-editorial.step:nth-child(2){border-right:0}.process.process-editorial.step:nth-child(n+3){border-top:1px solid var(--border)}.principles-grid{grid-template-columns:1fr}.principle,.principle:not(:first-child){padding:28px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.16)}.blog-page.blog-card,.blog-page.blog-card:nth-child(1),.blog-page.blog-card:nth-child(8),.blog-page.blog-card:nth-child(15),.blog-page.blog-card:nth-child(22),.blog-page.blog-card:nth-child(5n){grid-column:span 6;display:flex}
}
@media (max-width:680px){
 body.home.hero-content{margin:0;padding:24px 0;background:transparent;border-left:0;backdrop-filter:none}
 body.home.services-grid{gap:14px}
 body.home.service-card,body.home.service-card:nth-child(3),body.home.service-card:nth-child(6),body.home.service-card:nth-child(even):not(:nth-child(6)){display:grid;grid-template-columns:1fr;min-height:0}
 body.home.service-card:nth-child(even):not(:nth-child(6))>img{order:0}
 body.home.service-card:nth-child(even):not(:nth-child(6)).service-body{order:1}
 body.home.service-card>img{height:auto;min-height:0;aspect-ratio:16/9}
 body.home.service-body{padding:26px 22px}.service-index{padding-bottom:20px}.process.process-editorial{grid-template-columns:1fr}.process.process-editorial.step,.process.process-editorial.step:not(:first-child){padding:24px 0;border-right:0;border-top:1px solid var(--border);min-height:0}.process.process-editorial.step h3{margin-top:28px}.principle h3{margin-top:26px}.blog-page.blog-grid{grid-template-columns:1fr;gap:14px}.blog-page.blog-card,.blog-page.blog-card:nth-child(1),.blog-page.blog-card:nth-child(8),.blog-page.blog-card:nth-child(15),.blog-page.blog-card:nth-child(22),.blog-page.blog-card:nth-child(5n){grid-column:auto;display:flex}.article-page.article-lead{padding-left:16px}
}

/* STAGE 33 responsive: template reference adaptation */
@media(max-width:1100px){
 body.template-2026 .nav{display:none}
 body.template-2026 .burger{display:flex}
 body.template-2026 .hero-template{min-height:720px;background-position:62% center}
 body.template-2026 .hero-copy{max-width:620px;padding-top:60px}
 body.template-2026 .hero-copy h1{font-size:clamp(42px,6vw,62px)}
 body.template-2026 .hero-benefit-item{padding:22px 20px}
}
@media(max-width:760px){
 body.template-2026 .header{height:66px;background:linear-gradient(180deg,rgba(7,19,31,.58),rgba(7,19,31,0))}
 body.template-2026 .header .scrolled{background:rgba(12,31,48,.96)}
 body.template-2026 .header-inner{height:66px}
 body.template-2026 .logo img{width:170px}
 body.template-2026 .hero-template{
 min-height:0;padding:66px 0 0;background-image:url('../img/hero/hero-main-mobile.webp');
 background-size:100% auto;background-position:center 66px;background-repeat:no-repeat;background-color:#102638
 }
 body.template-2026 .hero-template:before{
 background:linear-gradient(180deg,rgba(8,25,40,0) 0%,rgba(8,25,40,.08) 35%,rgba(8,25,40,.92) 68%,#102638 100%)
 }
 body.template-2026 .hero-contractor-grid{padding-top:clamp(360px,94vw,500px)}
 body.template-2026 .hero-copy{max-width:none;padding:0 0 36px}
 body.template-2026 .hero-copy .eyebrow{font-size:10px;margin-bottom:13px}
 body.template-2026 .hero-copy h1{font-size:clamp(34px,10vw,45px);line-height:1.06;margin-bottom:17px}
 body.template-2026 .hero-copy .hero-sub{font-size:15px;line-height:1.6}
 body.template-2026 .hero-actions{display:grid;grid-template-columns:1fr;margin-top:24px}
 body.template-2026 .hero-actions .btn{width:100%}
 body.template-2026 .hero-benefit-bar{position:relative;background:#0b2233;backdrop-filter:none}
 body.template-2026 .hero-benefit-grid{grid-template-columns:1fr}
 body.template-2026 .hero-benefit-item{min-height:78px;padding:16px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}
 body.template-2026 .hero-benefit-item:last-child{border-bottom:0}
 body.template-2026 .hero-benefit-icon{font-size:25px}
 body.template-2026 .section{padding:70px 0}
 body.template-2026 .scenario-grid{grid-template-columns:1fr}
 body.template-2026 .scenario-card{min-height:0;padding:28px}
 body.template-2026 .technical-focus-grid{grid-template-columns:1fr;gap:38px}
 body.template-2026 .technical-media{min-height:330px}
 body.template-2026 .services-magazine{grid-template-columns:1fr}
 body.template-2026 .service-feature .large,
 body.template-2026 .service-feature .medium{grid-column:auto;grid-template-rows:220px auto}
 body.template-2026 .service-links-compact{grid-template-columns:1fr}
 body.template-2026 .work-photo-grid{grid-template-columns:1fr}
 body.template-2026 .audience-grid{grid-template-columns:1fr}
}
@media(max-width:430px){
 body.template-2026 .hero-contractor-grid{padding-top:clamp(320px,88vw,410px)}
 body.template-2026 .hero-copy h1{font-size:33px}
 body.template-2026 .hero-benefit-item strong{font-size:14px}
 body.template-2026 .hero-benefit-item small{font-size:12px}
}

/* v47: logo tagline readability */
.header .logo img,
body.template-2026 .header .logo img{
  width:230px;
  max-width:230px;
}
.footer .logo img,
body.template-2026 .footer .logo img{
  width:310px;
  max-width:310px;
}
@media(max-width:1120px){
  .header .logo img,
  body.template-2026 .header .logo img{width:220px;max-width:220px;}
}
@media(max-width:780px){
  .header .logo img,
  body.template-2026 .header .logo img{width:188px;max-width:188px;}
}
@media(max-width:470px){
  .header .logo img,
  body.template-2026 .header .logo img{width:168px;max-width:168px;}
}

/* v86: final override for portfolio image visibility */
.works-page-grid .work-card img,
.work-card img{
  width:100% !important;
  height:320px !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#eef2f5 !important;
  padding:8px !important;
  box-sizing:border-box !important;
}
@media (max-width:1024px){.works-page-grid .work-card img,.work-card img{height:300px !important;}}
@media (max-width:640px){.works-page-grid .work-card img,.work-card img{height:280px !important;padding:6px !important;}}

/* v87: equal size cards for Our Works / Наши работы */
.works-page-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:22px !important;
  align-items:stretch !important;
  grid-auto-rows:1fr !important;
}
.works-page-grid .work-card{
  height:100% !important;
  min-height:720px !important;
  display:flex !important;
  flex-direction:column !important;
}
.works-page-grid .work-card-link{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
}
.works-page-grid .work-card img,
.work-card img{
  width:100% !important;
  height:320px !important;
  min-height:320px !important;
  max-height:320px !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#eef2f5 !important;
  padding:8px !important;
  box-sizing:border-box !important;
  flex:0 0 320px !important;
}
.works-page-grid .work-card-body{
  flex:1 1 auto !important;
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
  min-height:400px !important;
}
.works-page-grid .work-tag{
  min-height:30px !important;
  width:max-content !important;
}
.works-page-grid .work-card-body h3{
  min-height:58px !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}
.works-page-grid .work-card-body p{
  min-height:78px !important;
  display:-webkit-box !important;
  -webkit-line-clamp:3 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}
.works-page-grid .work-meta{
  min-height:64px !important;
  align-content:flex-start !important;
}
.works-page-grid .work-scope{
  min-height:104px !important;
}
.works-page-grid .work-more{
  margin-top:auto !important;
}
@media(max-width:1024px){
  .works-page-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .works-page-grid .work-card{min-height:700px !important;}
  .works-page-grid .work-card img,.work-card img{
    height:300px !important;
    min-height:300px !important;
    max-height:300px !important;
    flex-basis:300px !important;
  }
  .works-page-grid .work-card-body{min-height:390px !important;}
}
@media(max-width:640px){
  .works-page-grid{grid-template-columns:1fr !important;gap:16px !important;}
  .works-page-grid .work-card{min-height:0 !important;height:auto !important;}
  .works-page-grid .work-card img,.work-card img{
    height:280px !important;
    min-height:280px !important;
    max-height:280px !important;
    flex-basis:280px !important;
    padding:6px !important;
  }
  .works-page-grid .work-card-body{min-height:0 !important;}
  .works-page-grid .work-card-body h3,
  .works-page-grid .work-card-body p,
  .works-page-grid .work-meta,
  .works-page-grid .work-scope{min-height:0 !important;}
}