:root{--paper:#ece8dc;--light:#f4f1e8;--ink:#1b4568;--dark:#102f49;--red:#b4483e;--line:rgba(27,69,104,.28);--soft:rgba(27,69,104,.11);--pad:clamp(1rem,3.2vw,3.5rem);--draft:"PT Mono","Courier New",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;color:var(--ink);background:var(--paper);font:16px/1.45 var(--draft);cursor:crosshair}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}
.paper-noise{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.32;mix-blend-mode:multiply;background-image:repeating-radial-gradient(ellipse at 18% 22%,transparent 0,rgba(60,48,29,.06) .35px,transparent .8px,transparent 3px),repeating-linear-gradient(93deg,transparent 0 18px,rgba(80,65,40,.03) 19px,transparent 20px 42px);background-size:95px 83px,100% 100%}
.cursor-mark{position:fixed;z-index:110;width:24px;height:24px;pointer-events:none;opacity:0;transform:translate(-50%,-50%)}.cursor-mark:before,.cursor-mark:after{content:"";position:absolute;background:var(--red)}.cursor-mark:before{left:0;top:11px;width:24px;height:1px}.cursor-mark:after{top:0;left:11px;width:1px;height:24px}@media(pointer:fine){body:hover .cursor-mark{opacity:.8}}
.site-header{position:fixed;z-index:80;inset:0 0 auto;height:5.25rem;display:flex;align-items:stretch;justify-content:space-between;background:rgba(236,232,220,.9);border-bottom:1px solid var(--ink);backdrop-filter:blur(7px);transition:height .25s}.site-header.is-scrolled{height:4.35rem}.brand{display:inline-flex;align-items:center;gap:.8rem;padding:0 var(--pad)}.brand-mark{width:2.5rem;height:2.5rem;display:grid;place-items:center;border:2px solid;font-size:1.5rem;font-weight:700}.brand-copy{display:flex;flex-direction:column;line-height:1.08}.brand-copy b{font-size:.88rem;letter-spacing:.06em}.brand-copy small{margin-top:.25rem;font-size:.55rem;letter-spacing:.1em}.site-nav{display:flex;border-left:1px solid}.site-nav a{min-width:9rem;display:flex;align-items:center;gap:.65rem;padding:0 1.2rem;border-right:1px solid;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase}.site-nav a span{color:var(--red);font-size:.6rem}.site-nav a:hover{color:var(--light);background:var(--ink)}.menu-toggle{display:none}
.hero{position:relative;min-height:100svh;padding:clamp(8rem,14vh,10rem) var(--pad) 3rem;display:grid;grid-template-columns:minmax(22rem,.9fr) minmax(36rem,1.15fr);gap:clamp(2rem,5vw,6rem);align-items:center;overflow:hidden;border-bottom:1px solid;background-image:linear-gradient(var(--soft) 1px,transparent 1px),linear-gradient(90deg,var(--soft) 1px,transparent 1px),linear-gradient(rgba(27,69,104,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(27,69,104,.055) 1px,transparent 1px);background-size:100px 100px,100px 100px,20px 20px,20px 20px}.sheet-meta{position:absolute;top:6.3rem;left:var(--pad);right:var(--pad);display:flex;justify-content:flex-end;gap:2rem;font-size:.6rem;letter-spacing:.08em}.hero-copy{position:relative;z-index:2;padding-bottom:5rem}.eyebrow{margin:0 0 2rem;font-size:.68rem;letter-spacing:.08em}.hero h1{margin:0;max-width:51rem;font-size:clamp(3rem,5.7vw,6.8rem);font-weight:400;line-height:.96;letter-spacing:-.055em;text-transform:uppercase}.hero h1 em{display:block;margin-top:.3em;color:var(--red);font-style:normal;font-size:.5em;line-height:1.05;letter-spacing:-.025em}.hero-lead{width:min(31rem,90%);margin:3rem 0 2rem 18%;font-size:clamp(1rem,1.4vw,1.3rem)}.action-link{display:inline-flex;align-items:center;gap:2rem;margin-left:18%;padding:.8rem 0;border-bottom:1px solid;font-size:.76rem;text-transform:uppercase}.action-link span{color:var(--red);font-size:1.1rem;transition:transform .2s}.action-link:hover span{transform:translateX(7px)}
.structural-drawing{position:relative;z-index:1;margin:0}.structural-drawing svg{width:100%;height:auto;overflow:visible}.structural-drawing svg *{vector-effect:non-scaling-stroke}.thin{fill:none;stroke:var(--line);stroke-width:1;stroke-dasharray:6 6}.frame{fill:none;stroke:var(--ink);stroke-width:2.4}.frame .brace{stroke-width:1.5}.supports{fill:none;stroke:var(--ink);stroke-width:1.5}.supports pattern line{stroke:var(--ink);stroke-width:.7}.loads{fill:none;stroke:var(--red);stroke-width:1.5;marker-end:url(#arrow)}.dimensions{fill:var(--ink);stroke:var(--ink);stroke-width:.7;font-size:12px;text-anchor:middle}.dimensions text,.axes text,.notes text{stroke:none;font-family:var(--draft)}.axes{fill:var(--paper);stroke:var(--ink);stroke-width:1;text-anchor:middle;font-size:14px}.axes text{fill:var(--ink)}.notes{fill:var(--red);font-size:13px}.structural-drawing figcaption{text-align:right;font-size:.61rem;letter-spacing:.08em}
.title-block{position:absolute;right:var(--pad);bottom:1.4rem;width:min(34rem,46vw);min-height:4.2rem;display:grid;grid-template-columns:1fr 4rem 4rem 5rem;border:1px solid;background:rgba(236,232,220,.88)}.title-block>div{padding:.5rem .65rem;display:flex;flex-direction:column;justify-content:center;border-left:1px solid}.title-block>div:first-child{border-left:0}.title-block small{font-size:.5rem}.title-block b{font-size:.78rem;font-weight:400}.title-block .stamp-main{flex-direction:row;align-items:center;justify-content:flex-start;gap:1rem}.stamp-main>b{color:var(--red);font-size:1.8rem}.stamp-main span{font-size:.6rem}
.sheet-section{position:relative;padding:clamp(6rem,11vw,11rem) var(--pad);border-bottom:1px solid;background-image:linear-gradient(90deg,transparent calc(25% - .5px),var(--soft) 25%,transparent calc(25% + .5px)),linear-gradient(90deg,transparent calc(75% - .5px),var(--soft) 75%,transparent calc(75% + .5px))}.section-index{font-size:.65rem;letter-spacing:.08em;color:var(--red)}
.intro{min-height:82vh;display:grid;grid-template-columns:2fr 7fr 3fr;gap:2rem;align-items:center}.intro>.section-index{align-self:start}.intro-copy h2{margin:0 0 4rem;font-size:clamp(3rem,6.4vw,7.2rem);font-weight:400;line-height:.94;letter-spacing:-.055em;text-transform:uppercase}.intro-copy p{width:min(36rem,85%);margin:0 0 0 auto;font-size:clamp(1.1rem,1.8vw,1.65rem)}.red-note{align-self:end;position:relative;padding:1.4rem;border:2px solid var(--red);color:var(--red);transform:rotate(-2deg)}.red-note:after{content:"ПРОВЕРЕНО";position:absolute;right:1rem;top:-.75rem;padding:0 .5rem;background:var(--paper);font-size:.58rem;letter-spacing:.1em}.red-note b,.red-note span{display:block}.red-note b{margin-bottom:1rem;font-size:.72rem}.red-note span{font-size:.8rem}
.services{display:grid;grid-template-columns:2fr 4fr 6fr;gap:2rem}.section-heading h2{margin:0 0 2rem;font-size:clamp(3rem,5vw,6rem);font-weight:400;line-height:.95;letter-spacing:-.05em;text-transform:uppercase}.section-heading p{max-width:28rem;margin:0}.service-list{list-style:none;margin:0;padding:0;border-top:2px solid}.service-list li{display:grid;grid-template-columns:5rem 1fr 1fr 1.5rem;gap:1.2rem;align-items:start;padding:1.7rem 0;border-bottom:1px solid}.service-list li>span{color:var(--red);font-size:.68rem}.service-list h3{margin:0;font-size:1.15rem;font-weight:400;text-transform:uppercase}.service-list p{margin:0;color:var(--dark);font-size:.78rem}.service-list i{color:var(--red);font-style:normal}
.method{padding-bottom:0}.method>.section-index{margin-bottom:5rem}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.method-title h2{position:sticky;top:8rem;margin:0 0 8rem;font-size:clamp(3.8rem,7vw,8rem);font-weight:400;line-height:.9;letter-spacing:-.06em;text-transform:uppercase}.method-title em{color:var(--red);font-style:normal}.method-steps{border-top:1px solid}.method-steps article{min-height:15rem;display:grid;grid-template-columns:4rem 1fr;align-content:center;gap:1rem 2rem;border-bottom:1px solid}.method-steps article>span{color:var(--red);font-size:.7rem}.method-steps h3{margin:0;font-size:clamp(1.4rem,2.2vw,2.4rem);font-weight:400;text-transform:uppercase}.method-steps p{max-width:29rem;margin:.8rem 0 0;font-size:.85rem}
.precision{min-height:85vh;display:grid;grid-template-columns:1fr 1fr;color:var(--light);background:var(--ink);border-bottom:1px solid}.precision-diagram{position:relative;min-height:44rem;overflow:hidden;border-right:1px solid rgba(236,232,220,.45);background-image:linear-gradient(rgba(236,232,220,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(236,232,220,.09) 1px,transparent 1px);background-size:40px 40px}.ring{position:absolute;border:1px solid rgba(236,232,220,.6);border-radius:50%}.ring-a{width:60%;aspect-ratio:1;top:18%;left:20%}.ring-b{width:37%;aspect-ratio:1;top:30%;left:31.5%;border-color:var(--red)}.cross:before,.cross:after{content:"";position:absolute;background:rgba(236,232,220,.6)}.cross:before{width:76%;height:1px;left:12%;top:50%}.cross:after{width:1px;height:76%;left:50%;top:12%}.precision-diagram span{position:absolute;left:53%;top:47%;color:#ef7a6d;font-size:.75rem}.precision-copy{padding:clamp(5rem,9vw,10rem) var(--pad);display:flex;flex-direction:column;justify-content:center}.precision-copy .section-index{margin-bottom:auto}.precision h2{margin:5rem 0 3rem;font-size:clamp(3.2rem,6.4vw,7rem);font-weight:400;line-height:.92;letter-spacing:-.055em;text-transform:uppercase}.precision-copy p{max-width:34rem;margin:0 0 0 auto;font-size:1.1rem}
.contact{min-height:78vh;display:grid;grid-template-columns:2fr 8fr 2fr;gap:2rem;align-items:center}.contact>.section-index{align-self:start}.contact-copy>p{margin:0 0 2rem;color:var(--red);font-size:.7rem;letter-spacing:.08em}.contact h2{margin:0 0 4rem;font-size:clamp(3.8rem,7.5vw,8.5rem);font-weight:400;line-height:.9;letter-spacing:-.06em;text-transform:uppercase}.phone{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-top:2px solid;border-bottom:2px solid;font-size:clamp(1.3rem,2.5vw,2.7rem)}.phone span{color:var(--red)}.contact-stamp{align-self:end;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;border:3px double var(--red);border-radius:50%;color:var(--red);text-align:center;transform:rotate(-10deg)}.contact-stamp b{font-size:1rem}.contact-stamp span{font-size:.5rem}
.site-footer{min-height:8rem;display:grid;grid-template-columns:1.5fr 1fr auto auto;align-items:center;gap:2rem;padding:1.5rem var(--pad);color:var(--light);background:var(--ink);font-size:.62rem;letter-spacing:.05em}.brand--footer{padding:0}.reveal{opacity:0;transform:translateY(1.7rem);transition:opacity .65s,transform .65s}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:1000px){.site-header{height:4.35rem}.site-nav{position:absolute;inset:4.35rem 0 auto;display:none;flex-direction:column;background:var(--paper);border:0;border-top:1px solid}.site-nav.is-open{display:flex}.site-nav a{min-height:4rem;border:0;border-bottom:1px solid}.menu-toggle{width:7rem;display:flex;align-items:center;justify-content:center;gap:.75rem;border:0;border-left:1px solid;background:none;font-size:.68rem;text-transform:uppercase}.menu-toggle i,.menu-toggle i:after{width:1.2rem;height:1px;display:block;background:currentColor;transition:transform .2s}.menu-toggle i{position:relative}.menu-toggle i:after{content:"";position:absolute;top:5px}.menu-toggle[aria-expanded=true] i{transform:rotate(45deg)}.menu-toggle[aria-expanded=true] i:after{top:0;transform:rotate(90deg)}.hero{grid-template-columns:1fr;padding-top:8rem}.hero-copy{padding-bottom:0}.structural-drawing{width:min(48rem,100%);margin:-2rem 0 5rem auto}.title-block{width:min(36rem,calc(100% - var(--pad)*2))}.intro{grid-template-columns:1fr 3fr}.intro-copy,.red-note{grid-column:2}.red-note{width:min(20rem,70%);margin-left:auto}.services{grid-template-columns:1fr 3fr}.section-heading,.service-list{grid-column:2}.section-heading{margin-bottom:4rem}.contact{grid-template-columns:1fr 4fr}.contact-stamp{display:none}}
@media(max-width:680px){:root{--pad:1rem}.brand-copy small{display:none}.sheet-meta span:not(:last-child){display:none}.hero{min-height:auto;padding-bottom:7rem;background-size:80px 80px,80px 80px,20px 20px,20px 20px}.hero h1{font-size:clamp(2.8rem,13vw,4.2rem)}.hero-lead,.action-link{margin-left:0}.hero-lead{width:100%;margin-top:2rem}.structural-drawing{margin:0}.title-block{left:var(--pad);right:var(--pad);bottom:1rem;width:auto;grid-template-columns:1fr 3rem 3rem}.title-block>div:last-child{display:none}.stamp-main span{display:none}.sheet-section{background-image:none}.intro,.services,.contact{display:block;min-height:auto}.section-index{margin-bottom:4rem}.intro-copy h2{font-size:clamp(2.7rem,13vw,4.4rem)}.intro-copy p{width:100%}.red-note{width:82%;margin:4rem 0 0 auto}.section-heading,.service-list{grid-column:auto}.section-heading{margin-bottom:3rem}.service-list li{grid-template-columns:4rem 1fr 1.2rem}.service-list p{grid-column:2/4}.method>.section-index{margin-bottom:4rem}.method-grid{grid-template-columns:1fr}.method-title h2{position:static;margin-bottom:3rem;font-size:3.7rem}.method-steps article{min-height:13rem}.precision{grid-template-columns:1fr}.precision-diagram{min-height:29rem;border:0;border-bottom:1px solid rgba(236,232,220,.45)}.precision-copy{min-height:35rem}.precision h2{font-size:3.4rem}.precision-copy p{margin-left:0}.contact h2{font-size:clamp(3rem,14vw,4.7rem)}.phone{font-size:1.25rem}.site-footer{grid-template-columns:1fr auto}.site-footer>p:first-of-type{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}