/* STEPPESTEEL — factory identity. Shared across every route. */
:root{--gray-50:#f3f4f4;--gray-100:#e9ebec;--gray-200:#dadddf;--gray-300:#bfc4c7;--gray-400:#a5adb3;--gray-600:#616970;--gray-800:#2a3238;--gray-900:#1b252c;--gray-950:#10191f;--orange-500:#f47b36;--orange-600:#e76b23;--orange-700:#ad4309;--orange-100:#fff0e5;--container:1320px;--header-h:76px;--sec:clamp(60px,6vw,92px);--r-1:0px;--r-2:2px;--r-3:2px;--gutter:clamp(22px,4.4vw,68px);--f-t:'Golos Text','Golos Fallback',system-ui,sans-serif}
.topbar{background:#10191f;--ink:#c2c9cd;--muted:#a5adb3;color-scheme:dark}
.topbar__inner{min-height:30px}.topbar__note{font-family:var(--f-t);font-size:11px;letter-spacing:.01em}
.topbar__links{font-size:12px;gap:22px}.topbar__link{padding:4px 0}.topbar__link--wa{color:var(--ink)}
.header{background:#fff}.header__inner{gap:30px;min-height:76px}.header__pres{display:none}
/* 26.09 (H-03): знак STEPPE / STEEL / INDUSTRIAL STANDARD целиком задан в site.css — здесь не переопределяется */
.nav{justify-content:center}.nav__link{font-size:14px;font-weight:400;padding-inline:10px}.nav__toggle{min-width:32px;min-height:44px}
.header .header__cta{min-height:42px;font-size:13px;padding:11px 18px}
.btn{min-height:48px;font-size:14px;padding:13px 22px;border-radius:2px;font-weight:500;gap:22px}.btn--lg{min-height:52px;padding:15px 24px}
.eyebrow{font-size:11px;letter-spacing:.1em}.eyebrow::before{width:20px}
.section-head__title{font-size:clamp(29px,3.4vw,48px);font-weight:500;letter-spacing:-.045em;line-height:1.12}
.section-head .lead{font-size:16px;line-height:1.65}.page-hero__title{font-weight:500;letter-spacing:-.04em;line-height:1.12}.page-hero__aside{font-size:17px}
.card{box-shadow:none}.arrow-link{font-weight:500}.btn--wa{background:transparent;border:1px solid var(--line-2);color:var(--ink)}
.factory-hero{position:relative;color:#fff;background:#10191f;isolation:isolate}
.factory-hero__image{position:absolute;inset:0;z-index:-2;overflow:hidden}
.factory-hero__image picture,.factory-hero__image img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.factory-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,18,25,.88) 0%,rgba(9,18,25,.74) 26%,rgba(9,18,25,.28) 56%,rgba(9,18,25,.04) 100%),linear-gradient(0deg,rgba(9,18,25,.66),transparent 36%)}
.factory-hero__inner{min-height:650px;display:flex;justify-content:space-between;align-items:end;gap:50px;padding-top:57px;padding-bottom:57px}
.factory-hero__copy{max-width:770px}
.factory-hero__eyebrow{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:400;letter-spacing:.12em;color:#d9dfe2;margin-bottom:30px}
.factory-hero__eyebrow>span{width:7px;height:7px;flex:none;background:#f47b36}
/* 26.09 (H-01): первый экран дословно по ТЗ §5 — «Завод строительных металлоконструкций».
   При 82px слово «металлоконструкций» ≈775px при колонке 770 — потолок 72px, перенос только по ­.
   max-width:10em — строка всегда «Завод строительных / металлоконструкций» (слово ≈9,65em), без «металло-» на средних ширинах */
.factory-hero h1{font:500 clamp(40px,5vw,72px)/.99 var(--f-d);letter-spacing:-.05em;color:#fff;margin:0 0 22px;hyphens:manual;max-width:10em}
.factory-hero__sub{font:500 clamp(18px,1.7vw,24px)/1.35 var(--f-d);letter-spacing:-.01em;color:#fff;margin:0 0 16px}
.factory-hero__sub i{color:var(--accent);font-style:normal}
.factory-hero__lead{font-size:17px;line-height:1.65;max-width:46ch;color:#d6dce0;margin-bottom:28px}
.factory-hero__actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.factory-hero__actions .btn{min-height:50px;padding:14px 24px}
.factory-hero__actions .btn--primary{background:#f47b36;color:#10191f;border-color:#f47b36}
.factory-hero__actions .btn--primary:hover{background:#ff914f}
.factory-hero__actions .btn--outline-light{--btn-bg:transparent;--btn-fg:#fff;--btn-line:#ffffff80}
.factory-hero__actions .btn--outline-light:hover{--btn-bg:#ffffff14;--btn-line:#fff}
.factory-hero__promise{margin:16px 0 0;max-width:52ch;font-size:13px;line-height:1.55;color:#d6dce0}
.factory-hero__promise a{color:#fff;text-decoration:underline;text-decoration-color:#ffffff70;text-underline-offset:.22em;white-space:nowrap}
.factory-hero__promise a:hover{color:#f47b36;text-decoration-color:currentColor}
.factory-hero__image>.brand-tag{display:none}
.factory-hero__location{display:flex;gap:14px;color:#fff;font-size:10px;letter-spacing:.1em;border-top:1px solid #ffffff60;padding-top:20px;min-width:190px;flex:none;white-space:nowrap;margin-bottom:6px;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.factory-hero__location small{display:block;font-size:12px;letter-spacing:0;line-height:1.7;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6);margin-top:10px}
.factory-hero__location-mark{font-size:26px;font-weight:300;line-height:1}
.factory-hero__location:hover,.factory-hero__location:hover small{color:#f47b36}
.factory-hero__bottom{border-top:1px solid #ffffff30;background:#10191f25}
.factory-hero__bottom>.container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.factory-hero__bottom a{display:flex;align-items:center;gap:22px;padding:23px 24px;border-right:1px solid #ffffff30;color:#f0f2f3;font-size:13px}
.factory-hero__bottom a:first-child{padding-left:0}.factory-hero__bottom a:last-child{border:0}.factory-hero__bottom a:hover{color:#f47b36}
.factory-hero__bottom a>span{font:11px var(--f-m);color:#bcc4ca}.factory-hero__bottom .arrow{margin-left:auto;flex:none}
@media(max-width:1100px){.header__inner{gap:18px}.nav__link{padding-inline:7px;font-size:13px}.factory-hero__inner{min-height:620px}.factory-hero h1{font-size:58px}.factory-hero__location{min-width:170px}}
@media(max-width:980px){.topbar{display:none}.header__inner{min-height:66px}:root{--header-h:66px}.factory-hero__inner{min-height:580px;gap:20px;padding-block:42px}.factory-hero__inner{flex-wrap:wrap}.factory-hero__location{width:100%;min-width:0;align-items:baseline;gap:9px;margin:0;padding-top:15px}.factory-hero__location small{display:inline;font-size:12px;margin:0 0 0 10px;line-height:1.5}.factory-hero__location-mark{font-size:14px}.factory-hero h1{font-size:clamp(40px,6.4vw,58px)}.factory-hero__lead{font-size:16px;max-width:43ch}.factory-hero__bottom a{gap:12px;font-size:12px;padding:18px 12px}.factory-hero__bottom .arrow{display:none}}
/* Окна ноутбуков 720–840 px по высоте: первый экран вместе с фирменной полосой
   «Проектный отдел · Производство · Сертификат» целиком в окне (108 = топбар + шапка, 68 = полоса) */
@media(min-width:981px) and (max-height:840px){.factory-hero__inner{min-height:650px;min-height:max(480px,calc(100vh - 178px));min-height:max(480px,calc(100svh - 178px));padding-block:36px 32px}.factory-hero__eyebrow{margin-bottom:20px}.factory-hero h1{font-size:clamp(40px,4.4vw,60px);margin-bottom:16px}.factory-hero__sub{margin-bottom:12px}.factory-hero__lead{margin-bottom:22px}.factory-hero__location{padding-top:14px}.factory-hero__location small{margin-top:6px}}
/* ≤640 (26.09): кадр каркаса — фоном всего первого экрана под графитовым градиентом, как было до 18.09.
   Подпись «STEPPESTEEL · на снимке» — строкой внизу копии, под ней полоса «01 Проектный отдел · 02 Производство».
   Низ «Получить расчёт» на 375×667 — выше липкой панели .mbar (ТЗ §18). */
@media(max-width:640px){.factory-hero:before{background:linear-gradient(90deg,rgba(9,18,25,.9) 0%,rgba(9,18,25,.66) 100%),linear-gradient(0deg,rgba(9,18,25,.82),transparent 42%)}.factory-hero__image img{object-position:60% 50%}.factory-hero__inner{flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:space-between;gap:16px;min-height:calc(100vh - var(--header-h) - 118px);min-height:calc(100svh - var(--header-h) - 118px);padding-block:24px 14px}.factory-hero__eyebrow{font-size:10px;letter-spacing:.06em;margin-bottom:14px}.factory-hero h1{font-size:clamp(27px,8.8vw,36px);line-height:1.05;margin-bottom:12px}.factory-hero__sub{font-size:17px;margin-bottom:10px}.factory-hero__lead{font-size:15px;max-width:none;line-height:1.55;margin-bottom:18px}.factory-hero__promise{font-size:12px;max-width:none;margin-top:12px}.factory-hero__actions{flex-direction:column;align-items:stretch;gap:10px}.factory-hero__actions .btn{width:100%;justify-content:space-between;font-size:14px;padding:13px 18px;min-height:48px}.factory-hero__location{padding-top:12px;font-size:9px;letter-spacing:.08em;white-space:normal}.factory-hero__location-mark{display:none}.factory-hero__location small{font-size:11.5px;margin-left:8px}.factory-hero__bottom>.container{grid-template-columns:repeat(2,minmax(0,1fr))}.factory-hero__bottom a{padding:12px 12px 12px 0;gap:8px;font-size:12px;line-height:1.35;border-right:0}.factory-hero__bottom a+a{padding-left:12px;border-left:1px solid #ffffff30}.factory-hero__bottom a:nth-child(n+3){display:none}.factory-hero__bottom a>span{font-size:10px}.burger{width:44px;height:44px}}
@media(max-width:360px){.factory-hero__eyebrow{font-size:9px}.factory-hero__actions .btn{padding-inline:14px}}

/* Home page: a small number of consistent, legible editorial layouts. */
.pro-hero h1{max-width:none;font-size:clamp(36px,4.1vw,64px)}
.pro-hero h1 span{display:block}
.pro-proof{padding:36px 0 0}
/* 26.09: показатели завода рядом с реальным кадром цеха — завод виден на втором экране */
.pro-proof__wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:44px;align-items:stretch;border-bottom:1px solid var(--line);padding-bottom:36px}
.pro-proof__photo{min-height:340px}
.pro-proof__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center}
.pro-proof__item{padding:18px 28px 22px;border-left:1px solid var(--line)}
.pro-proof__item:nth-child(odd){padding-left:0;border-left:0}
.pro-proof__item:nth-child(n+3){border-top:1px solid var(--line)}
.pro-proof__value{display:flex;align-items:baseline;gap:8px;font-family:var(--f-d);font-size:clamp(38px,4.2vw,62px);font-weight:500;line-height:1.1;letter-spacing:-.055em;margin-bottom:18px}
.pro-proof__value small{font-family:var(--f-t);font-size:16px;letter-spacing:-.02em;font-weight:400}
.pro-proof h2{font-size:15px;line-height:1.5;letter-spacing:-.01em;font-weight:600;margin-bottom:7px}
.pro-proof p{color:var(--muted);font-size:14px;line-height:1.65}
.pro-home .section-head__title{white-space:pre-line;max-width:25ch}
.pro-solutions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.pro-solution{display:flex;flex-direction:column;min-width:0}
.pro-solution__photo{position:relative;aspect-ratio:4/3;background:var(--paper-2);overflow:hidden}
.pro-solution__photo picture,.pro-solution__photo img{width:100%;height:100%;object-fit:cover;transition:transform 300ms ease}
.pro-solution:hover .pro-solution__photo img{transform:scale(1.025)}
.pro-solution__index{position:absolute;top:14px;left:14px;background:#ffffffed;padding:5px 8px;font:11px var(--f-m);color:#30363b}
.pro-solution__body{display:grid;grid-template-columns:1fr 30px;gap:8px;padding:22px 0 24px;border-bottom:1px solid var(--line);flex:1}
.pro-solution h3{font-size:clamp(19px,1.6vw,24px);font-weight:600;line-height:1.25;margin:0;color:var(--ink)}
.pro-solution p{grid-column:1/-1;font-size:14px;line-height:1.65;color:var(--muted);margin:0}
.pro-solution__arrow{width:30px;height:30px;display:grid;place-items:center;color:var(--accent-deep)}
.pro-other{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);margin-top:28px}
.pro-other a{display:flex;align-items:center;gap:18px;padding:23px 16px;border-bottom:1px solid var(--line);font-size:15px}
.pro-other a:first-child{padding-left:0}
.pro-other .mono{font-size:12px;color:var(--muted)}.pro-other strong{font-weight:500;flex:1}.pro-other .arrow{flex:none}
.pro-help{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--paper-2);padding:22px 28px;margin-top:32px}
.pro-help p{font-size:15px;max-width:70ch;margin:0;color:var(--muted)}
.pro-help a{white-space:nowrap;font-size:14px}
.pro-factory{position:relative}.pro-factory .section-head__title{max-width:22ch}
.pro-factory__grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:60px}
.pro-factory__photo{position:relative;min-height:510px;overflow:hidden}
.pro-factory__photo picture,.pro-factory__photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.pro-factory__photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:20px 24px;background:#14191ddd;color:#e9ebed;font-size:13px}
.pro-factory__stages{display:grid;align-content:start}
.pro-factory__stages>div{position:relative;padding:0 0 26px 45px;margin-bottom:26px;border-bottom:1px solid var(--line)}
.pro-factory__stages .mono{position:absolute;left:0;top:4px;color:var(--accent);font-size:13px}
.pro-factory__stages h3{font-size:22px;font-weight:500;margin-bottom:12px}.pro-factory__stages p{font-size:15px;color:var(--muted)}
.pro-factory__stages>.arrow-link{font-size:14px;color:var(--ink)}
.pro-typicals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line)}
.pro-typical{padding:28px 24px;display:flex;flex-direction:column;border-left:1px solid var(--line);transition:background .2s}
.pro-typical:first-child{border-left:0}.pro-typical:hover{background:var(--paper-2);color:var(--ink)}
.pro-typical__label{font-size:11px;color:var(--muted);margin-bottom:26px}
.pro-typical h3{font-size:24px;font-weight:500;line-height:1.3;margin-bottom:25px}
.pro-typical dl{margin:auto 0 26px;font-size:14px}
.pro-typical dl>div{padding:11px 0;border-bottom:1px solid var(--line)}
.pro-typical dt{color:var(--muted);font-size:13px}.pro-typical dd{margin:4px 0 0;font-weight:500}
.pro-typical .arrow-link{font-size:14px}
.pro-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 44px}
.pro-process li{position:relative;border-top:1px solid var(--line);padding-top:24px}
.pro-process__num{font:400 40px var(--f-d);letter-spacing:-.06em;color:var(--accent-deep);display:block;margin-bottom:20px}
.pro-process h3{font-size:21px;font-weight:500}.pro-process p{font-size:15px;color:var(--muted);max-width:39ch}
.pro-process__note{border-top:1px solid var(--line);padding-top:20px;margin-top:36px;font-size:13px;color:var(--muted)}
.pro-audiences{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.pro-audience{padding:28px 24px;display:flex;flex-direction:column;background:var(--paper-2);border-top:3px solid var(--accent);transition:background .2s}
.pro-audience:hover{background:var(--paper-3);color:var(--ink)}
.pro-audience__num{font-size:12px;color:var(--muted);margin-bottom:40px}
.pro-audience h3{font-size:24px;line-height:1.25;font-weight:500}.pro-audience p{font-size:15px;color:var(--muted);margin:0 0 28px}
.pro-audience .arrow-link{margin-top:auto;font-size:14px;display:flex;justify-content:space-between;gap:12px}
.pro-case{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:80px;align-items:center}
.pro-case h2,.pro-about h2{font-weight:500;font-size:clamp(30px,3.2vw,46px);line-height:1.15;letter-spacing:-.045em;white-space:pre-line}
.pro-case p{font-size:16px;color:var(--muted)}.pro-case .eyebrow{font-size:12px;color:var(--accent-deep)}
.pro-case__location{margin-top:20px}.pro-case__passport{padding:36px;background:var(--paper);border-top:3px solid var(--accent)}
.pro-case__passport>.mono{font-size:12px}.pro-case__area{font-size:clamp(28px,3vw,42px);font-weight:500;letter-spacing:-.04em}
.pro-case dl{font-size:14px;margin:22px 0}.pro-case dl>div{padding:14px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:110px 1fr;gap:20px}
.pro-case dt{color:var(--muted)}.pro-case dd{margin:0}.pro-case__docs{font-size:12px;color:var(--muted)}
.pro-about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center}
.pro-about__photos{min-width:0;display:grid;gap:12px}
.pro-about__photos picture,.pro-about__photos img{display:block;width:100%;height:100%;object-fit:cover}
.pro-about__main{aspect-ratio:3/2}.pro-about__side{aspect-ratio:2/1}
.pro-about .lead{font-size:17px;color:var(--muted);line-height:1.7;margin:25px 0}
.pro-about .arrow-link{font-size:14px}
/* 26.09 (H-05): паспорт завода — адрес производства, профили, проектирование, сертификат, юрлицо */
.factory-pass{margin:24px 0 32px;border-top:3px solid var(--gray-900)}
.factory-pass>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}
.factory-pass dt{font:400 11px/1.6 var(--f-m);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-top:2px}
.factory-pass dd{margin:0;font-size:15px;line-height:1.5;color:var(--ink)}
.factory-pass dd.mono{font-family:var(--f-m);font-size:14px}
@media(max-width:540px){.factory-pass>div{grid-template-columns:1fr;gap:4px;padding:11px 0}}
.cta-band{padding-block:clamp(60px,7vw,100px)}
.cta-band__title{font-size:clamp(32px,4.2vw,60px);font-weight:500;line-height:1.1;letter-spacing:-.045em}
.cta-band__text{font-size:16px;line-height:1.7}
.footer .topbar__note{font-size:12px}
.sol-card--text .card__media{background:var(--paper-2);padding:28px;min-height:130px;display:flex;align-items:end}
.sol-card__category{font:14px var(--f-m);color:var(--muted);max-width:26ch}
.sol-card .card__text{font-size:15px;line-height:1.7}
.sol-card .card__title{font-size:25px;font-weight:500}
.field__input{min-height:52px;font-size:16px;border-radius:2px}.field__label{font-size:14px}
.form__legend{font-size:14px}.form__fieldset{border-color:var(--line)}
.form__status{font-size:16px}
@media(max-width:1100px){.pro-solutions,.pro-audiences{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-typicals{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-typical:nth-child(3){border-left:0}.pro-typical:nth-child(n+3){border-top:1px solid var(--line)}.pro-factory__grid{gap:32px}.pro-case,.pro-about{gap:40px}.pro-proof__item{padding-inline:18px}}
@media(max-width:900px){.pro-hero h1{font-size:clamp(38px,6.7vw,60px);max-width:19ch}.pro-proof__wrap{grid-template-columns:1fr;gap:28px}.pro-proof__photo{min-height:0;aspect-ratio:16/9}.pro-proof__value{font-size:48px}.pro-factory__grid,.pro-case,.pro-about{grid-template-columns:1fr}.pro-factory__photo{min-height:380px}.pro-factory__stages{margin-top:12px}.pro-process{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-other{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-about__main,.pro-about__side{aspect-ratio:16/10}.pro-help{align-items:start;flex-direction:column;gap:12px}.pro-case__passport{max-width:none}}
@media(max-width:540px){.pro-hero h1{font-size:clamp(30px,7.8vw,42px)}.pro-proof__item{padding:14px 12px 16px}.pro-proof__value{font-size:37px;gap:5px}.pro-proof__value small{font-size:13px}.pro-proof h2{font-size:14px}.pro-proof p{font-size:13px}.pro-solutions,.pro-audiences,.pro-typicals{grid-template-columns:1fr}.pro-solution__photo{aspect-ratio:16/10}.pro-solution__body{padding-top:18px}.pro-solution h3{font-size:23px}.pro-other{grid-template-columns:1fr}.pro-other a{padding:20px 0}.pro-other .mono{font-size:12px}.pro-help{padding:20px}.pro-typical{padding:24px;border-left:0;border-top:1px solid var(--line)}.pro-typical:first-child{border-top:0}.pro-typical h3{font-size:26px}.pro-typical dl>div{display:flex;justify-content:space-between;gap:20px}.pro-typical dd{margin:0;text-align:right}.pro-typical__label{margin-bottom:18px}.pro-process{grid-template-columns:1fr;gap:22px}.pro-process li{padding-left:55px;padding-top:20px}.pro-process__num{position:absolute;top:16px;left:0;font-size:29px}.pro-process h3{font-size:20px}.pro-process p{max-width:none}.pro-audience__num{margin-bottom:20px}.pro-audience{padding:24px}.pro-case__passport{padding:25px}.pro-case dl>div{grid-template-columns:1fr;gap:5px}.pro-factory__photo{min-height:300px}.pro-factory__stages h3{font-size:20px}.pro-about{gap:28px}.pro-about .btn-row{align-items:start}.pro-about .arrow-link{min-height:48px}.cta-band__actions{max-width:none}}
@media(prefers-reduced-motion:reduce){.pro-solution__photo img{transition:none}.pro-solution:hover .pro-solution__photo img{transform:none}}
@media print{.pro-hero__media,.pro-factory__photo{min-height:220px}.pro-home .section{padding-block:24px}.pro-proof__grid{grid-template-columns:repeat(2,1fr)}}

/* Asymmetric catalogue: principal building and supporting applications. */
.pro-solutions{grid-template-columns:1.5fr 1fr 1fr;gap:28px;align-items:end}
.pro-solution:first-child .pro-solution__photo{aspect-ratio:1.2}
.pro-solution:not(:first-child) .pro-solution__photo{aspect-ratio:1}
.pro-solution:first-child h3{font-size:30px}
.pro-solution__index{background:#10191fe6;color:#fff;font-size:10px;font-family:var(--f-t);letter-spacing:.07em}
.pro-solution__body{min-height:128px}
.pro-home .section-head{margin-bottom:40px}
.pro-home .section-head__title{max-width:24ch}
.pro-proof__value{font-size:clamp(35px,3.5vw,50px)}

.pro-proof h2{font-weight:500}
.pro-audience{border-top:1px solid var(--line);background:#fff;border-bottom:1px solid var(--line);padding:26px 18px}
.pro-audience:hover{background:var(--paper-2)}
.pro-audience__num{color:var(--accent-deep)}
.pro-audiences{gap:22px}
.pro-audience h3{font-size:23px}
.pro-factory__photo{min-height:470px}
.pro-typicals{border:0;gap:18px}
.pro-typical{border:0;border-top:2px solid var(--ink);background:var(--paper-2);padding:24px 22px}
.pro-typical h3{font-size:23px}.pro-typical__label{font-family:var(--f-t);font-size:10px;letter-spacing:.07em}
.pro-case__passport{border-top-color:var(--ink)}
.pro-home .cta-band:before{height:0}
.pro-home .cta-band{background:#f47b36;--ink:#10191f;--muted:#313f47;--line-2:#10191f60;--accent:#10191f;--on-accent:#fff;--accent-hover:#273944;--accent-deep:#10191f}
.pro-home .cta-band .btn--primary{background:#10191f;border-color:#10191f;color:#fff}
.pro-home .cta-band .btn--wa{background:transparent;border:1px solid #10191f60;color:#10191f}
.footer__grid{gap:36px}.footer{padding-top:64px}
.footer__text,.footer__about{font-size:14px;line-height:1.65}
.footer__title{font-weight:500}
.editorial-cover,.project-cover{height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:start;padding:30px;background:var(--paper-2);border-top:2px solid var(--ink)}
.editorial-cover strong{font:400 clamp(40px,4vw,64px) var(--f-d);letter-spacing:-.06em;color:var(--ink)}
.editorial-cover .mono,.project-cover .mono{font-size:11px;color:var(--muted)}
.editorial-cover>span:last-child,.project-cover>span:last-child{font-size:14px;color:var(--muted)}
.project-cover{min-height:280px;background:#e9ebec}
.project-cover strong{font:400 clamp(30px,4vw,56px) var(--f-d);letter-spacing:-.04em}
@media(max-width:1100px){.pro-solutions{grid-template-columns:1fr 1fr}.pro-solution:first-child{grid-column:1/-1}.pro-solution:first-child .pro-solution__photo{aspect-ratio:2}.pro-solution__body{min-height:110px}.pro-audience{border-top:1px solid var(--line)}}
@media(max-width:640px){.pro-solutions{grid-template-columns:1fr;gap:25px}.pro-solution:first-child{grid-column:auto}.pro-solution:first-child .pro-solution__photo,.pro-solution:not(:first-child) .pro-solution__photo{aspect-ratio:1.5}.pro-solution:first-child h3{font-size:26px}.pro-solution__body{min-height:0}.pro-proof__value{font-size:35px}.pro-home .section-head{margin-bottom:28px}.pro-factory__photo{min-height:320px}.pro-home .section-head__title{font-size:31px}.pro-typical{border-top:2px solid var(--ink)}.pro-audience{padding:24px 8px}.pro-audience__num{margin-bottom:22px}.pro-home .cta-band__title{font-size:38px}.pro-home .cta-band__inner{gap:28px}}

/* Рендер каркаса tech-hub (разбор 11.09.2026, п. 16). Кадр из презентации завода
   был извлечён без родной маски прозрачности — отсюда чёрный прямоугольник с
   пятнами в первом экране /tekhnologii/ и /proektirovshchikam/. Кадр переразобран
   с чистой альфой, поэтому его нельзя обрезать по краям (object-fit:cover):
   вписываем целиком в светлую подложку. */
.tech-blueprint{background:var(--gray-50)}
.tech-blueprint picture{display:block}
.tech-blueprint img{width:100%;max-height:520px;object-fit:contain;padding:clamp(14px,2.6vw,30px) clamp(14px,3vw,40px)}
.tech-blueprint__cap{background:var(--gray-50);color:var(--gray-600);border-top:1px solid var(--gray-200)}
.page-hero--photo .page-hero__media img[src*="/tech-hub-"]{background:var(--gray-50);object-fit:contain;padding:clamp(18px,3vw,42px)}
.tech-media__item img[src*="/tech-hub-"]{background:var(--gray-50);object-fit:contain;padding:14px}

/* 26.09: реальный кадр цеха с фирменной подписью (factoryShot в components.mjs) */
.factory-shot{position:relative;margin:0;min-width:0;overflow:hidden;background:var(--gray-900)}
.factory-shot picture,.factory-shot img{display:block;width:100%;height:100%;object-fit:cover}
.pro-proof__photo picture,.pro-proof__photo img{position:absolute;inset:0}
@media(max-width:900px){.pro-proof__photo picture,.pro-proof__photo img{position:static}}

/* Одна строка под сеткой решений вместо девяти одинаковых плашек на карточках */
.solutions-photo-note{margin:22px 0 0;padding-left:12px;border-left:3px solid var(--accent);font-size:12px;line-height:1.5;letter-spacing:.02em;color:var(--muted)}
.solutions-photo-note b{font-weight:500;letter-spacing:.14em;color:var(--ink)}

/* «Изготовлено на заводе в с. Троебратское» — общий блок хаба решений, страниц решений и /agrariyam/ */
.factory-band__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,72px);align-items:center}
.factory-band .eyebrow b{font-weight:500;letter-spacing:.14em;color:var(--ink)}
.factory-band .section-head__title{margin:0 0 18px;max-width:18ch}
.factory-band__lead{font-size:16px;line-height:1.65;color:var(--muted);margin:0 0 22px;max-width:48ch}
.factory-band__facts{list-style:none;margin:0 0 26px;padding:0;border-top:1px solid var(--line)}
.factory-band__facts li{display:grid;gap:3px;padding:12px 0 12px 16px;border-bottom:1px solid var(--line);position:relative;font-size:14px;line-height:1.5;color:var(--muted)}
.factory-band__facts li:before{content:"";position:absolute;left:0;top:19px;width:6px;height:6px;background:var(--accent)}
.factory-band__facts b{font-weight:500;font-size:15px;color:var(--ink)}
.factory-band .btn-row{gap:14px 28px}
.factory-band .arrow-link{font-size:14px;min-height:44px;display:inline-flex;align-items:center}
.factory-band__photos{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-auto-rows:clamp(300px,33vw,470px);gap:12px;min-width:0}
.factory-band__photos .factory-shot{height:100%}
@media(max-width:900px){.factory-band__grid{grid-template-columns:1fr}.factory-band__photos{grid-auto-rows:clamp(220px,44vw,360px)}}
/* Телефон: два кадра рядом, на плашке — только STEPPESTEEL (подпись кадра — в alt) */
@media(max-width:640px){.factory-band__photos{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:8px}.factory-band__photos .factory-shot{height:auto;aspect-ratio:3/4}.factory-band__photos .brand-tag{bottom:8px;padding:6px 9px 6px 10px}.factory-band__photos .brand-tag>span{display:none}.factory-band__lead{font-size:15px}.factory-band .btn-row{flex-direction:column;align-items:flex-start;gap:0}}

/* Подвал: аудитории отдельным коротким списком под навигацией */
.footer__list--aud{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}

/* ==========================================================================
   26.09 — главная по макету Шамиля (home.mjs, префикс hm-): 10 блоков сверху вниз.
   Белый фон, графит, металл, один оранжевый акцент (ТЗ §3). Новых анимаций нет —
   только смена цвета рамки на hover. Иконки — src/lib/icons.mjs (штрих 1.5).
   ========================================================================== */
.hm-sec{padding-block:clamp(32px,3.4vw,48px)}
.hm-head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:12px 32px;margin-bottom:clamp(18px,2vw,26px)}
.hm-h2{margin:0;max-width:none;font:600 clamp(24px,2.2vw,32px)/1.2 var(--f-d);letter-spacing:-.025em;color:var(--ink)}
.hm-head__side{display:flex;align-items:center;gap:24px;margin-left:auto}
.hm-head__link{font-size:14px;min-height:44px;display:inline-flex;align-items:center;gap:12px}
.hm-btn-sm{min-height:44px;padding:10px 18px;font-size:14px;font-weight:500;gap:14px;align-self:flex-start}
.btn--ghost.hm-btn-sm{--btn-line:var(--ink)}
.hm-note{margin:18px 0 0;padding-left:12px;border-left:3px solid var(--accent);font-size:12px;line-height:1.5;color:var(--muted)}
.line-icon{display:block;width:100%;height:100%}

/* 2. Первый экран: светлый фон, текст слева, кадр каркаса справа до края окна.
   Колонка текста — 46 % контейнера; ширина кадра = 50 % + 4 % контейнера. */
.hm-hero{--hm-copy:.46}
.hm-hero__main{position:relative;background:var(--gray-50);overflow:hidden}
.hm-hero__copy{position:relative;z-index:1;width:calc(var(--hm-copy) * 100%);min-height:clamp(500px,41vw,600px);display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,4vw,64px) clamp(24px,2.6vw,44px) clamp(40px,4vw,64px) 0}
.hm-hero__media{position:absolute;top:0;right:0;bottom:0;margin:0;width:calc(50% + (.5 - var(--hm-copy)) * min(100% - 2 * var(--gutter), var(--container)));background:var(--gray-200)}
.hm-hero__media picture,.hm-hero__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.hm-hero__eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 22px;font:500 11px/1.4 var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:var(--gray-600)}
.hm-hero__eyebrow>span{width:7px;height:7px;flex:none;background:var(--accent)}
.hm-hero__title{margin:0 0 20px;max-width:none;font:600 clamp(32px,3.6vw,52px)/1.06 var(--f-d);letter-spacing:-.035em;color:var(--ink);hyphens:manual;-webkit-hyphens:manual}
.hm-hero__brand{display:block}
.hm-hero__sub{margin:0 0 8px;font:500 clamp(17px,1.4vw,20px)/1.4 var(--f-d);letter-spacing:-.01em;color:var(--ink)}
.hm-hero__sub i{font-style:normal;color:var(--accent)}
.hm-hero__lead{margin:0 0 28px;max-width:36em;font-size:16px;line-height:1.6;color:var(--gray-600)}
.hm-hero__actions{display:flex;flex-wrap:wrap;gap:12px}
.hm-hero__actions .btn{min-height:50px;padding:14px 22px;gap:18px}
.hm-hero__actions .btn--ghost{--btn-line:var(--ink)}
.hm-hero__actions .btn--ghost:hover{--btn-bg:#fff}
.hm-hero__promise{margin:18px 0 0;max-width:52ch;font-size:13px;line-height:1.55;color:var(--gray-600)}
.hm-hero__promise a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:.22em}
.hm-hero__promise a:hover{color:var(--accent-deep);text-decoration-color:currentColor}
/* Фирменная полоса под первым экраном: проектный отдел · производство · сертификат.
   Без вертикальных разделителей: у полосы 3 колонки, у показателей ниже — 4, линии не совпали бы. */
.hm-strip{background:#fff;border-bottom:1px solid var(--line)}
.hm-strip__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.hm-strip a{display:flex;align-items:center;gap:16px;min-height:60px;padding:14px 20px;font-size:14px;color:var(--ink)}
.hm-strip a:first-child{padding-left:0}
.hm-strip a:hover{color:var(--accent-deep)}
.hm-strip .mono{font-size:11px;color:var(--gray-600)}
.hm-strip .arrow{margin-left:auto;flex:none}

/* 3. Наши показатели: 4 пункта в ряд, линейная иконка + значение + подпись */
.hm-kpi{border-bottom:1px solid var(--line)}
.hm-kpi__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none}
/* Значения всех четырёх пунктов — на одной линии, даже если подпись в одну строку: выравнивание по верху */
.hm-kpi__item{display:flex;align-items:flex-start;gap:16px;min-width:0;padding:26px 24px;border-left:1px solid var(--line)}
.hm-kpi__item:first-child{padding-left:0;border-left:0}
.hm-kpi__icon{flex:none;width:44px;height:44px;margin-top:2px;color:var(--ink)}
.hm-kpi__body{display:flex;flex-direction:column;gap:4px;min-width:0}
.hm-kpi__value{font:600 clamp(19px,1.6vw,22px)/1.2 var(--f-d);letter-spacing:-.02em;color:var(--ink)}
.hm-kpi__value small{font-size:.8em;font-weight:500;letter-spacing:-.01em}
.hm-kpi__title{font-size:13px;line-height:1.45;color:var(--gray-600)}

/* 4. Что мы производим: лента со снэпом. Без JS — обычная прокрутка, стрелки скрыты */
.hm-rail__nav{display:none;gap:8px}
html.js .hm-rail__nav{display:flex}
.hm-rail__btn{display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--line-2);border-radius:var(--r-1);background:#fff;color:var(--ink);cursor:pointer;transition:border-color var(--dur-1),opacity var(--dur-1)}
.hm-rail__btn:hover:not(:disabled){border-color:var(--ink)}
.hm-rail__btn:disabled{opacity:.35;cursor:default}
.hm-rail__btn .line-icon{width:18px;height:18px}
.hm-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 4 * 16px) / 5);gap:16px;margin:0;padding:0 0 14px;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}
.hm-rail:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.hm-rail__item{display:flex;min-width:0;scroll-snap-align:start}
.hm-prod{display:flex;flex-direction:column;width:100%;border:1px solid var(--line);background:#fff;color:var(--ink);transition:border-color var(--dur-1)}
.hm-prod:hover{border-color:var(--gray-400);color:var(--ink)}
.hm-prod__photo{display:block;aspect-ratio:3/2;overflow:hidden;background:var(--gray-100)}
.hm-prod__photo picture,.hm-prod__photo img{display:block;width:100%;height:100%;object-fit:cover}
.hm-prod__body{display:flex;flex-direction:column;flex:1;padding:14px 16px 16px}
.hm-prod__title{margin:0 0 6px;font:600 16px/1.3 var(--f-d);letter-spacing:-.01em;overflow-wrap:normal;color:var(--ink)}
.hm-prod__text{margin-bottom:14px;font-size:13px;line-height:1.5;color:var(--gray-600)}
.hm-prod__more{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:12px;min-height:36px;padding:7px 12px;border:1px solid var(--line-2);font-size:13px;font-weight:500}
.hm-prod:hover .hm-prod__more{border-color:var(--ink)}
.hm-produce .solutions-photo-note{margin-top:14px}

/* 5. Типовые решения: слева заголовок, текст и кнопка; справа 4 карточки с фото */
.hm-typical__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3.4fr);gap:clamp(24px,3vw,44px);align-items:start}
.hm-typical__intro{display:flex;flex-direction:column;gap:16px;padding-top:4px}
.hm-typical__intro p{margin:0;max-width:52ch;font-size:14px;line-height:1.6;color:var(--gray-600)}
.hm-typical__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
.hm-typical__list>li{display:flex;min-width:0}
.hm-typ{display:flex;flex-direction:column;width:100%;border:1px solid var(--line);background:#fff;color:var(--ink);transition:border-color var(--dur-1)}
.hm-typ:hover{border-color:var(--gray-400);color:var(--ink)}
.hm-typ__photo{display:block;aspect-ratio:3/2;overflow:hidden;background:var(--gray-100)}
.hm-typ__photo picture,.hm-typ__photo img{display:block;width:100%;height:100%;object-fit:cover}
.hm-typ__body{display:flex;flex-direction:column;flex:1;padding:14px 16px 16px}
.hm-typ__title{margin:0 0 10px;font:600 15px/1.3 var(--f-d);letter-spacing:-.01em;overflow-wrap:normal;color:var(--ink)}
.hm-typ__params{margin:0 0 12px;font-size:13px;line-height:1.5;color:var(--gray-600)}
.hm-typ__params dt,.hm-typ__params dd{display:inline;margin:0}
.hm-typ__params dd{color:var(--ink)}
.hm-typ__more{margin-top:auto;display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:var(--accent-deep)}

/* 6. Реализованные объекты: фото, бейдж, название, место и год */
.hm-objects__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
.hm-objects__list>li{display:flex;min-width:0}
.hm-obj{display:flex;flex-direction:column;width:100%;border:1px solid var(--line);background:#fff;color:var(--ink);transition:border-color var(--dur-1)}
.hm-obj:hover{border-color:var(--gray-400);color:var(--ink)}
.hm-obj__media{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--gray-100)}
.hm-obj__media picture,.hm-obj__media img{display:block;width:100%;height:100%;object-fit:cover}
.hm-obj__media--plan{display:flex;align-items:center;justify-content:center;padding:18px 22px;background:var(--gray-50)}
.hm-obj__media--plan .case-plan{width:100%;margin:0}
.hm-obj__media--plan .case-plan svg{max-width:340px;margin-inline:auto}
.hm-obj__media--plan .case-plan figcaption{text-align:center}
.hm-obj__body{display:flex;flex-direction:column;gap:4px;padding:14px 16px 16px}
.hm-obj__badge{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-deep)}
.hm-obj__title{margin:0;font:600 16px/1.3 var(--f-d);letter-spacing:-.01em;overflow-wrap:normal;color:var(--ink)}
.hm-obj__meta{font-size:13px;color:var(--gray-600)}

/* 7. Две большие карточки: проектировщикам и дилерам — чек-лист слева, кадр справа */
.hm-partners__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
/* Колонка текста шире фото (как в макете): «Стать дилером STEPPESTEEL» помещается в одну строку от ≈1300 px,
   и чек-листы обеих карточек начинаются на одной высоте */
.hm-partner{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);min-height:260px;background:var(--gray-50);border:1px solid var(--line)}
.hm-partner__body{display:flex;flex-direction:column;gap:18px;padding:clamp(20px,2.2vw,30px)}
.hm-partner__title{margin:0;max-width:none;font:600 clamp(20px,1.6vw,23px)/1.25 var(--f-d);letter-spacing:-.02em;color:var(--ink)}
.hm-partner .hm-btn-sm{margin-top:auto}
.hm-partner__photo{position:relative;min-height:220px;margin:0;overflow:hidden;background:var(--gray-200)}
.hm-partner__photo picture,.hm-partner__photo img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.hm-check{display:grid;gap:9px;margin:0;padding:0;list-style:none;font-size:14px;line-height:1.45;color:var(--ink)}
.hm-check li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;align-items:start}
.hm-check .line-icon{width:18px;height:18px;margin-top:1px;color:var(--accent)}

/* 8. Как мы работаем: 5 шагов в ряд, иконки в кружках, стрелки между шагами */
.hm-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px;margin:0;padding:0;list-style:none}
.hm-step{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:start;align-content:start;min-width:0}
.hm-step__icon{display:grid;place-items:center;width:56px;height:56px;border:1.5px solid var(--gray-300);border-radius:50%;background:#fff;color:var(--ink)}
.hm-step__icon .line-icon{width:28px;height:28px}
.hm-step__title{margin:4px 0 6px;font:600 15px/1.3 var(--f-d);letter-spacing:-.01em;overflow-wrap:normal;color:var(--ink)}
.hm-step__num{color:var(--accent-deep)}
.hm-step__text{margin:0;font-size:13px;line-height:1.5;color:var(--gray-600)}
.hm-step__term{margin:8px 0 0;font-size:11px;line-height:1.45;letter-spacing:.02em;color:var(--ink)}
.hm-step__arrow{position:absolute;top:18px;right:-24px;width:20px;height:20px;color:var(--gray-400)}
.hm-process__note{margin-top:28px}

/* 9. О заводе: текст слева, 4 реальных кадра в ряд справа */
.hm-about__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:clamp(24px,3.4vw,52px);align-items:center}
.hm-about__copy{display:flex;flex-direction:column;gap:16px}
.hm-about__text{margin:0;font-size:15px;line-height:1.65;color:var(--gray-600)}
.hm-about__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;margin-top:6px}
.hm-about__actions .arrow-link{font-size:14px;display:inline-flex;align-items:center;gap:12px}
.hm-about__photos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.hm-about__photo{display:flex;flex-direction:column;gap:8px;margin:0}
.hm-about__photo picture{display:block;aspect-ratio:1;overflow:hidden;background:var(--gray-200)}
.hm-about__photo img{display:block;width:100%;height:100%;object-fit:cover}
.hm-about__photo figcaption{padding-left:10px;border-left:2px solid var(--accent);font-size:12px;line-height:1.4;color:var(--gray-600)}

@media(max-width:1200px){
.hm-hero{--hm-copy:.52}
.hm-rail{grid-auto-columns:calc((100% - 3 * 16px) / 4)}
.hm-typical__grid{grid-template-columns:1fr;gap:22px}
.hm-steps{gap:22px}
.hm-step{grid-template-columns:1fr}
.hm-step__arrow{right:-21px;width:20px}
}
@media(min-width:1101px) and (max-width:1299px){
/* Две карточки рядом, но заголовок дилеров может уйти во вторую строку — держим место под две строки у обеих */
.hm-partner__title{min-height:2.5em}
}
@media(max-width:1100px){
.hm-partners__grid{grid-template-columns:1fr}
.hm-about__grid{grid-template-columns:1fr}
.hm-kpi__item{gap:12px;padding-inline:16px}
.hm-kpi__icon{width:38px;height:38px}
}
@media(max-width:980px){
.hm-hero__copy{width:auto;min-height:0;padding:36px 0 32px}
.hm-hero__media{position:relative;width:auto;aspect-ratio:16/9}
.hm-hero__title{font-size:clamp(30px,6vw,46px)}
.hm-steps{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:30px}
.hm-step:nth-child(3) .hm-step__arrow{display:none}
}
@media(max-width:900px){
.hm-kpi__list{grid-template-columns:repeat(2,minmax(0,1fr))}
.hm-kpi__item{padding:18px 16px}
.hm-kpi__item:nth-child(odd){padding-left:0;border-left:0}
.hm-kpi__item:nth-child(n+3){border-top:1px solid var(--line)}
.hm-rail{grid-auto-columns:calc((100% - 2 * 16px) / 3)}
.hm-typical__list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
.hm-strip a{gap:10px;padding:12px;font-size:13px}
}
@media(max-width:640px){
.hm-hero__copy{padding:24px 0}
.hm-hero__eyebrow{margin-bottom:14px;font-size:10px;letter-spacing:.08em}
.hm-hero__title{margin-bottom:12px;font-size:clamp(28px,8.6vw,36px);line-height:1.08}
.hm-hero__sub{font-size:16px}
.hm-hero__lead{margin-bottom:18px;font-size:15px}
.hm-hero__actions{flex-direction:column;align-items:stretch;gap:10px}
.hm-hero__actions .btn{width:100%;justify-content:space-between;min-height:48px;padding:13px 18px}
.hm-hero__promise{font-size:12px}
.hm-hero__media{aspect-ratio:3/2}
.hm-strip__grid{grid-template-columns:1fr}
.hm-strip a,.hm-strip a:first-child{min-height:48px;padding:10px 0;border-left:0;border-top:1px solid var(--line)}
.hm-strip a:first-child{border-top:0}
.hm-kpi__item{flex-direction:column;align-items:flex-start;gap:10px;padding:16px 12px}
.hm-kpi__icon{width:36px;height:36px}
.hm-kpi__value{font-size:18px}
.hm-kpi__title{font-size:12px}
.hm-head__side{width:100%;margin-left:0;justify-content:space-between}
/* Лента на телефоне — до краёв экрана: следующая карточка выглядывает из-за края, а не обрезается полем */
.hm-rail{grid-auto-columns:78%;gap:12px;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);scroll-padding-inline:var(--gutter)}
.hm-typical__list{grid-template-columns:1fr;gap:12px}
.hm-typ{flex-direction:row}
.hm-typ__photo{flex:0 0 38%;aspect-ratio:auto;min-height:124px}
.hm-typ__body{padding:12px 14px 14px}
.hm-objects__list{grid-template-columns:1fr}
.hm-partner{grid-template-columns:1fr}
.hm-partner__photo{order:-1;min-height:0;aspect-ratio:16/9}
.hm-steps{grid-template-columns:1fr;gap:18px}
.hm-step{grid-template-columns:48px minmax(0,1fr);gap:14px}
.hm-step__icon{width:48px;height:48px}
.hm-step__icon .line-icon{width:24px;height:24px}
.hm-step__arrow{display:none}
.hm-about__photos{grid-template-columns:repeat(2,minmax(0,1fr))}
.hm-about__actions{flex-direction:column;align-items:flex-start}
}

/* 27.09: облёт с дрона поверх фото первого экрана */
.hm-hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease;pointer-events:none}
.hm-hero__video.is-on{opacity:1}
.hm-hero__media>.brand-tag{z-index:2}
@media(prefers-reduced-motion:reduce){.hm-hero__video{display:none}}

/* 29.09: точка кадрирования фото в карточках «Проектировщикам» / «Стать дилером» */
.hm-partner__photo img{object-position:var(--focus,50% 50%)}