/* 13.10.2026 (Claude): новая главная — баннер из цеха, полоса цифр, фото-блоки, блок об основателях. Подключается только в шаблоне главной. */
/* образец 13.10.2026, версия 2 — по макету Codex */
:root{--font-heading:'Lora',Georgia,serif;--ink:#14213d;--cream:#f6f1e7;--milk:#fbf8f2;--brass:#b08d4a;--color-bg-light:#f6f1e7;--color-primary:#14213d}
body{background:var(--milk);color:#3a3a3a}
h1,h2,h3{font-family:var(--font-heading);color:var(--ink);font-weight:600;letter-spacing:-.01em}
.section-header h2,.section h2{font-size:clamp(28px,3.4vw,42px)}
.section-light{background:var(--cream)}
.btn-primary{background:var(--brass);border-color:var(--brass)}
.hand{font-family:'Caveat',cursive;color:var(--brass);font-size:28px;line-height:1.1;transform:rotate(-4deg);display:inline-block}
.hero2{display:grid;grid-template-columns:47% 53%;background:var(--cream);min-height:540px;align-items:stretch}
.hero2 .container{order:1;width:auto;max-width:none;margin:0;padding:0 24px 0 max(20px,calc((100vw - 1200px)/2 + 20px));display:flex;align-items:center}
.hero2-text{max-width:560px;padding:48px 0}
.hero2-m{order:2;display:block;width:100%;height:100%;min-height:540px;object-fit:cover;object-position:35% 20%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%);mask-image:linear-gradient(90deg,transparent 0,#000 16%)}
.hero2 h1{font-size:clamp(34px,4.6vw,60px);line-height:1.08;margin:0 0 18px}
.hero2 p.lead{font-size:19px;line-height:1.5;color:#3f4658;margin:0 0 26px;max-width:520px}
.hero2 .hero-form{margin:0 0 14px}
.hero2 .hero-form-inner .hero-form-row input[type="text"],.hero2 .hero-form-inner .hero-form-row input[type="tel"]{background:#fff;border:1px solid #d9cfbd;color:var(--ink);border-radius:6px}
.hero2 .hero-form-inner .hero-form-row input::placeholder{color:#8a8176}
.hero2 .hero-form-inner .hero-form-row input:focus{background:#fff;border-color:var(--brass)}
.hero2 .hero-form-inner .hero-form-row button{border-radius:6px}
.hero2 .hero-form-inner .consent-label--light{color:#6a6258}.hero2 .hero-form-inner .consent-label--light a{color:#7a5c22}
.hero2 a.more{color:var(--ink);font-weight:600;border-bottom:1px solid var(--brass);text-decoration:none}
.nums{background:var(--cream);border-top:1px solid #e9e0cf;border-bottom:1px solid #e9e0cf}
.nums .container{display:grid;grid-template-columns:repeat(3,1fr)}
.nums div{text-align:center;padding:26px 12px;color:#4a4f5c}
.nums div+div{border-left:1px solid #d8c8a4}
.nums b{display:block;font-family:var(--font-heading);font-size:clamp(30px,4vw,48px);color:var(--ink);line-height:1.1}
.diff-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;flex-wrap:wrap}
.diff-head h2{margin:0}
.real-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.real-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;border-radius:4px}
.real-card h3{margin:18px 0 8px;font-size:24px}
.real-card p{margin:0;color:#4a4f5c;font-size:16.5px;line-height:1.5}
.makers{background:var(--cream);padding:0}
.makers .wrap{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;max-width:1400px;margin:0 auto}
.makers img{width:100%;height:100%;min-height:420px;object-fit:cover;object-position:50% 20%;display:block}
.makers .txt{padding:56px 48px;display:flex;flex-direction:column;justify-content:center}
.makers h2{margin:0 0 18px;font-size:clamp(28px,3.4vw,42px)}
.makers p{color:#3f4658;font-size:18px;line-height:1.6;margin:0 0 14px}
.makers .sign{font-family:'Caveat',cursive;font-size:34px;color:var(--ink);margin-top:10px;line-height:1}
.makers .who{font-size:14px;color:#6a6258;margin-top:6px}
@media screen and (max-width:900px){
 .hero2{grid-template-columns:1fr;min-height:0}
 .hero2-m{order:0;min-height:0;height:300px;object-position:50% 20%;-webkit-mask-image:none;mask-image:none}
 .hero2 .container{padding:0 16px}.hero2-text{padding:26px 0 34px}
 .real-grid{grid-template-columns:1fr}.makers .wrap{grid-template-columns:1fr}.makers img{min-height:300px}.makers .txt{padding:32px 16px}
 .nums b{font-size:28px}.nums div{padding:16px 6px;font-size:13px}.hand{font-size:24px}
}
