/* «Материал в руках»: native SVG assembly and scroll timeline. */
:root{--scene:#eceae3;--scene-line:#d2cfc6;--scene-dark:#151515;--soft:#f7f6f2}header nav{gap:25px}.hero-intro{max-width:340px;top:150px;align-items:center}.hero-intro p{font-size:17px}.hero-bottom{gap:20px}.hero-bottom b{display:block;font-size:18px;letter-spacing:0;margin-bottom:5px}.quick-story{padding-bottom:70px}.quick-heading{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:8%;margin:25px 0 40px}.quick-heading p{color:#555;font-size:18px;max-width:350px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid #d2d2d2;background:#d2d2d2}.quick-grid>a{background:#fafaf8;position:relative;padding:30px;text-decoration:none;transition:background .25s}.quick-grid>a:hover{background:#efede6}.quick-grid span{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#666}.quick-grid strong{display:block;font-size:27px;line-height:1.12;margin:28px 0 18px;letter-spacing:-.5px}.quick-grid p{max-width:260px;color:#555;font-size:15px}.quick-grid>a>b{display:block;font-size:27px;margin-top:20px;font-weight:400}.samples{padding:70px 6%;background:var(--soft);max-width:none}.sample-pair{overflow:hidden}.sample-pair img{transition:transform .7s cubic-bezier(.2,.7,.2,1);transform-origin:50% 50%}.sample-pair[data-view=stone] img{transform:scale(1.7);transform-origin:21% 50%}.sample-pair[data-view=apex] img{transform:scale(1.7);transform-origin:79% 50%}.sample-labels{position:relative;z-index:1}.sample-pair figcaption{position:relative;z-index:1;background:var(--soft);padding-top:14px;margin-top:0}.sample-tools{display:flex;align-items:center;gap:10px;margin-top:20px;flex-wrap:wrap}.sample-view{padding:12px 18px;border:1px solid #aaa;background:transparent;color:#333;min-height:44px}.sample-view.is-selected{color:white;background:#222;border-color:#222}.sample-tools>span{font-size:12px;color:#666;margin-left:auto}.composition{padding-top:90px}.property-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:55px;border-top:1px solid #ccc;padding-top:32px}.property-strip strong{font-size:54px;letter-spacing:-2px;font-weight:400}.property-strip strong small{font-size:18px;letter-spacing:0}.property-strip h3{font-size:19px;margin:12px 0}.property-strip p{font-size:14px;color:#555;max-width:290px}.assembly{background:#f6f5f1;max-width:none;padding-bottom:80px}.assembly-workbench{background:var(--scene);position:relative;border:1px solid var(--scene-line);overflow:hidden}.workbench-top{display:flex;justify-content:space-between;gap:20px;padding:25px 28px;font-size:11px;letter-spacing:1px;text-transform:uppercase}.workbench-top>span:last-child{color:#555;text-align:right}.facade-svg{display:block;width:100%;height:auto;max-height:620px}.facade-layer{transition:transform .85s cubic-bezier(.16,.8,.25,1),opacity .35s;transform-box:view-box}.assembly-workbench.is-interacting .facade-layer{transition:opacity .2s}.assembly-workbench.has-selection .facade-layer{opacity:.3}.assembly-workbench.has-selection .facade-layer.is-active{opacity:1}.assembly-controls{display:flex;gap:25px;align-items:center;border-top:1px solid #cecac0;margin:0 28px;padding:25px 0}.assembly-controls label{font-size:12px;flex:1;max-width:400px}.assembly-controls output{float:right;font-variant-numeric:tabular-nums}.assembly-controls input{width:100%;accent-color:#222;margin:15px 0 0;cursor:ew-resize;min-height:24px}.reset-control{background:transparent;color:#333;text-decoration:underline;text-underline-offset:5px;padding:15px;min-height:44px;font-size:13px}.assembly-caption{font-size:11px;color:#666;padding:0 28px 25px}.layer-explorer{display:grid;grid-template-columns:1fr 1.3fr;gap:7%;margin-top:35px}.layer-tabs{display:flex;flex-direction:column}.layer-tabs button{display:flex;gap:20px;text-align:left;padding:19px 0;border-bottom:1px solid #cbc9c1;background:transparent;color:#333;font-size:19px;align-items:center}.layer-tabs button span{font-size:11px;color:#777}.layer-tabs button[aria-selected=true]{font-weight:700;border-bottom:2px solid black}.layer-tabs button[aria-selected=true]:after{content:'↗';margin-left:auto}.layer-tabs button:first-child{border-top:1px solid #cbc9c1}#layer-info{padding:22px 0}#layer-info .eyebrow{color:#666;margin-bottom:22px}#layer-info h3{font-size:35px;line-height:1.1;margin-bottom:18px}#layer-text{color:#555;font-size:17px;max-width:520px}#layer-value{display:block;font-size:13px;padding-top:20px;margin-top:20px;border-top:1px solid #ccc}.compare{background:white}.economy{background:#111;color:white;max-width:none;display:grid;grid-template-columns:1.2fr 1fr;gap:10%}.economy h2{font-size:clamp(40px,4.5vw,64px);margin:25px 0}.economy>div>p:not(.eyebrow){color:#bbb;max-width:480px;font-size:17px}.economy .button{background:white;color:black;margin-top:32px;font-size:13px}.economy-stats{display:grid;gap:40px}.economy-stats>div+div{border-top:1px solid #555;padding-top:32px}.economy-stats strong{font-size:85px;font-weight:400;line-height:1;letter-spacing:-4px}.economy-stats strong span{font-size:40px}.economy-stats h3{font-size:24px;margin:10px 0}.economy-stats p{font-size:14px;color:#aaa;max-width:340px}.projects-proof{padding-top:90px;padding-bottom:80px}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.projects-grid>a{text-decoration:none;display:block}.projects-grid img{width:100%;height:410px;object-fit:cover;background:#ddd}.projects-grid span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;margin:22px 0 14px;color:#666}.projects-grid h3{font-size:31px;line-height:1.1;margin-bottom:15px}.projects-grid p{font-size:16px;color:#555;max-width:450px}.projects-grid b{display:block;font-size:13px;margin-top:22px}.projects-grid a:hover b{text-decoration:underline;text-underline-offset:5px}.full-cycle{background:#f3f0e9;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:90px;padding-bottom:80px;align-items:start}.cycle-intro{position:sticky;top:35px}.cycle-intro h2{margin:25px 0;font-size:clamp(38px,4.2vw,60px)}.cycle-intro>p:not(.eyebrow){max-width:420px;color:#555;font-size:17px}.cycle-nav{display:flex;flex-direction:column;align-items:stretch;gap:0;margin-top:30px;max-width:400px}.cycle-nav a{padding:14px 0;border-bottom:1px solid #c4c0b7;display:flex;gap:20px;align-items:center;font-size:17px;min-height:48px}.cycle-nav a span{font-size:10px;color:#666}.cycle-nav a[aria-current=step]{font-weight:bold}.cycle-nav a[aria-current=step]:after{content:'↗';margin-left:auto}.cycle-counter{display:flex;gap:20px;align-items:center;margin-top:25px}.cycle-counter>strong{font-size:80px;line-height:1;font-weight:400;letter-spacing:-4px}.cycle-counter>span{font-size:13px;color:#777;line-height:1.7}.cycle-counter b{font-weight:400;color:#111}.cycle-stages{position:relative;padding-left:42px}.cycle-track{position:absolute;top:0;bottom:0;left:0;width:2px;background:#d4cfc4}.cycle-track span{position:absolute;top:0;left:0;width:100%;height:0;background:#222;transition:height .15s linear}.cycle-stage{position:relative;min-height:390px;padding:32px 0 50px;border-bottom:1px solid #cbc6bb;scroll-margin-top:60px}.cycle-stage:last-child{border-bottom:0}.stage-dot{position:absolute;left:-48px;top:36px;width:14px;height:14px;background:#f3f0e9;border:1px solid #777;border-radius:50%;transition:background .25s}.cycle-stage.is-active .stage-dot,.cycle-stage.is-past .stage-dot{background:#222;border-color:#222}.cycle-stage>.eyebrow{color:#666;margin-bottom:22px}.cycle-stage h3{font-size:36px;line-height:1.1;margin-bottom:20px}.cycle-stage>p:not(.eyebrow){font-size:17px;color:#555}.stage-deliverable{margin-top:30px;padding:22px 24px;background:#fffefa;border-left:2px solid #bdb7aa;transition:border-color .25s}.cycle-stage.is-active .stage-deliverable{border-color:#111}.stage-deliverable>span{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#777}.stage-deliverable strong{display:block;font-size:19px;margin:10px 0}.stage-deliverable p{font-size:14px;color:#666}.project{padding-top:100px}.sample-email{display:inline-block;margin-top:26px}.section[id]{scroll-margin-top:30px}
@media(min-width:1700px){.samples,.assembly,.economy,.full-cycle{padding-left:max(6%,calc((100vw - 1408px)/2));padding-right:max(6%,calc((100vw - 1408px)/2))}}
@media(max-width:1150px){.hero-intro{max-width:none;top:auto}.quick-grid strong{font-size:23px}.property-strip{gap:20px}.property-strip strong{font-size:45px}.layer-explorer{gap:5%}.cycle-intro{top:20px}.cycle-intro h2{font-size:42px}.full-cycle{gap:6%}.cycle-stage h3{font-size:31px}.projects-grid img{height:330px}.workbench-top{font-size:10px}}
@media(max-width:800px){.hero-bottom b{font-size:16px}.quick-heading{display:block}.quick-heading p{margin-top:25px}.quick-grid{grid-template-columns:1fr}.quick-grid>a{padding:25px}.quick-grid strong{font-size:29px;margin:18px 0 12px}.quick-grid>a>b{position:absolute;right:25px;bottom:25px}.quick-grid p{max-width:80%}.property-strip{grid-template-columns:1fr;gap:28px}.property-strip>div{border-bottom:1px solid #ddd;padding-bottom:22px}.property-strip strong{font-size:54px}.property-strip p{max-width:none}.assembly-controls{flex-wrap:wrap;gap:18px;margin:0 20px;padding:20px 0}.assembly-controls label{max-width:none;flex-basis:100%;order:3}.assembly-controls .button{flex:1;min-width:190px}.workbench-top{padding:20px;font-size:9px}.assembly-caption{padding:0 20px 20px}.layer-explorer{grid-template-columns:1fr}.layer-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.layer-tabs button{font-size:15px;gap:12px;min-height:57px}.layer-tabs button:nth-child(2){border-top:1px solid #ccc}#layer-info h3{font-size:29px}.economy{grid-template-columns:1fr;gap:45px}.economy-stats{grid-template-columns:1fr 1fr;gap:25px}.economy-stats>div+div{border:0;padding:0}.economy-stats strong{font-size:68px}.economy-stats h3{font-size:20px}.projects-grid{gap:24px}.projects-grid img{height:250px}.projects-grid h3{font-size:26px}.full-cycle{grid-template-columns:1fr;gap:20px}.cycle-intro{position:static}.cycle-nav{max-width:none;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;margin-top:22px}.cycle-nav a{border:1px solid #c4c0b7;padding:10px 12px;font-size:12px;gap:8px}.cycle-nav a[aria-current=step]{background:#111;color:white}.cycle-nav a[aria-current=step] span{color:#ddd}.cycle-nav a[aria-current=step]:after{display:none}.cycle-counter{display:none}.cycle-stage{min-height:0;padding-bottom:40px;margin-bottom:10px}.cycle-stages{padding-left:25px;margin-top:15px}.stage-dot{left:-31px}.sample-tools>span{width:100%;margin:5px 0 0}.sample-view{padding:10px 12px;font-size:12px}}
@media(max-width:700px){header nav{gap:0}.hero-intro{max-width:none}.hero-intro p{font-size:15px}.hero-bottom{display:grid;grid-template-columns:1fr;gap:10px}.hero-bottom span{display:flex;align-items:baseline;gap:12px;margin:0!important;font-size:10px}.hero-bottom b{display:inline;min-width:130px;margin:0;font-size:15px}.quick-story{padding-top:55px;padding-bottom:55px}.quick-heading h2{font-size:36px}.samples{padding:55px 6%}.composition{padding-top:55px}.recipe-tabs span{font-size:46px}.assembly{padding:55px 6%}.assembly .section-head h2{font-size:36px}.facade-svg{width:140%;max-width:none;margin-left:-20%;height:auto}.workbench-top{position:relative;z-index:2}.economy{padding:55px 6%}.economy h2{font-size:39px}.economy .button{font-size:12px;padding:15px;gap:10px}.economy-stats p{font-size:12px}.projects-grid{grid-template-columns:1fr;gap:45px}.projects-grid img{height:330px}.projects-proof{padding:55px 6%}.full-cycle{padding:55px 6%}.cycle-intro h2{font-size:38px}.cycle-intro>p:not(.eyebrow){font-size:16px}.cycle-nav>a:not(.nav-cta){display:flex}.cycle-stage h3{font-size:30px}.cycle-stage>p:not(.eyebrow){font-size:16px}.project{padding-top:60px}.sample-cta p{font-size:21px}}
@media(prefers-reduced-motion:reduce){.facade-layer,.sample-pair img,.cycle-track span{transition:none!important}.stage-dot,.stage-deliverable{transition:none!important}}
.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0}.assembly .section-head{grid-template-columns:1.4fr 1fr;gap:5%}.assembly .section-head h2{font-size:clamp(36px,4.1vw,59px)}

@media(max-width:700px){.assembly .section-head{grid-template-columns:1fr;gap:20px}.assembly .section-head h2{font-size:36px}}
