/* Разработчик: Мосалев Иван · Стили проекта ВКС. */
/* v1.1 — editorial industrial production. Retains existing header and all homepage rules. */
.vks-production-page{scroll-behavior:smooth}
.vks-production-page section[id]{scroll-margin-top:30px}
.vks-production-page-nav{display:flex;align-items:center;gap:0;border-bottom:1px solid #d8e4ee;margin-top:18px;padding:0;overflow-x:auto;scrollbar-width:thin}
.vks-production-page-nav a{flex:none;padding:22px 26px;text-decoration:none;font-size:13px;font-weight:700;border-right:1px solid #e3eaf2;color:#123768}
.vks-production-page-nav a:hover{background:#edf4fb;color:#1375c7}
.vks-production-hero h1{font-size:clamp(47px,4.5vw,75px);line-height:.99;max-width:730px}
.vks-production-metrics{padding-top:112px;padding-bottom:90px}
.vks-production-metrics-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:28px}
.vks-production-metrics-heading h2{max-width:860px;margin:14px 0 0;font-size:clamp(40px,3.8vw,62px)}
.vks-production-metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.vks-production-metric{background:#f0f5fa;min-height:205px;padding:30px 24px;display:flex;flex-direction:column;justify-content:space-between;gap:20px}
.vks-production-metric strong{font-size:clamp(48px,4vw,72px);line-height:1;letter-spacing:-.07em;font-weight:800;color:#1474c8}
.vks-production-metric span{font-size:14px;line-height:1.45;color:#516a82;max-width:290px}
.vks-production-metric-note{font-size:12px;color:#778ca2;margin:20px 0 0;line-height:1.65}
.vks-production-story{padding-top:90px;padding-bottom:110px}
.vks-production-story-copy>p{white-space:normal}
.vks-production-geography{border-top:1px solid #d6e4ee;padding-top:85px;padding-bottom:125px;display:grid;grid-template-columns:1fr 1fr;gap:85px}
.vks-production-geography h2{max-width:760px;margin:19px 0 28px}
.vks-production-geography-lead>p{font-size:17px;line-height:1.8;color:#56718c;max-width:620px}
.vks-production-geography-points{display:grid;gap:14px}
.vks-production-geography-points article{padding:33px 38px;background:#eef4f9}
.vks-production-geography-points article>span{color:#1972bf;font-size:11px;font-weight:800;letter-spacing:.1em}
.vks-production-geography-points h3{font-size:30px;letter-spacing:-.045em;margin:18px 0 13px}
.vks-production-geography-points p{font-size:15px;color:#526c85;line-height:1.7;margin:0}
.vks-production-capabilities-section{padding:110px 0 128px;background:#f2f6fa}
.vks-production-cap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:48px}
.vks-production-cap-grid article{min-height:365px;background:#fff;padding:33px;display:flex;flex-direction:column;align-items:flex-start;border-bottom:3px solid transparent;transition:border-color .2s}
.vks-production-cap-grid article:hover{border-color:#1474c8}
.vks-production-cap-num{font-size:10px;color:#1474c8;font-weight:800;letter-spacing:.12em}
.vks-production-cap-grid h3{font-size:clamp(25px,2.2vw,36px);line-height:1.1;letter-spacing:-.06em;margin:32px 0 18px}
.vks-production-cap-grid p{font-size:15px;line-height:1.65;color:#56728b;margin:0 0 25px}
.vks-production-cap-grid a{font-size:12px;font-weight:800;color:#123768;margin-top:auto;display:flex;justify-content:space-between;width:100%;border-top:1px solid #dbe5ec;padding-top:18px}
.vks-production-cap-grid a span{font-size:18px;color:#1474c8}
.vks-production-feature{margin-top:110px}
.vks-production-technology{padding-top:15px;padding-bottom:130px}
.vks-production-tech-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#d8e4ec;margin-top:48px;border:1px solid #d8e4ec}
.vks-production-tech-grid article{background:#fff;padding:36px 40px;min-height:222px}
.vks-production-tech-grid article>span{font-size:12px;color:#1674c2;font-weight:800}
.vks-production-tech-grid h3{font-size:clamp(23px,2vw,31px);letter-spacing:-.045em;line-height:1.18;margin:25px 0 15px}
.vks-production-tech-grid p{font-size:15px;line-height:1.75;color:#56728b;margin:0}
.vks-production-documents{padding-top:125px;padding-bottom:135px}
.vks-production-doc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:45px}
.vks-production-doc{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:28px;padding:30px;min-height:190px;background:#eef4f9;color:#133c72;text-decoration:none;border-bottom:3px solid transparent}
.vks-production-doc:hover{border-color:#1872c2;background:#e4eff8}
.vks-production-doc>span:first-child{font-size:11px;font-weight:800;letter-spacing:.1em;color:#1474c8}
.vks-production-doc strong{font-size:21px;line-height:1.2;letter-spacing:-.035em;padding-right:25px}
.vks-production-doc-arrow{position:absolute;right:24px;bottom:25px;font-size:21px;color:#1474c8}
.vks-production-docs-note,.vks-production-doc-empty{font-size:13px;line-height:1.7;color:#647f96;margin:25px 0 0;max-width:1000px}
.vks-production-service-section{background:#ecf3f9;padding:125px 0}
.vks-production-service-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(50px,8vw,160px)}
.vks-production-service-grid h2{margin:24px 0 35px;max-width:650px}
.vks-production-service-grid p{font-size:17px;color:#577089;line-height:1.8}
.vks-production-service-grid ol{padding:0;margin:18px 0 0;list-style:none}
.vks-production-service-grid li{border-top:1px solid #d3e0ec;min-height:99px;padding:28px 0;display:grid;grid-template-columns:60px 1fr;gap:15px;font-weight:700;font-size:17px;line-height:1.5}
.vks-production-service-grid li:last-child{border-bottom:1px solid #d3e0ec}
.vks-production-service-grid li span{color:#1970bb;font-size:12px}
.vks-production-faq{padding:135px 0;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(50px,8vw,160px)}
.vks-production-faq h2{margin:20px 0;max-width:600px}
.vks-production-faq details{border-top:1px solid #d5e2ed}
.vks-production-faq details:last-child{border-bottom:1px solid #d5e2ed}
.vks-production-faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:35px 1fr 18px;gap:15px;align-items:center;padding:28px 0;font-weight:800;font-size:18px;line-height:1.45}
.vks-production-faq summary::-webkit-details-marker{display:none}
.vks-production-faq summary>span{font-weight:700;font-size:12px;color:#1874c6}
.vks-production-faq summary b{font-size:24px;font-weight:400;color:#1678c8}
.vks-production-faq details[open] summary b{transform:rotate(45deg)}
.vks-production-faq details p{color:#5c748a;line-height:1.75;font-size:15px;max-width:720px;margin:0 0 30px 50px}
@media(max-width:1050px){
 .vks-production-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .vks-production-geography{gap:45px}
 .vks-production-cap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .vks-production-doc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .vks-production-service-grid,.vks-production-faq{gap:50px}
}
@media(max-width:740px){
 .vks-production-page-nav a{padding:15px 17px;font-size:12px}
 .vks-production-metrics{padding-top:70px;padding-bottom:60px}
 .vks-production-metrics-heading{display:block}
 .vks-production-metrics-grid{gap:8px}
 .vks-production-metric{padding:20px;min-height:157px}
 .vks-production-metric strong{font-size:clamp(38px,8.5vw,58px)}
 .vks-production-metric span{font-size:12px}
 .vks-production-story{padding:75px 0}
 .vks-production-geography{grid-template-columns:1fr;gap:25px;padding-top:60px;padding-bottom:80px}
 .vks-production-geography-lead>p{font-size:15px}
 .vks-production-geography-points article{padding:26px}
 .vks-production-capabilities-section{padding:85px 0}
 .vks-production-cap-grid{grid-template-columns:1fr;margin-top:25px}
 .vks-production-cap-grid article{min-height:270px;padding:27px}
 .vks-production-cap-grid h3{font-size:29px;margin:20px 0}
 .vks-production-feature{margin-top:75px}
 .vks-production-technology{padding-bottom:85px}
 .vks-production-tech-grid{grid-template-columns:1fr;margin-top:25px}
 .vks-production-tech-grid article{min-height:auto;padding:26px}
 .vks-production-tech-grid h3{font-size:26px;margin:17px 0 12px}
 .vks-production-documents{padding-top:85px;padding-bottom:90px}
 .vks-production-doc-grid{grid-template-columns:1fr;margin-top:25px}
 .vks-production-doc{min-height:160px}
 .vks-production-service-section{padding:85px 0}
 .vks-production-service-grid,.vks-production-faq{grid-template-columns:1fr;gap:25px}
 .vks-production-service-grid p{font-size:15px}
 .vks-production-service-grid li{grid-template-columns:30px 1fr;font-size:15px;min-height:75px;padding:22px 0}
 .vks-production-faq{padding:90px 0}
 .vks-production-faq summary{font-size:15px;gap:8px;grid-template-columns:25px 1fr 18px}
 .vks-production-faq details p{margin-left:33px}
}
@media(max-width:360px){.vks-production-metrics-grid{grid-template-columns:1fr}.vks-production-metric{min-height:125px}}