/* One lit 3D source, generous node targets and part closeups, 13.10.2026. */
.home-hero-inner{--hero-height:clamp(590px,calc(100vh - 117px),690px);--panel-width:194px;--scene-ratio:.8529411765;--scene-height:calc(var(--hero-height) - 72px);height:var(--hero-height)!important;max-width:1440px!important}
.home-hero-copy{width:calc(100% - var(--scene-height)*var(--scene-ratio) - var(--panel-width) - 70px)!important;padding-left:32px!important;gap:25px!important}
body[data-ui-page="index"] .home-hero[data-screen-label="Первый экран"] h1.home-hero-title{font-size:clamp(49px,4vw,56px)!important;line-height:1.04!important;letter-spacing:-.025em!important}
.home-hero-copy .home-hero-lead{max-width:415px!important;font-size:17px!important;line-height:1.65!important}
.home-hero-copy .home-hero-actions{gap:10px!important;flex-wrap:wrap}
.home-hero-copy .home-hero-actions>a{padding-inline:16px!important;font-size:13px!important;gap:12px!important;height:52px!important}
.home-hero-copy .hero-dealer-block{max-width:520px!important}
.home-hero-copy .hero-dealers{gap:18px!important;flex-wrap:wrap}
.home-hero-copy [data-shine]{font-size:18px!important}
.home-hero-grid{opacity:.28;background-size:56px 56px}
[data-hero-figure],html[data-lift="iso"] [data-hero-figure]{position:absolute;top:32px;bottom:40px;right:calc(var(--panel-width) + 40px);height:auto!important;width:calc(var(--scene-height)*var(--model-ratio,.8529411765))!important;aspect-ratio:auto!important;transform:none!important;z-index:1}
.hero-lift-iso{position:absolute;inset:0;display:block;filter:drop-shadow(0 20px 20px #0004)}
.hero-lift-iso .lift-svg{width:100%;height:100%;overflow:visible}
.hero-model-heading{position:absolute;top:-16px;left:5px;right:5px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;line-height:1.5;color:#8796a9;white-space:nowrap}
.hero-model-heading>span:first-child{font-size:10px;letter-spacing:.14em;color:#bac6d5}
.hero-model-caption{position:absolute;top:calc(100% + 8px);left:5px;right:5px;display:flex;justify-content:space-between;gap:12px;font-size:10px;line-height:1.4;color:#8492a5;border-top:1px solid #253042;padding-top:8px;white-space:nowrap}
.hero-model-caption>span:last-child{color:#657286}
[data-hero-connector]{position:absolute;left:0;top:0;width:calc(100% + 24px);height:100%;overflow:visible;pointer-events:none;z-index:2;opacity:.45}
[data-hero-pin-leaders]{display:none}
.hero-node-pin{position:absolute;z-index:4;display:grid;place-items:center;width:28px;height:28px;padding:0;margin:-14px 0 0 -14px;border:0;background:transparent;border-radius:50%;cursor:pointer;transition:opacity .2s}
.hero-node-pin>span{position:relative;display:block;width:6px;height:6px;border-radius:50%;border:1px solid #e8f3ff;background:#b9d5f1;box-shadow:0 0 0 3px #0e223460,0 0 8px #a8d0fa55;color:transparent;font-size:0;transition:background .2s,box-shadow .2s,transform .2s;pointer-events:none}
.hero-node-pin>span:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid #a9d2ff;opacity:0;transform:scale(.5)}
.hero-node-pin[aria-current="true"]>span:after{animation:mechanism-beacon 2.8s ease-out infinite}
.hero-node-pin[aria-current="true"]{z-index:5}
.hero-node-pin[aria-current="true"]>span{background:#d7ecff;box-shadow:0 0 0 4px #5b9afa35,0 0 15px #72b1ff8c;transform:scale(1.18)}
.hero-node-pin:hover>span,.hero-node-pin:focus-visible>span{background:white;box-shadow:0 0 0 5px #4a91e950,0 0 20px #93c7ffb0;transform:scale(1.25)}
.hero-node-pin:focus-visible{outline:1.5px solid #a5d1ff;outline-offset:0}
[data-hero-active-marker]{display:none}
@keyframes mechanism-beacon{0%,32%,100%{opacity:0;transform:scale(.55)}5%{opacity:.6;transform:scale(.75)}26%{opacity:0;transform:scale(1.7)}}
.hero-node-panel{position:absolute;left:calc(100% + 18px);top:50%;transform:translateY(-50%);width:var(--panel-width);z-index:6}
.hero-node-card{border:1px solid #344355;border-radius:10px;padding:16px 16px 0;background:linear-gradient(145deg,#1b2735,#111b27 75%);box-shadow:0 20px 45px -25px #0009;overflow:hidden}
.hero-node-top{display:flex;justify-content:space-between;align-items:center;color:#9bacc0;font-size:9px;letter-spacing:.14em}
.hero-node-count{color:#a9c7ee;font-size:16px;font-weight:500;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.hero-node-count i{font-style:normal;color:#6e829b;font-size:10px;letter-spacing:0}
.hero-node-art{position:relative;aspect-ratio:1.25;margin:14px -9px 16px;background:radial-gradient(ellipse,#45607955,transparent 74%)}
.hero-node-art img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;transition:opacity .3s}
.hero-node-copy{min-height:114px}
body[data-ui-theme] .hero-node-copy h2{margin:0 0 10px;color:#f3f6fb;font:550 18px/1.22 Inter,system-ui,sans-serif!important;letter-spacing:-.025em;text-wrap:balance}
.hero-node-copy p{margin:0;color:#b2bfd0;font:400 12px/1.6 Inter,system-ui,sans-serif}
.hero-node-link{display:flex;align-items:center;justify-content:space-between;padding:14px 0;color:#a9cfff;text-decoration:none;font-size:12px;font-weight:600}
.hero-node-link:hover{color:#fff}
.hero-node-nav{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #2c3b4f;margin:0 -16px;padding:4px 8px;gap:6px}
.hero-node-nav>span{color:#8194aa;font-size:9px}
.hero-node-nav button{display:grid;place-items:center;width:34px;height:32px;border:0;border-radius:4px;background:transparent;color:#bfccdf;font:18px/1 Inter,sans-serif;cursor:pointer}
.hero-node-nav button:hover{background:#243349;color:#fff}
.hero-lift-controls{margin-top:19px;padding:0 2px}
.hero-lift-control-title{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#bfcede;margin-bottom:10px}
.hero-lift-control-title button{font:inherit;font-size:10px;color:#9cb0c8;background:none;border:0;padding:4px 0 4px 8px;cursor:pointer}
.hero-lift-control-title button:hover{color:#e2edff}
.hero-lift-control-title button[aria-pressed="true"]{color:#b8d0ff}
.hero-lift-floor-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.hero-lift-floors{display:flex;gap:5px}
.hero-lift-floors button{width:31px;height:33px;flex:none;background:#141f2e;border:1px solid #3a4e69;border-radius:5px;color:#c5d1e2;font:500 13px Inter,system-ui,sans-serif;cursor:pointer;transition:background .2s,border-color .2s}
.hero-lift-floors button[aria-pressed="true"]{border-color:#87b6f5;background:#244873;color:#edf5ff}
.hero-lift-floors button:hover{border-color:#b4cffe;color:#fff}
[data-lift-readout]{font-size:9px;color:#a6bad3;line-height:1.5;flex:1;min-width:68px;max-width:110px}
@media(min-width:1400px){.home-hero-inner{--hero-height:clamp(650px,calc(100vh - 117px),800px);--panel-width:200px}.home-hero-copy{padding-left:36px!important;gap:28px!important}.home-hero-copy .home-hero-actions>a{padding-inline:17px!important;font-size:13px!important}.hero-node-copy p{font-size:12px}.hero-model-heading{font-size:10px}}
@media(prefers-reduced-motion:reduce){.hero-node-art img,.hero-node-pin>span,.hero-lift-floors button{transition:none}.hero-node-pin>span:after,.hero-lift-iso{animation:none!important}}
.hero-model-caption a{color:#a2bbd9;text-decoration:none}.hero-model-caption a:hover{color:#e2eeff}
.home-hero-inner{--scene-ratio:.7035460993;--hero-height:clamp(590px,calc(100vh - 117px),820px);--panel-width:190px;--scene-height:calc(var(--hero-height) - 64px)}
[data-hero-figure],html[data-lift="iso"] [data-hero-figure]{top:29px;bottom:35px;right:calc(var(--panel-width) + 37px)}
.home-hero-copy{max-width:620px}
.hero-node-pin{width:32px;height:32px;margin:-16px 0 0 -16px}
.hero-node-pin>span{width:7px;height:7px;background:#d4e8fa;border:1px solid #f1f8ff;box-shadow:0 0 0 3px #173d5b70,0 0 8px #8fc9f34a}
.hero-node-pin>span:after{inset:-5px;border-color:#acd7f7;animation:none}
.hero-node-pin[aria-current="true"]>span:after{animation:soft-beacon 3.8s ease-out infinite}
.hero-node-pin[aria-current="true"]>span{transform:scale(1.1);box-shadow:0 0 0 4px #77bbf33a,0 0 13px #8fcaff77}
.hero-node-pin:hover>span,.hero-node-pin:focus-visible>span{transform:scale(1.13);box-shadow:0 0 0 5px #77bbf33d,0 0 14px #a7d8fa90}
.hero-node-pin:hover>span:after,.hero-node-pin:focus-visible>span:after{animation-play-state:paused;opacity:.35;transform:scale(1.2)}
@keyframes soft-beacon{0%,58%,100%{opacity:0;transform:scale(.68)}8%{opacity:.38;transform:scale(.86)}35%{opacity:0;transform:scale(1.58)}}
.hero-node-art{overflow:hidden;aspect-ratio:1.25;background:radial-gradient(ellipse,#38546c33,transparent 74%)}
.hero-node-art img[src*="hero-node-detail-v7/"]{transform:scale(1.14);transform-origin:center}
.hero-node-panel{left:calc(100% + 16px);top:56%}
.hero-model-heading{font-size:9px}
.review-pins{pointer-events:none}
.review-pins>.hero-node-pin{pointer-events:auto}
@media(min-width:1400px){.home-hero-inner{--panel-width:196px}}
/* Однократный «пжик» из home-intro.js / studio-polish.css, адаптированный к button. */
.hero-node-pin.hero-pin-intro>span{animation:hero-pin-intro 620ms cubic-bezier(.2,.9,.25,1.2) var(--pin-intro-delay,250ms) 1 backwards}
.hero-node-pin.hero-pin-intro:before{content:"";position:absolute;inset:7px;border:1.5px solid #8fb5ff;border-radius:50%;opacity:0;pointer-events:none;animation:hero-pin-ripple 900ms ease-out var(--pin-intro-delay,250ms) 1 backwards}
@keyframes hero-pin-intro{from{transform:scale(0)}60%{transform:scale(1.3)}to{transform:scale(1)}}
@keyframes hero-pin-ripple{from{opacity:.8;transform:scale(.5)}to{opacity:0;transform:scale(2.4)}}
@media(min-width:1024px){.home-hero-copy .hero-dealers{flex-wrap:nowrap;gap:14px!important}.hero-dealers>a{gap:10px!important;white-space:nowrap}.hero-dealers>span{flex:none}.home-hero-copy .hero-dealers [data-shine]{font-size:17px!important}.hero-dealers>a>span:last-child>span:last-child{font-size:12px!important}}
@media(prefers-reduced-motion:reduce){.hero-node-pin.hero-pin-intro>span,.hero-node-pin.hero-pin-intro:before,.hero-node-pin>span:after{animation:none!important}.hero-node-pin:before{opacity:0}.hero-node-pin>span:after{opacity:0;transform:scale(1)}.hero-node-pin[aria-current="true"]>span:after{opacity:.18}}

