@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jost-cyrillic-400-normal-bVZEi0jL.woff2)format("woff2"),url(/assets/jost-cyrillic-400-normal-Dk3McGkH.woff)format("woff")}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jost-latin-400-normal-q-RKOgPK.woff2)format("woff2"),url(/assets/jost-latin-400-normal-C7S-3Ky6.woff)format("woff")}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/jost-cyrillic-500-normal-DtB2bvF0.woff2)format("woff2"),url(/assets/jost-cyrillic-500-normal-DlHwnXyv.woff)format("woff")}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/jost-latin-500-normal-41lBe9I9.woff2)format("woff2"),url(/assets/jost-latin-500-normal-B-AtzreL.woff)format("woff")}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/jost-cyrillic-600-normal-BEDXyecp.woff2)format("woff2"),url(/assets/jost-cyrillic-600-normal-D0Fzn8un.woff)format("woff")}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/jost-latin-600-normal-C497H-z9.woff2)format("woff2"),url(/assets/jost-latin-600-normal-Bv_M0d15.woff)format("woff")}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/jost-cyrillic-700-normal-_ob5o-r5.woff2)format("woff2"),url(/assets/jost-cyrillic-700-normal-BHDNzvjF.woff)format("woff")}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/jost-latin-700-normal-u2Hrqd6k.woff2)format("woff2"),url(/assets/jost-latin-700-normal-k-iBXzmq.woff)format("woff")}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/jost-cyrillic-800-normal-Cee6xADZ.woff2)format("woff2"),url(/assets/jost-cyrillic-800-normal-BkwKzx7A.woff)format("woff")}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/jost-latin-800-normal-Dqt5tSc_.woff2)format("woff2"),url(/assets/jost-latin-800-normal-CYDe-RDT.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-cyrillic-400-normal-DZqxrq2p.woff2)format("woff2"),url(/assets/ibm-plex-sans-cyrillic-400-normal-BTotfTJu.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-400-normal-CDDApCn2.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-400-normal-CYLoc0-x.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-cyrillic-500-normal-CocWQlwt.woff2)format("woff2"),url(/assets/ibm-plex-sans-cyrillic-500-normal-ByOcLdNv.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-latin-500-normal-6ng42L7E.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-500-normal-BgVn5rGT.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-cyrillic-600-normal-71GNu3SW.woff2)format("woff2"),url(/assets/ibm-plex-sans-cyrillic-600-normal-BGq0mW3O.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-600-normal-Cu4Hd6ag.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-500-normal-Bq9vWWag.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-500-normal-Ael50iVv.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff")}:root{--bg:#e3e3df;--paper:#efefec;--ink:#111a22;--ink-2:#1d2a35;--grid:#111a2217;--mute:#5b6670;--or:#ff5a1f;--or-d:#d94510;--line:#111a2238;--f-d:"Jost","Futura",sans-serif;--f-b:"IBM Plex Sans",system-ui,sans-serif;--f-m:"IBM Plex Mono",ui-monospace,monospace;--gut:clamp(18px,4.5vw,60px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font:400 1rem/1.6 var(--f-b);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:40px 40px;overflow-x:hidden}a{color:inherit;text-decoration:none}svg{max-width:100%;display:block}.wrap{width:min(1300px,100%);padding-inline:var(--gut);margin-inline:auto}h1,h2,h3{font-family:var(--f-d);letter-spacing:-.02em;text-wrap:balance;font-weight:800;line-height:.98}.mono{font:500 .74rem var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}.btn{background:var(--or);color:#fff;font:700 .95rem var(--f-d);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);border:0;justify-content:center;align-items:center;gap:.8rem;padding:1.05rem 1.8rem;transition:all .2s;display:inline-flex}.btn:hover,.btn.dark{background:var(--ink)}.btn.dark:hover{background:var(--or)}:focus-visible{outline:3px solid var(--or);outline-offset:3px}header{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#efefeceb;position:sticky;top:0}header .wrap{justify-content:space-between;align-items:center;gap:1rem;height:74px;display:flex}.logo{font:800 1.5rem var(--f-d);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.7rem;display:flex}.logo b{background:var(--ink);width:40px;height:40px;color:var(--or);place-items:center;font-size:1.4rem;display:grid}nav{align-items:center;gap:2rem;display:flex}nav a:not(.btn){font:500 .78rem var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);transition:all .2s}nav a:not(.btn):hover{color:var(--or)}nav .btn{padding:.7rem 1.2rem;font-size:.82rem}.burger{border:2px solid var(--ink);cursor:pointer;background:0 0;width:46px;height:44px;display:none;position:relative}.burger i,.burger i:before,.burger i:after{content:"";background:var(--ink);height:2px;transition:all .25s;position:absolute;left:9px;right:9px}.burger i{top:19px}.burger i:before{top:-7px;left:0;right:0}.burger i:after{top:7px;left:0;right:0}header.open .burger i{background:0 0}header.open .burger i:before{top:0;transform:rotate(45deg)}header.open .burger i:after{top:0;transform:rotate(-45deg)}.hero{padding-block:clamp(40px,6vw,90px) clamp(40px,5vw,70px)}.hero .wrap{grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(24px,4vw,64px);display:grid}.hero h1{margin-block:1rem 1.6rem;font-size:clamp(3rem,7.6vw,7rem)}.hero h1 span{color:var(--or)}.hero p.lead{max-width:32rem;color:var(--ink-2);margin-bottom:2rem;font-size:clamp(1.02rem,1.5vw,1.2rem)}.cta-row{flex-wrap:wrap;gap:1rem;display:flex}.drawing{background:var(--paper);border:2px solid var(--ink);padding:clamp(10px,2vw,22px);position:relative}.drawing:before{content:"Лист 01 · Фасад А · М 1:100";font:500 .66rem var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);position:absolute;bottom:10px;left:14px}.drawing svg{width:100%;height:auto}.draw path,.draw rect,.draw line,.draw polyline{stroke-dasharray:1;stroke-dashoffset:1px;animation:2.4s forwards draw}@keyframes draw{to{stroke-dashoffset:0}}.draw .d2{animation-delay:.5s}.draw .d3{animation-delay:1s}.draw .d4{animation-delay:1.5s}.stats{background:var(--ink);color:var(--paper)}.stats .wrap{grid-template-columns:repeat(4,1fr);display:grid}.stats div{border-right:1px solid #ffffff24;padding:2rem 1.5rem}.stats div:last-child{border:0}.stats b{font:800 clamp(2.4rem,5vw,4rem)/1 var(--f-d);color:var(--or);font-variant-numeric:tabular-nums;display:block}.stats span{font:.82rem var(--f-m);letter-spacing:.08em;text-transform:uppercase;color:#aab4bd}section{padding-block:clamp(60px,8vw,120px)}.head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem 3rem;margin-bottom:clamp(30px,4vw,56px);display:flex}.head h2{max-width:13ch;font-size:clamp(2.3rem,5.6vw,4.6rem)}.head p{max-width:26rem;color:var(--mute)}.list{border-top:2px solid var(--ink)}.li{border-bottom:1px solid var(--line);grid-template-columns:1.4fr 2fr auto auto;align-items:center;gap:1rem 2rem;padding:1.7rem .4rem;transition:all .25s;display:grid;position:relative}.li:hover{background:var(--paper);padding-inline:1.2rem}.li h3{font-size:clamp(1.6rem,2.8vw,2.4rem)}.li p{color:var(--mute);max-width:34rem}.li .t{font:500 .78rem var(--f-m);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.li .pr{font:800 1.4rem var(--f-d);white-space:nowrap;color:var(--or)}.pgrid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.pj{background:var(--paper);border:2px solid var(--ink);flex-direction:column;transition:all .3s;display:flex}.pj:hover{box-shadow:8px 8px 0 var(--or);transform:translate(-4px,-4px)}.pj .pic{aspect-ratio:3/2;background:var(--ink);border-bottom:2px solid var(--ink);position:relative;overflow:hidden}.pj .pic svg{width:100%;height:100%}.pj .pic span{background:var(--or);color:#fff;font:500 .66rem var(--f-m);letter-spacing:.12em;text-transform:uppercase;padding:.25rem .6rem;position:absolute;top:12px;left:12px}.pj .in{padding:1.4rem}.pj h3{margin-bottom:.8rem;font-size:1.6rem}.pj dl{font:.78rem var(--f-m);text-transform:uppercase;letter-spacing:.06em;grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.pj dt{color:var(--mute);font-size:.66rem}.pj dd{font:700 1.15rem var(--f-d);letter-spacing:0;text-transform:none}.calc{background:var(--ink);color:var(--paper);position:relative;overflow:hidden}.calc .wrap{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(24px,5vw,80px);display:grid}.calc h2{margin-bottom:1rem;font-size:clamp(2.3rem,5.4vw,4.4rem)}.calc p.sub{color:#aab4bd;max-width:28rem}.box{background:var(--ink-2);border:1px solid #ffffff2e;gap:1.6rem;padding:clamp(1.4rem,3vw,2.4rem);display:grid}.box label{font:.74rem var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:#aab4bd;gap:.6rem;display:grid}.box label output{color:var(--paper);font:800 1.6rem var(--f-d);letter-spacing:0}.seg{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.seg button{color:var(--paper);font:600 .92rem var(--f-d);letter-spacing:.04em;cursor:pointer;background:0 0;border:1px solid #ffffff40;padding:.8rem .4rem;transition:all .2s}.seg button[aria-pressed=true]{background:var(--or);border-color:var(--or)}input[type=range]{appearance:none;background:#ffffff40;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--or);border:3px solid var(--ink);width:26px;height:26px;box-shadow:0 0 0 2px var(--or);cursor:pointer}input[type=range]::-moz-range-thumb{background:var(--or);border:3px solid var(--ink);cursor:pointer;border-radius:0;width:22px;height:22px}.res{border-top:1px dashed #ffffff4d;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;padding-top:1.4rem;display:flex}.res b{font:800 clamp(2.2rem,5vw,3.4rem)/1 var(--f-d);color:var(--or);font-variant-numeric:tabular-nums;display:block}.tl{border-top:2px solid var(--ink);grid-template-columns:repeat(5,1fr);gap:0;display:grid;position:relative}.tl div{padding:2rem 1.4rem 0 0;position:relative}.tl div:before{content:"";background:var(--or);border:2px solid var(--ink);width:16px;height:16px;position:absolute;top:-9px;left:0}.tl h3{margin-block:.6rem;font-size:1.35rem}.tl p{color:var(--mute);font-size:.9rem}.contact{background:var(--or);color:#fff}.contact .wrap{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(24px,5vw,80px);display:grid}.contact h2{font-size:clamp(2.4rem,6vw,5rem)}.contact p{color:#fff2ea;max-width:28rem;margin-top:1rem}form{background:var(--paper);color:var(--ink);border:2px solid var(--ink);gap:1rem;padding:clamp(1.3rem,3vw,2.2rem);display:grid}.two{grid-template-columns:1fr 1fr;gap:1rem;display:grid}form label{font:.72rem var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);gap:.35rem;display:grid}input[type=text],input[type=tel],select{border:2px solid var(--ink);width:100%;color:var(--ink);font:1rem var(--f-b);background:#fff;border-radius:0;padding:.85rem 1rem}input:focus,select:focus{border-color:var(--or);outline:none}.thanks{font:800 1.6rem var(--f-d);display:none}form.done>:not(.thanks){display:none}form.done .thanks{display:block}footer{background:var(--ink);color:var(--paper);padding-block:54px 28px}footer .wrap{grid-template-columns:1.3fr 1fr 1fr;gap:2rem;display:grid}footer h4{font:500 .74rem var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--or);margin-bottom:1rem}footer p,footer a{color:#aab4bd;margin-bottom:.3rem;display:block}footer a:hover{color:var(--or)}.copy{font:.74rem var(--f-m);color:#7e8a95;border-top:1px solid #ffffff24;flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-top:2rem;padding-top:1.2rem;display:flex}.rv{transition:opacity .7s,transform .7s}.rv.pre{opacity:0;transform:translateY(28px)}@media (width<=1040px){.hero .wrap,.calc .wrap,.contact .wrap{grid-template-columns:1fr}.pgrid{grid-template-columns:1fr 1fr}.li{grid-template-columns:1fr auto}.li p{order:3;grid-column:1/-1}.tl{grid-template-columns:1fr 1fr;row-gap:2rem}}@media (width<=860px){.burger{display:block}nav{background:var(--paper);border-bottom:2px solid var(--ink);padding:.6rem var(--gut) 1.4rem;flex-direction:column;align-items:stretch;gap:0;display:none;position:absolute;top:100%;left:0;right:0}header.open nav{display:flex}nav a:not(.btn){border-bottom:1px solid var(--line);padding:1rem 0;font-size:.9rem}nav .btn{margin-top:1rem}.stats .wrap{grid-template-columns:1fr 1fr}.stats div:nth-child(2){border-right:0}.stats div:nth-child(-n+2){border-bottom:1px solid #ffffff24}footer .wrap{grid-template-columns:1fr 1fr}footer .wrap>div:first-child{grid-column:1/-1}}@media (width<=620px){.pgrid,.tl,.li{grid-template-columns:1fr}.li .t{order:2}.two{grid-template-columns:1fr}.cta-row .btn{width:100%}footer .wrap{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}.draw *{stroke-dashoffset:0!important}}
