:root{color-scheme:light;--ink:#111c2a;--navy:#101c2b;--paper:#f4f2ed;--yellow:#f9cb45;--muted:#536274}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 "Inter",Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #d59618;outline-offset:5px}.wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}header{background:var(--navy);color:#fff;border-bottom:1px solid #33404d}.bar,.foot{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:79px}.bar nav{display:flex;gap:30px;color:#d8e0ea;font-size:14px}.brand{display:inline-flex;align-items:center;gap:13px;font-size:23px;font-weight:900;letter-spacing:.04em;white-space:nowrap}.brand i{width:29px;height:22px;background:repeating-linear-gradient(115deg,var(--yellow) 0 7px,transparent 7px 11px);transform:skewX(-10deg)}.top-phone{font-weight:700;white-space:nowrap}.hero{background:var(--navy);color:#fff}.hero-grid{display:grid;grid-template-columns:1fr 1.07fr;align-items:center;gap:38px;padding-block:52px 60px}.hero img{display:block;width:100%;height:auto;aspect-ratio:1.47;object-fit:cover;border-radius:4px}.region{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--yellow);font-weight:700;margin:0 0 18px}.crumb{display:flex;flex-wrap:wrap;gap:9px;color:#ced8e3;font-size:12px;margin-bottom:22px}.crumb a::after{content:"/";margin-left:9px;color:#8d9caf}h1,h2,h3,p{overflow-wrap:break-word}h1{font-size:clamp(38px,4.85vw,74px);line-height:.99;letter-spacing:-.055em;margin:0;font-weight:850}.intro{color:#cbd5e1;font-size:18px;max-width:410px;margin:24px 0 29px}.actions{display:flex;flex-wrap:wrap;gap:12px}.btn,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:23px;min-height:51px;padding:11px 20px;font-weight:750;border-radius:3px}.btn{background:var(--yellow);color:#14202b}.btn:hover{background:#ffdc73}.secondary{border:1px solid #697786;color:#fff}.secondary:hover{background:#263646}.catalog,.article,.offers{padding-block:45px}.catalog h2,.contact h2{font-size:clamp(29px,4vw,48px);line-height:1.06;letter-spacing:-.045em;margin:0 0 25px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,225px),1fr));gap:15px}.card{display:block;background:#fff;border:1px solid #deded7;border-radius:4px;padding:21px;min-height:184px;position:relative}.card:hover{border-color:#ba8a18}.card span{display:inline-grid;place-items:center;background:#f9e8b3;min-width:43px;height:39px;font-weight:800;border-radius:3px}.card h3{margin:12px 0 4px;font-size:19px}.card p{margin:0;color:var(--muted);font-size:14px}.card b{position:absolute;right:17px;top:18px}.article{max-width:920px}.article h2{font-size:30px;line-height:1.14}.offers ul{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0}.offers a{display:block;background:white;padding:8px 13px;text-decoration:underline}.contact{background:#e4e8e8;padding:36px 0}.contact .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px}.contact h2{margin-bottom:10px}.contact p{margin:0}.contact .btn{white-space:nowrap}footer{background:var(--navy);color:#e5ebf2}.foot{padding-block:23px}.foot address{font-style:normal;font-size:14px}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.hero-grid{gap:23px}.bar nav{gap:13px}.top-phone{font-size:14px}}
@media(max-width:680px){.wrap{width:calc(100% - 36px)}.bar{display:grid;grid-template-columns:1fr auto;gap:8px;padding-block:12px}.bar nav{grid-column:1/-1;grid-row:2;flex-wrap:wrap}.hero-grid{grid-template-columns:1fr;padding-block:29px 25px}.hero img{aspect-ratio:1.65}.intro{margin:15px 0 19px}.catalog,.article,.offers{padding-block:30px}.contact .wrap,.foot{align-items:flex-start;flex-direction:column}.foot{gap:14px}.brand{font-size:19px}}