.project-hero{position:relative;isolation:isolate;overflow:hidden;background:#171e28;color:#fff;min-height:620px}
.project-hero-grid{position:static;min-height:620px;padding-top:82px;padding-bottom:82px}
.project-copy{position:relative;z-index:2;width:57%;max-width:650px}
.project-copy h1{font:700 clamp(48px,6.1vw,82px)/1.01 'Barlow Condensed',Arial,sans-serif;letter-spacing:-.5px;margin:24px 0}
.project-copy h1 em,.project-intro h2 span,.project-update h2 span,.project-sasinka h3,.project-tools h2 span,.project-contact h2 span{color:#c7192d;font-style:normal}
.project-copy>p:not(.eyebrow):not(.project-byline){max-width:570px;color:#d1d6df;font-size:16px}
.project-copy .btn{margin-top:22px}
.project-byline{font-size:11px;color:#aab2be;margin-top:23px}
.project-drawing{position:absolute;inset:0 0 0 auto;width:55%;height:100%;margin:0;background:#080b10;clip-path:polygon(21% 0,100% 0,100% 100%,0 100%);overflow:hidden}
.drawing-frame{position:absolute;inset:0;overflow:hidden;background:#080b10}
.drawing-frame svg{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain}
.drawing-frame path{stroke:#f4f5f6!important;visibility:visible}
.drawing-frame path.vector-stroke{fill:none!important;stroke-width:3!important;stroke-linecap:round;stroke-linejoin:round}
.drawing-frame path.vector-detail{fill:#f4f5f6!important}
.drawing-overlay{position:absolute;right:9%;bottom:8%;color:#f4f5f6;background:#080b10cc;padding:5px 9px;font-size:10px;letter-spacing:2px}
.project-drawing figcaption{position:absolute;right:8%;top:28px;z-index:2;display:flex;align-items:center;gap:16px;color:#eff0f2;font-size:10px;letter-spacing:1.1px}
.draw-again{border:1px solid #ffffff60;background:#10151d;color:#fff;padding:8px 11px;font:600 11px Inter,Arial,sans-serif;cursor:pointer}
.draw-again:hover{background:#c7192d}
.draw-again:focus-visible{outline:3px solid #fff;outline-offset:3px}
.project-index{position:absolute;right:30px;bottom:23px;z-index:3;padding:5px 9px;background:#101923bb;color:#fff;font-size:10px;letter-spacing:1.3px}
.project-intro{padding-top:82px;padding-bottom:83px;display:grid;grid-template-columns:1.1fr 1fr;gap:68px;align-items:center}
.project-intro h2{font:700 clamp(36px,4vw,52px)/1.1 'Barlow Condensed',Arial,sans-serif;margin:15px 0 0}
.project-intro>p{color:#656970;max-width:550px}
.project-section{padding:82px 0}
.project-light{background:#f3f3f4}
.project-section .section-top{align-items:end}
.project-section .section-top h2,.project-update h2,.project-tools h2,.project-contact h2{font:700 clamp(40px,4.7vw,62px)/1.05 'Barlow Condensed',Arial,sans-serif;margin:17px 0 34px}
.project-section .section-top>p{color:#656970;max-width:350px}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.project-card{background:#fff;border:1px solid #dedfe1;border-top:3px solid #c7192d;padding:28px 25px;min-height:215px}
.project-card>span{font-weight:700;font-size:11px;color:#c7192d}
.project-card h3,.project-sasinka h3{font:700 27px/1.15 'Barlow Condensed',Arial,sans-serif;margin:20px 0 13px}
.project-card p,.project-sasinka p{font-size:13px;color:#656970}
.project-dark{background:#202228;color:#fff}
.project-update{display:grid;grid-template-columns:1.2fr .8fr;gap:90px;align-items:center}
.project-update>div>p:last-child{max-width:640px;color:#c5c8d0}
.project-update aside{border-left:3px solid #c7192d;padding-left:30px}
.project-update aside b{color:#f16b79;font-size:12px}
.project-update aside p{margin:3px 0 21px}
.project-sasinka{display:grid;grid-template-columns:1fr 1fr;gap:55px}
.project-sasinka article{border-top:2px solid #c7192d}
.project-sasinka h3{font-size:33px}
.project-tools{background:#17191d;color:#fff;padding:78px 0}
.project-tools-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}
.project-tools h2{margin-bottom:0}
.project-tools-inner>div:last-child>p{color:#d1d3d8}
.project-tools ul{list-style:none;padding:0;margin:20px 0 0}
.project-tools li{padding:10px 0;border-top:1px solid #ffffff26;font-size:14px}
.project-tools li:before{content:'↗';color:#f16b79;margin-right:14px}
.project-contact{background:#26292f;color:#fff;padding:78px 0}
.project-contact-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}
.project-contact h2{margin-bottom:20px}
.project-contact-inner>div:first-child>p:last-child{max-width:510px;color:#d0d2d7}
.project-contact-inner>div:last-child{padding:30px;border:1px solid #555861}
.project-phone{display:block;font:700 45px/1.2 'Barlow Condensed',Arial,sans-serif}
.project-mail{display:block;color:#f16b79;overflow-wrap:anywhere}
.project-contact .btn{margin-top:23px}
.project-contact-inner>div:last-child>p:last-child{font-size:11px;color:#b5b8c1}
@media(max-width:1000px){.project-copy{width:61%}.project-drawing{width:52%;clip-path:polygon(15% 0,100% 0,100% 100%,0 100%)}.project-update,.project-tools-inner,.project-contact-inner{gap:48px}}
@media(max-width:750px){.project-hero-grid{min-height:0;padding-top:52px;padding-bottom:0}.project-copy{width:100%;max-width:none}.project-copy h1{font-size:clamp(46px,10vw,68px)}.project-copy>p:not(.eyebrow):not(.project-byline){max-width:620px}.project-drawing{position:relative;inset:auto;width:calc(100% + 64px);height:auto;aspect-ratio:1.45;margin:34px -32px 0;clip-path:polygon(0 10%,100% 0,100% 100%,0 100%)}.project-drawing figcaption{top:13px;right:14px;gap:8px;font-size:8px}.project-drawing .draw-again{font-size:10px;padding:7px}.project-index{right:14px;bottom:15px}.project-intro,.project-update,.project-tools-inner,.project-contact-inner{grid-template-columns:1fr;gap:23px}.project-intro{padding-top:56px;padding-bottom:58px}.project-section,.project-tools,.project-contact{padding:60px 0}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card{min-height:190px;padding:23px 18px}.project-sasinka{gap:28px}.project-tools h2,.project-contact h2{margin-bottom:10px}}
@media(max-width:500px){.project-drawing{width:calc(100% + 44px);margin-left:-22px;margin-right:-22px}.project-grid,.project-sasinka{grid-template-columns:1fr}.project-card{min-height:0}.project-contact-inner>div:last-child{padding:23px}.project-phone{font-size:39px}}
@media(max-width:750px){.drawing-frame path.vector-stroke{stroke-width:5!important}}
@media(prefers-reduced-motion:reduce){.back-to-top{transition:none}}

.project-card>.project-icon{display:flex;width:30px;height:30px;align-items:center;justify-content:center;color:#17191d}.project-card>.project-icon svg{display:block;width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.project-card>.project-icon svg .accent{stroke:#c7192d}