@font-face{font-family:Onest;src:url("assets/onest-regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Onest;src:url("assets/onest-medium.ttf") format("truetype");font-weight:500 700;font-display:swap}
:root{color-scheme:dark;--bg:#0d1012;--surface:#182025;--text:#eef1ed;--muted:#a6afad;--accent:#f0b995;--line:#ffffff24;font:400 20px/1.5 Onest,sans-serif;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:disabled{opacity:.28;cursor:default}a:focus-visible,button:focus-visible,summary:focus-visible,.carousel:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}.skip{position:fixed;top:8px;left:8px;z-index:100;padding:16px;background:var(--text);color:var(--bg);transform:translateY(-150%)}.skip:focus{transform:none}.brand{display:inline-flex;gap:5px;align-items:center;font-size:32px;letter-spacing:-1.8px;font-weight:500;min-height:48px}.brand span,.intro-brand span{width:6px;height:6px;border-radius:50%;background:var(--accent);margin-top:14px}.header{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:16px 6vw;background:#0d1012d9;backdrop-filter:blur(20px);border-bottom:1px solid #ffffff09;transform:translateY(-110%);opacity:0;transition:transform .35s,opacity .35s}.header.visible{transform:none;opacity:1}.header nav a{display:flex;gap:25px;align-items:center;min-height:48px;font-size:18px}.header nav a span{color:var(--accent)}.primary{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;min-height:64px;padding:16px 26px;border:0;border-radius:6px;background:var(--accent);color:#1b1917;font-size:20px;font-weight:500;line-height:1.25;text-align:left}.primary span{font-size:25px}.primary:active{background:#ffd0ae}.primary.disabled{opacity:.4;pointer-events:none}.secondary,.back-link{display:inline-flex;align-items:center;min-height:52px;font-size:18px;border-bottom:1px solid #ffffff4d}.icon-button{min-width:52px;min-height:52px;background:transparent;border:1px solid var(--line);border-radius:50%;font-size:30px;font-weight:400}
.journey{height:380svh;position:relative}.stage{height:100svh;width:100%;position:sticky;top:0;overflow:hidden;isolation:isolate;background:var(--bg)}.stage canvas{position:absolute;inset:0;width:100%;height:100%}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#0d1012 0%,transparent 17%,transparent 92%,#0d101230)}.scene-copy{position:absolute;z-index:3}.intro{left:7vw;top:15%;max-width:54vw;will-change:opacity,transform}.intro-brand{display:flex;align-items:center;gap:5px;font-size:38px;font-weight:500;letter-spacing:-2px}.intro h1{font-size:clamp(64px,7.4vw,120px);font-weight:400;letter-spacing:-.065em;line-height:1.04;margin:28px 0 30px}.intro p{font-size:20px;color:#b4bcb9;max-width:28em}.middle{left:7vw;bottom:19%;opacity:0}.middle p{font-size:clamp(28px,3.2vw,50px);line-height:1.15;letter-spacing:-.045em}.outro{inset:0;text-align:center;opacity:0;pointer-events:none;padding-top:13svh}.outro h2{font-size:clamp(34px,4vw,64px);font-weight:400;letter-spacing:-.05em;line-height:1.1;margin:0}.outro .primary{position:absolute;bottom:12svh;left:50%;transform:translateX(-50%);white-space:nowrap}.scene-bottom{position:absolute;bottom:25px;left:6vw;right:6vw;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:16px;color:#a1a9a8;z-index:4}.scene-wordmark{font-size:18px;letter-spacing:-.5px}.scroll-cue{display:flex;gap:16px;align-items:center;min-height:48px}.scroll-line{height:36px;width:1px;background:linear-gradient(transparent,#c3cecb)}.scene-notice{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);font-size:16px;color:#a6afad;opacity:0;white-space:nowrap}.no-webgl{position:absolute;right:7vw;top:50%;max-width:300px;z-index:10;font-size:18px}.transformation-anchor{position:absolute;top:135svh}
.instrument{position:absolute;inset:0;opacity:0;pointer-events:none;font-variant-numeric:tabular-nums}.instrument-meta{position:absolute;left:44%;right:44%;top:34%;display:flex;justify-content:space-between;gap:20px;font-size:18px;color:#bec7c6}.dial{position:absolute;top:52%;width:27vw;aspect-ratio:1;transform:translate(-50%,-50%)}.dial-left{left:28.7%}.dial-right{left:71.3%}.marks{width:100%;height:100%}.marks line{stroke:#d9e1de;stroke-width:1;opacity:.6}.marks line.major{stroke-width:2;opacity:.9}.marks text{fill:#b4c0bd;font-family:Onest,sans-serif;font-size:13px;text-anchor:middle;dominant-baseline:central}.dial-value{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:clamp(50px,5.5vw,90px);letter-spacing:-.065em;line-height:1.1}.dial-value span{font-size:16px;letter-spacing:0;color:#b1bcb8;margin-top:5px}.road{position:absolute;left:50%;top:52%;width:13vw;transform:translate(-50%,-45%);text-align:center}.road svg{width:100%;stroke:#adbfb9;stroke-width:1.5;fill:none;opacity:.65}.road .road-center{opacity:.4}.road .car-outline{stroke:#f0b995;fill:#f0b9950c}.road>span{display:block;font-size:20px;margin-top:-18px}
.selection{padding:96px 0 84px;background:radial-gradient(ellipse at 50% 50%,#23343140,transparent 60%),#111619;overflow:hidden}.selection-heading{text-align:center;padding:0 6vw}.selection-heading h2{font-size:clamp(44px,5.6vw,80px);line-height:1.1;font-weight:400;letter-spacing:-.055em;margin:0 0 24px}.selection-heading p{font-size:22px;line-height:1.5;color:var(--muted);margin:0}.brand-tabs{display:flex;gap:8px;justify-content:center;margin:32px auto 10px}.brand-tabs button{min-height:52px;padding:10px 24px;border:1px solid transparent;background:transparent;border-radius:50px;font-size:18px;color:#a6afad}.brand-tabs button[aria-pressed=true]{background:#ffffff0d;border-color:#ffffff30;color:#f1f3ef}.carousel-shell{position:relative;isolation:isolate}.carousel{--slide-width:min(58vw,780px);display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:20px calc((100% - var(--slide-width))/2) 0;scrollbar-width:none;scroll-behavior:smooth;touch-action:pan-x pan-y pinch-zoom}.carousel::-webkit-scrollbar{display:none}.car-slide{flex:0 0 var(--slide-width);scroll-snap-align:center;scroll-snap-stop:always;min-width:0;min-height:320px;position:relative;display:grid;place-items:center;perspective:1000px}.car-slide button{border:0;background:transparent;width:100%;height:100%;padding:0;display:grid;place-items:center;min-height:260px}.car-slide img{width:100%;height:clamp(260px,25vw,390px);object-fit:contain;filter:drop-shadow(0 22px 22px #0007);opacity:.25;transform:scale(.76) rotateY(var(--angle,0deg));transition:transform .5s,opacity .4s;user-select:none;-webkit-user-drag:none;pointer-events:none}.car-slide.is-active img{opacity:1;transform:scale(1)}.car-slide:before{content:"";position:absolute;width:76%;height:24%;left:12%;bottom:12%;background:radial-gradient(ellipse,#b5d3c71b,transparent 65%);transform:scaleY(.3);z-index:-1}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:62px;height:62px;border-radius:50%;border:1px solid #ffffff30;background:#182025cf;font-size:36px;line-height:1;display:grid;place-items:center}.carousel-arrow.prev{left:6vw}.carousel-arrow.next{right:6vw}.chosen-car{text-align:center;padding:0 20px;min-height:100px}.chosen-car p{font-size:18px;color:var(--muted);margin:10px 0 6px}.chosen-car h3{font-size:clamp(28px,3.6vw,48px);line-height:1.1;font-weight:400;letter-spacing:-.045em;margin:0}.carousel-dots{display:flex;justify-content:center;align-items:center;min-height:48px;gap:0;margin:14px 0 24px}.carousel-dots button{width:32px;height:48px;background:transparent;border:0;padding:0;display:grid;place-items:center}.carousel-dots button:before{content:"";width:5px;height:5px;background:#69766f;border-radius:50%;transition:width .25s}.carousel-dots button[aria-pressed=true]:before{width:20px;border-radius:10px;background:var(--accent)}.vehicle-actions{display:flex;justify-content:center;align-items:stretch;gap:14px;padding:0 6vw}.unit-trigger{display:grid;grid-template-columns:1fr 28px;align-content:center;gap:1px 22px;border:1px solid #ffffff2b;border-radius:6px;background:#ffffff04;padding:9px 22px;text-align:left;min-height:76px;min-width:280px}.unit-trigger>span:first-child{font-size:16px;color:var(--muted)}.unit-trigger strong{font-size:20px;font-weight:400;grid-column:1;white-space:nowrap}.unit-chevron{grid-column:2;grid-row:1/3;align-self:center;font-size:25px}.vehicle-actions .primary{min-height:76px}.selection-note{text-align:center;color:var(--muted);font-size:16px;margin:20px 24px 0}#catalog-error{text-align:center;color:var(--accent)}#retry{background:none;border:0;text-decoration:underline;min-height:48px}
dialog{width:min(620px,calc(100% - 32px));max-height:85svh;border:1px solid #ffffff25;border-radius:20px;padding:32px;background:#182023;color:var(--text);box-shadow:0 20px 120px #0009;overscroll-behavior:contain}dialog::backdrop{background:#0009;backdrop-filter:blur(10px)}.dialog-top{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:24px}.dialog-top p{font-size:16px;color:var(--muted);margin:0 0 10px}.dialog-top h2{font-size:34px;line-height:1.15;letter-spacing:-1.3px;font-weight:400;margin:0}.unit-option{width:100%;border:1px solid #ffffff20;border-radius:10px;background:transparent;text-align:left;display:grid;grid-template-columns:1fr 25px;gap:8px;padding:18px;margin:10px 0;min-height:90px}.unit-option strong{font-size:22px;font-weight:400}.unit-option small{font-size:16px;color:#b0bbb7;grid-column:1;line-height:1.5}.unit-option[aria-pressed=true]{background:#f0b9950c;border-color:#f0b995}.unit-option .check{grid-column:2;grid-row:1/3;align-self:center;color:var(--accent)}.unit-help{margin-top:24px}.unit-help summary{font-size:18px;min-height:52px;cursor:pointer;padding:10px 0}.unit-help p,.dialog-note{font-size:16px;color:var(--muted);line-height:1.6}.dialog-note{margin:20px 0 0}
footer{padding:32px 6vw;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #ffffff13}footer p,footer>span{font-size:16px;color:var(--muted)}footer .brand{font-size:28px}
.gallery-main{padding:145px 6vw 70px;min-height:calc(100svh - 110px);max-width:1800px;margin:auto}.back-link{border:0;color:var(--muted);font-size:18px}.gallery-heading{display:flex;justify-content:space-between;align-items:center;gap:40px;margin:36px 0 70px}.gallery-heading>div>p{font-size:18px;color:var(--muted);margin:0 0 20px}.gallery-heading h1{font-size:clamp(44px,5.4vw,80px);font-weight:400;letter-spacing:-.055em;line-height:1.08;margin:0}.gallery-car{width:32%;text-align:center}.gallery-car img{width:100%;height:160px;object-fit:contain}.gallery-car h2{font-size:22px;font-weight:400;margin:8px 0}.gallery-car p{font-size:16px;color:var(--muted);margin:0}.collection-top{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0}.collection-top h2{font-size:22px;font-weight:400;margin:0}.collection-top span{font-size:16px;color:var(--muted)}.empty-collection{text-align:center;padding:65px 0 30px}.empty-dials{display:flex;gap:16px;justify-content:center;margin:0 auto 35px;transform:perspective(600px) rotateX(25deg)}.empty-dials span{height:95px;width:95px;border-radius:50%;border:1px solid #c4ddd94d;box-shadow:inset 0 0 18px #c4ddd908,0 0 15px #c4ddd908}.empty-dials span:last-child{border-color:#f0b9954d}.empty-collection h3{font-size:clamp(32px,3.2vw,48px);font-weight:400;letter-spacing:-.045em;line-height:1.15;margin:0 0 22px}.empty-collection p{font-size:20px;line-height:1.6;color:var(--muted);margin:0 0 22px}
@media(max-width:700px){
:root{font-size:18px}html{scroll-padding-top:90px}.header{padding:12px 22px}.brand{font-size:30px}.header nav a{font-size:16px;gap:14px}.journey{height:340svh}.intro{top:8%;left:24px;max-width:calc(100% - 48px)}.intro-brand{font-size:30px;letter-spacing:-1.5px}.intro h1{font-size:clamp(44px,12vw,64px);line-height:1.06;margin:18px 0}.intro p{font-size:18px;max-width:18em;margin:0}.scene-bottom{left:24px;right:24px;bottom:16px;font-size:16px}.scene-wordmark{display:none}.scroll-cue{font-size:16px}.scene-notice{bottom:20px;font-size:16px}.middle{left:24px;bottom:18%}.middle p{font-size:30px}.outro{padding-top:17svh}.outro h2{font-size:clamp(31px,8.5vw,44px)}.outro .primary{bottom:18svh;max-width:calc(100% - 40px);font-size:18px;padding:16px 20px;min-height:60px;gap:18px}.dial{width:44vw;top:53%}.dial-left{left:26%}.dial-right{left:74%}.marks text{display:none}.marks line:not(.major){display:none}.dial-value{font-size:clamp(42px,12vw,60px)}.dial-value span{font-size:14px;margin-top:4px}.dial-right .dial-value span{font-size:12px}.instrument-meta{display:none}.road{width:14vw;top:53%}.road>span{font-size:16px;margin-top:-10px}.road svg{opacity:.4}.selection{padding:65px 0 56px}.selection-heading{padding:0 24px}.selection-heading h2{font-size:42px;margin:0 0 20px}.selection-heading p{font-size:20px}.brand-tabs{margin:25px 0 0;gap:4px}.brand-tabs button{font-size:18px;min-height:50px;padding:8px 22px}.carousel{--slide-width:82vw;gap:0;padding-top:12px}.car-slide{min-height:215px}.car-slide button{min-height:215px}.car-slide img{height:220px;transform:scale(.78) rotateY(var(--angle,0deg))}.car-slide.is-active img{transform:scale(1)}.carousel-arrow{width:48px;height:48px;font-size:30px;top:52%;background:#18202580}.carousel-arrow.prev{left:12px}.carousel-arrow.next{right:12px}.chosen-car{min-height:82px}.chosen-car p{font-size:16px;margin:0 0 8px}.chosen-car h3{font-size:32px}.carousel-dots{margin:8px 0 16px;min-height:48px}.carousel-dots button{width:36px;min-width:32px}.vehicle-actions{padding:0 24px;flex-direction:column;gap:12px;max-width:440px;margin:auto}.unit-trigger{min-height:76px;min-width:0;width:100%;padding:12px 20px;grid-template-columns:1fr 26px}.unit-trigger strong{font-size:22px}.vehicle-actions .primary{min-height:64px;font-size:20px}.selection-note{font-size:16px;margin:20px 28px 0;line-height:1.6}dialog{width:100%;max-width:none;margin:auto 0 0;max-height:88svh;border-radius:22px 22px 0 0;padding:26px 22px calc(24px + env(safe-area-inset-bottom))}.dialog-top{gap:12px}.dialog-top h2{font-size:30px}.unit-option{padding:16px 14px}.unit-option strong{font-size:22px}.unit-option small{font-size:16px}.dialog-note{font-size:16px}.unit-help summary{font-size:18px}footer{padding:28px 24px;flex-wrap:wrap}footer p{display:none}footer>span{font-size:16px}footer .brand{font-size:28px}.gallery-main{padding:115px 24px 48px}.back-link{font-size:16px}.gallery-heading{display:block;margin:30px 0 35px}.gallery-heading>div>p{font-size:18px;margin-bottom:16px}.gallery-heading h1{font-size:43px;line-height:1.12}.gallery-car{width:100%;display:flex;align-items:center;text-align:left;gap:18px;margin-top:30px}.gallery-car img{width:40%;height:100px}.gallery-car h2{font-size:20px;line-height:1.3;margin:0 0 8px}.gallery-car p{font-size:16px;overflow-wrap:anywhere}.collection-top{padding:20px 0;display:block}.collection-top h2{font-size:22px;line-height:1.4;margin-bottom:12px}.collection-top span{font-size:16px}.empty-collection{padding:40px 0 20px}.empty-collection h3{font-size:32px}.empty-collection p{font-size:18px}.empty-dials{margin-bottom:30px}.empty-dials span{width:80px;height:80px}.desktop-only{display:none}
}
@media(min-aspect-ratio:2/1) and (min-width:701px){.intro{top:10%}.intro h1{font-size:11svh;margin:15px 0}.intro-brand{font-size:28px}.outro{padding-top:12svh}.outro h2{font-size:6svh}.outro .primary{bottom:6svh}.scene-bottom{bottom:10px}.scene-notice{bottom:4px}.dial{width:40svh}.instrument-meta{top:28%}}
.carousel{position:relative}.carousel-dots{gap:14px}.carousel-dots span{height:5px;width:5px;border-radius:5px;background:#69766f;transition:width .25s}.carousel-dots span.active{width:20px;background:var(--accent)}
@media(max-width:700px){.carousel{--slide-width:74vw}.dial-value span,.dial-right .dial-value span{font-size:16px}.dial-right .dial-value span{max-width:80px;text-align:center;line-height:1.25}}
/* Веб-навигация и открытые пикеры вместо интерфейса мобильного приложения. */
svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}
.header nav svg{width:20px;height:20px;stroke-width:1.6}
.header-section{font-size:18px;color:var(--muted)}
.primary{background:transparent;color:var(--text);border-radius:0;border:0;border-bottom:1px solid #c4ddd94d;padding:12px 0;gap:32px;font-size:24px;font-weight:400;min-height:72px;box-shadow:none;transition:border-color .2s}
.primary:active{background:transparent;border-color:var(--accent)}
.primary>span{display:grid;place-items:center;flex:0 0 50px;width:50px;height:50px;border-radius:50%;border:1px solid #c4ddd95c;color:var(--accent);transition:background .2s,color .2s}
.primary>span svg{width:24px;height:24px;stroke-width:1.5}
.primary:hover>span,.primary:focus-visible>span{background:var(--accent);color:#182025;border-color:var(--accent)}
.vehicle-actions{margin:26px auto 0}.vehicle-actions .primary{min-height:72px;padding:12px 0;gap:40px}
.outro .primary{font-size:24px;padding:12px 0;gap:28px}
.carousel-arrow svg{width:24px;height:24px;stroke-width:1.6}
.quick-model-wrap{display:inline-block;position:relative;width:min(680px,calc(100% - 48px));min-height:60px}
.quick-model-wrap select,.select-control select{appearance:none;background:transparent;border:0;border-radius:0;font:inherit;color:var(--text);width:100%;min-height:56px;padding:4px 42px 4px 6px;cursor:pointer;text-overflow:ellipsis}
.quick-model-wrap select{text-align:center;text-align-last:center;font-size:42px;letter-spacing:-.045em;line-height:1.2}
.quick-model-wrap>svg,.select-control>svg{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:24px;height:24px;stroke-width:1.7;pointer-events:none;color:#c4cfca}
.quick-model-wrap select option,.select-control select option{font-size:18px;letter-spacing:0;background:#182025;color:#eef1ed;text-align:left}
.inline-unit-picker{margin:10px auto 0;padding:0 6vw;max-width:1120px}
.picker-label{font-size:16px;color:var(--muted);font-weight:400;margin:0 0 8px}
.inline-unit-picker>.picker-label{text-align:center}
.unit-rail{display:flex;align-items:stretch;gap:20px;width:max-content;max-width:100%;margin:0 auto;overflow-x:auto;scrollbar-width:none;padding:5px 5px 9px;scroll-snap-type:x proximity}
.unit-rail::-webkit-scrollbar{display:none}.unit-rail.is-scrollable{mask-image:linear-gradient(to right,transparent,#000 18px,#000 calc(100% - 18px),transparent)}
.unit-number{position:relative;flex:0 0 auto;min-height:58px;min-width:155px;scroll-snap-align:center;font-size:20px;font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:.01em;background:transparent;color:#8b9993;border:0;border-bottom:2px solid transparent;padding:12px 4px}
.unit-number[aria-pressed=true]{color:var(--text);border-bottom-color:var(--accent)}
.unit-number:focus-visible{outline-offset:-2px}
.selection-note{min-height:24px;margin:12px auto 0;max-width:800px;padding:0 24px}
.inline-help{margin:2px auto 0;max-width:650px;text-align:center;padding:0 24px;color:var(--muted);font-size:16px}
.inline-help summary{display:inline-flex;align-items:center;gap:10px;min-height:48px;list-style:none;cursor:pointer}
.inline-help summary::-webkit-details-marker{display:none}
.inline-help svg{width:18px;height:18px;stroke-width:1.7;transition:transform .2s}
.inline-help[open] svg{transform:rotate(180deg)}
.inline-help p{line-height:1.6;margin:4px 0 15px}
.road>svg{opacity:1}.road .lane-edge,.road .road-center{stroke:#879a92;stroke-width:1.3;opacity:.7}
.vehicle-icon .tyre{fill:#070b0c;stroke:#4b5854;stroke-width:.7}
.vehicle-icon .vehicle-body{fill:url(#car-paint);stroke:#cbd6ce;stroke-width:.9}
.vehicle-icon .vehicle-glass{fill:#203336;stroke:#859b95;stroke-width:1}
.vehicle-icon .vehicle-roof{fill:#a1b3ac;stroke:#d4e0d7;stroke-width:.6}
.vehicle-icon .vehicle-seam{stroke:#e3ebe4;stroke-width:.6;fill:none;opacity:.65}
.vehicle-icon .vehicle-light{stroke:#f2f6e9;stroke-width:2.6}
.vehicle-icon .vehicle-tail{stroke:#cc7266;stroke-width:2}
.gallery-main{padding-top:112px;padding-bottom:50px}
.gallery-heading{align-items:center;margin:0 0 28px;gap:36px}
.gallery-heading h1{font-size:clamp(38px,4vw,58px);letter-spacing:-.05em;line-height:1.08}
.gallery-heading>p{font-size:20px;color:var(--muted);line-height:1.5;margin:0}
.gallery-vehicle-picker{display:grid;grid-template-columns:155px minmax(240px,.8fr) minmax(350px,1.2fr);gap:24px;align-items:center;padding:12px 0 24px}
.gallery-vehicle-picker>img{width:155px;height:100px;object-fit:contain}
.gallery-model-control>label{font-size:16px;color:var(--muted);display:block;margin-bottom:5px}
.select-control{position:relative}
.select-control select{font-size:23px;letter-spacing:-.03em;border-bottom:1px solid #c4ddd932;padding-left:0;min-height:56px}
.gallery-unit-control{min-width:0}
.gallery-unit-control .unit-rail{margin:0;max-width:100%;gap:16px;padding-left:0;padding-right:0}
.gallery-unit-control .unit-number{font-size:18px;min-width:145px;min-height:52px}
.variant-caption{font-size:16px;color:var(--muted);margin:5px 0 0;line-height:1.4}
.collection-top{padding:20px 0}
.empty-collection{padding-top:48px}
@media(max-width:1100px) and (min-width:701px){
.gallery-vehicle-picker{grid-template-columns:150px 1fr;gap:12px 24px}
.gallery-unit-control{grid-column:1/-1;display:grid;grid-template-columns:150px 1fr;gap:4px 24px}
.gallery-unit-control .picker-label{align-self:center}.gallery-unit-control .variant-caption{grid-column:2}
.gallery-heading>p{font-size:18px}
}
@media(max-width:700px){
.primary,.outro .primary{font-size:20px;gap:20px;min-height:64px;padding:8px 0}
.primary>span{width:48px;height:48px;flex-basis:48px}
.vehicle-actions{margin-top:20px}.vehicle-actions .primary{font-size:22px;min-height:64px;gap:24px;width:100%}
.outro .primary{bottom:15svh;white-space:normal;min-width:calc(100% - 64px);max-width:calc(100% - 48px)}
.quick-model-wrap{width:calc(100% - 40px);min-height:56px}.quick-model-wrap select{font-size:30px;padding-right:35px}
.quick-model-wrap.long-name select{font-size:23px}
.inline-unit-picker{padding:0 20px;margin-top:4px}.unit-rail{gap:14px}.unit-number{font-size:18px;min-width:145px;min-height:56px}
.selection-note{font-size:16px;line-height:1.5;margin-top:8px}
.carousel-dots{margin-bottom:8px}
.inline-help{font-size:16px;padding:0 24px}
.header-section{font-size:16px}
.gallery-main{padding:105px 24px 36px}
.gallery-heading{display:block;margin:0 0 20px}.gallery-heading h1{font-size:36px;line-height:1.12}
.gallery-heading>p{display:none}
.gallery-vehicle-picker{grid-template-columns:82px minmax(0,1fr);gap:8px 15px;padding:5px 0 20px}
.gallery-vehicle-picker>img{width:82px;height:78px}
.gallery-model-control>label{font-size:16px;margin:0}
.select-control select{font-size:19px;padding-right:28px;min-height:52px}
.select-control>svg{width:20px;height:20px;right:0}
.gallery-unit-control{grid-column:1/-1;margin-top:10px}
.gallery-unit-control .unit-rail{gap:14px}
.gallery-unit-control .unit-number{font-size:18px;min-width:145px}
.variant-caption{font-size:16px;margin-top:8px}
.collection-top{padding:18px 0}.collection-top h2{font-size:20px}
.empty-collection{padding-top:34px}
}
/* Кастомный выбор модели и явно нажимаемые варианты ГУ. */
.quick-model-wrap>svg,.select-control>svg{display:none}
.vehicle-select-button{font:inherit;background:#ffffff04;border:1px solid #c4ddd936;border-radius:9px;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:58px;padding:12px 16px;width:100%;cursor:pointer;text-align:left}
.vehicle-select-button>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.vehicle-select-button>svg{width:22px;height:22px;flex:0 0 22px;stroke-width:1.8;color:#d1ddd6}
.vehicle-select-button[aria-expanded=true]{border-color:var(--accent);background:#f0b99508}
.quick-model-wrap .vehicle-select-button{font-size:36px;letter-spacing:-.04em;justify-content:center;padding:10px 22px}
.quick-model-wrap .vehicle-select-button>svg{margin-left:8px}
.select-control .vehicle-select-button{font-size:21px;letter-spacing:-.02em}
.unit-number,.gallery-unit-control .unit-number{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #c4ddd940;border-radius:8px;background:#ffffff04;color:#b7c4bd;padding:12px 14px;min-width:180px;min-height:58px;transition:background .2s,border-color .2s}
.unit-number>svg{width:18px;height:18px;stroke-width:2;opacity:0;flex:0 0 18px}
.unit-number[aria-pressed=true]{border-color:#f0b995b0;background:#f0b99517;color:#f4e1d3}
.unit-number[aria-pressed=true]>svg{opacity:1;color:var(--accent)}
.unit-rail{gap:10px;padding:5px 2px 9px}
.unit-number:hover{border-color:#c4ddd98c}
.vehicle-menu{position:fixed;inset:auto;margin:0;padding:12px;max-width:none;border:1px solid #c4ddd93d;border-radius:16px;background:#192124;color:var(--text);box-shadow:0 30px 100px #0009;overflow:hidden}
.vehicle-menu::backdrop{background:#0004;backdrop-filter:blur(3px)}
.vehicle-menu-top{display:flex;align-items:center;gap:8px;padding:0 0 10px}
.vehicle-menu-top input{background:#0d1416;border:1px solid #ffffff20;border-radius:8px;min-height:52px;min-width:0;width:100%;color:var(--text);font:inherit;font-size:18px;padding:12px 14px}
.vehicle-menu-top input:focus{outline:1px solid var(--accent)}
.menu-close,.preview-close{display:grid;place-items:center;min-width:48px;width:48px;height:48px;background:transparent;border:1px solid #ffffff28;border-radius:50%;padding:10px}
.menu-close svg,.preview-close svg{width:24px;height:24px;stroke-width:1.6}
.vehicle-menu-options{max-height:calc(min(460px,75svh) - 90px);overflow-y:auto;overscroll-behavior:contain}
.vehicle-menu-option{width:100%;display:grid;grid-template-columns:84px 1fr 24px;align-items:center;gap:12px;padding:8px 12px;min-height:76px;border:1px solid transparent;border-radius:9px;background:transparent;text-align:left;color:var(--text);font-size:18px}
.vehicle-menu-option img{width:84px;height:52px;object-fit:contain}
.vehicle-menu-option[aria-selected=true]{background:#f0b99510;border-color:#f0b99570}
.vehicle-menu-option:hover{background:#ffffff08}
.menu-check svg{width:22px;height:22px;stroke-width:1.7;color:var(--accent)}
.vehicle-menu-empty{font-size:18px;color:var(--muted);padding:15px 10px}
html:has(dialog[open]){overscroll-behavior:none}
.vehicle-menu,.dashboard-dialog{overscroll-behavior:contain}
.vehicle-menu[open]{display:flex;flex-direction:column}.vehicle-menu-top{flex-shrink:0}.vehicle-menu-options{min-height:0;flex:1}
.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:24px 0}
.gallery-toolbar>p{font-size:16px;color:var(--muted);margin:0}
.view-switch{display:flex;gap:6px}
.view-switch button{display:flex;align-items:center;gap:9px;padding:10px 14px;background:transparent;border:1px solid transparent;border-radius:7px;min-height:48px;font-size:16px;color:var(--muted)}
.view-switch svg{width:20px;height:20px;stroke-width:1.6}
.view-switch button[aria-pressed=true]{border-color:#c4ddd949;background:#ffffff06;color:var(--text)}
.dashboard-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:26px 0 50px}
.dashboard-card{min-width:0;overflow:hidden;border:1px solid #c4ddd92b;border-radius:14px;background:#131b1e}
.card-image{display:block;border:0;background:#0b1012;width:100%;padding:0;min-height:48px;cursor:zoom-in}
.card-image img{display:block;width:100%;height:auto;aspect-ratio:1536/720;object-fit:contain}
.card-body{padding:22px 24px 18px}
.card-meta{font-size:16px;color:var(--muted);margin:0 0 10px}
.card-body h3{font-size:32px;font-weight:400;letter-spacing:-.04em;line-height:1.15;margin:0 0 14px}
.card-description{font-size:18px;line-height:1.5;color:#b5c0ba;max-width:38em;margin:0 0 18px}
.card-tags{font-size:16px;color:var(--theme-accent);margin:0 0 14px}
.card-details{background:transparent;border:0;border-top:1px solid #ffffff16;padding:12px 0 0;width:100%;min-height:52px;display:flex;align-items:center;justify-content:space-between;font-size:18px;text-align:left}
.card-details svg{width:24px;height:24px;stroke-width:1.5;color:var(--theme-accent)}
.dashboard-cards.is-list{grid-template-columns:1fr;gap:20px}
.dashboard-cards.is-list .dashboard-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center}
.dashboard-cards.is-list .card-image{height:100%}
.dashboard-cards.is-list .card-image img{height:100%;object-fit:contain}
.dashboard-cards.is-list .card-body{padding:24px 30px}
.dashboard-dialog{width:min(1280px,calc(100% - 48px));max-width:none;max-height:92svh;margin:auto;padding:24px;border-radius:18px;background:#131b1e;border:1px solid #c4ddd93d;overflow:auto}
.dashboard-dialog::backdrop{background:#04090ce6;backdrop-filter:blur(16px)}
.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 20px;position:sticky;top:-24px;background:#131b1ef5;z-index:2}
.preview-heading p{font-size:16px;color:var(--muted);margin:0 0 4px}
.preview-heading h2{font-size:36px;font-weight:400;line-height:1.15;letter-spacing:-.04em;margin:0}
.preview-viewport{border-radius:10px;overflow:hidden;background:#060b0d;min-width:0}
.preview-viewport>img{display:block;width:100%;height:auto;aspect-ratio:1536/720;object-fit:contain;max-height:100%}
.preview-viewport:not(.is-zoomed){height:min(46svh,580px);display:flex;align-items:center;justify-content:center}
.preview-viewport.is-zoomed{overflow:auto;max-height:55svh;touch-action:pan-x pan-y;overscroll-behavior:contain}
.preview-viewport.is-zoomed>img{width:1536px;max-width:none;height:720px}
.preview-navigation{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px 0}
.shot-navigation{display:flex;align-items:center;gap:12px}
.shot-navigation>button{display:grid;place-items:center;background:transparent;border:1px solid #ffffff25;border-radius:50%;min-width:48px;height:48px}
.shot-navigation svg{width:22px;height:22px;stroke-width:1.6}
#shot-counter{font-size:16px;color:#c3d0c9;min-width:155px;text-align:center}
.zoom-preview{background:transparent;border:0;min-height:48px;display:flex;align-items:center;gap:8px;font-size:16px;padding:0 6px}
.zoom-preview svg{height:22px;width:22px;stroke-width:1.6}
.preview-thumbnails{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.shot-thumb{padding:4px;border:1px solid #ffffff20;border-radius:8px;background:transparent;color:var(--muted);min-height:48px;overflow:hidden}
.shot-thumb img{display:block;width:100%;height:70px;aspect-ratio:1536/720;object-fit:contain}
.shot-thumb span{display:block;font-size:16px;padding:7px 3px}
.shot-thumb[aria-pressed=true]{border-color:var(--accent);color:var(--text);background:#f0b9950a}
.preview-description{display:flex;justify-content:space-between;align-items:start;gap:30px;margin-top:20px}
.preview-description>p{font-size:18px;line-height:1.5;margin:0;max-width:32em}
.preview-description .demo-note{font-size:16px;color:var(--muted);max-width:22em}
@media(max-width:700px){
.dial{width:36vw}.road{width:20vw}
.dial-value{font-size:clamp(38px,11vw,56px)}
.quick-model-wrap .vehicle-select-button{font-size:28px;padding:10px 14px;min-height:60px}
.quick-model-wrap.long-name .vehicle-select-button{font-size:22px}
.select-control .vehicle-select-button{font-size:18px;padding:10px;gap:8px}
.vehicle-select-button>svg{width:20px;height:20px;flex-basis:20px}
.unit-number,.gallery-unit-control .unit-number{min-width:177px;font-size:18px;min-height:58px}
.vehicle-menu{border-radius:18px;padding:12px}
.vehicle-menu-options{max-height:calc(75svh - 90px)}
.vehicle-menu-option{grid-template-columns:66px 1fr 20px;gap:10px;font-size:18px;padding:8px}
.vehicle-menu-option img{width:66px;height:46px}
.gallery-toolbar{display:block;margin:20px 0}
.gallery-toolbar>p{font-size:16px;line-height:1.5;margin-bottom:14px}
.view-switch{justify-content:flex-start}
.view-switch button{font-size:16px}
.dashboard-cards{grid-template-columns:1fr;gap:22px;margin:20px 0 32px}
.card-body{padding:20px}.card-body h3{font-size:28px}
.card-description{font-size:18px}.card-tags,.card-meta{font-size:16px}
.dashboard-cards.is-list .dashboard-card{grid-template-columns:1fr}
.dashboard-cards.is-list .card-image{height:auto}
.dashboard-cards.is-list .card-body{padding:18px 20px}
.dashboard-cards.is-list .card-description,.dashboard-cards.is-list .card-tags{display:none}
.dashboard-cards.is-list .card-image img{max-height:150px}
.dashboard-dialog{width:calc(100% - 16px);max-height:calc(100svh - 16px);padding:16px;border-radius:14px}
.preview-heading{top:-16px;padding-bottom:16px;gap:10px}
.preview-heading h2{font-size:28px}.preview-heading p{font-size:16px}
.preview-viewport:not(.is-zoomed){height:auto}.shot-thumb img{height:auto}
.preview-navigation{flex-wrap:wrap;gap:0;padding:6px 0 12px}
.shot-navigation{gap:7px;justify-content:space-between;width:100%}
#shot-counter{font-size:16px;min-width:130px}
.zoom-preview{margin-left:auto;margin-top:4px}
.preview-thumbnails{gap:6px}
.shot-thumb span{font-size:16px;overflow:hidden;text-overflow:ellipsis;padding:7px 0}
.preview-description{display:block;margin-top:18px}
.preview-description>p{font-size:18px}.preview-description .demo-note{font-size:16px;margin-top:14px;max-width:none}
}
/* Галерея: панорамы 1920 × 720, плотная сетка и полноэкранный просмотр. */
.gallery-main{padding-top:104px}
.gallery-heading{margin-bottom:18px;gap:20px}
.gallery-heading h1{font-size:clamp(30px,3vw,44px);line-height:1.15;letter-spacing:-.045em}
.gallery-heading>p{font-size:18px}
.gallery-vehicle-picker{padding-bottom:18px}
.gallery-toolbar{margin:16px 0}
.dashboard-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:18px}
.card-image img{aspect-ratio:1920/720}
.card-body{padding:14px 16px 10px}
.card-body h3{font-size:26px;margin:0 0 10px}
.card-meta{font-size:16px;margin-bottom:8px}
.dashboard-cards:not(.is-list) .card-description,.dashboard-cards:not(.is-list) .card-tags{display:none}
.card-details{min-height:48px;font-size:18px;padding-top:8px}
.dashboard-cards.is-list .dashboard-card{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.dashboard-cards.is-list .card-image img{height:auto;aspect-ratio:1920/720}
.dashboard-dialog{inset:0;margin:0;padding:0;width:100%;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0;background:#080d0f;overflow:hidden}
.dashboard-dialog[open]{display:grid;grid-template-rows:80px minmax(0,1fr) auto}
.dashboard-dialog::backdrop{background:#080d0f}
.dashboard-dialog .preview-heading{position:static;top:auto;padding:12px 28px;border-bottom:1px solid #ffffff13;background:transparent;min-width:0}
.preview-heading h2{font-size:26px;margin:0 0 2px}
.preview-heading p{font-size:16px;margin:0;color:var(--muted)}
.viewer-actions{display:flex;align-items:center;gap:22px}
.viewer-actions .zoom-preview{margin:0}
.viewer-stage{display:grid;grid-template-columns:72px minmax(0,1fr) 72px;align-items:stretch;min-height:0}
.viewer-stage .preview-viewport,.viewer-stage .preview-viewport:not(.is-zoomed){height:100%;max-height:none;width:100%;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:0;background:transparent;touch-action:pan-y}
.viewer-stage .preview-viewport>img{height:100%;width:100%;max-height:none;object-fit:contain;aspect-ratio:1920/720;user-select:none;-webkit-user-drag:none}
.viewer-stage .preview-viewport.is-zoomed{display:block;overflow:auto;cursor:grab;touch-action:pan-x pan-y}
.viewer-stage .preview-viewport.is-zoomed:active{cursor:grabbing}
.viewer-stage .preview-viewport.is-zoomed>img{width:1920px;height:720px;max-width:none}
.viewer-arrow{border:0;background:transparent;display:grid;place-items:center;min-width:48px;min-height:48px;color:#c4d3cb}
.viewer-arrow svg{width:30px;height:30px;stroke-width:1.4}
.viewer-arrow:hover{background:#ffffff05}
.preview-footer{padding:12px 28px 16px;background:#101719;border-top:1px solid #ffffff13}
.viewer-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:10px}
.viewer-caption p{font-size:16px;color:#a6b7af;margin:0}
.viewer-caption #shot-counter{min-width:0;white-space:nowrap;font-size:16px}
.preview-thumbnails{display:flex;justify-content:center;gap:12px}
.shot-thumb{flex:0 1 160px;padding:3px;border-radius:6px;min-width:0}
.shot-thumb img{height:auto;aspect-ratio:1920/720}
.shot-thumb span{font-size:16px;padding:4px 1px}
.preview-footer .demo-note{font-size:16px;color:#8a9b93;text-align:center;margin:10px 0 0}
@media(max-width:700px){
.gallery-main{padding-top:96px}
.gallery-heading{margin-bottom:16px}.gallery-heading h1{font-size:30px}
.gallery-toolbar{margin:16px 0}.gallery-toolbar>p{margin-bottom:10px}
.dashboard-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dashboard-card{border-radius:9px}
.card-body{padding:12px 10px 6px}.card-body h3{font-size:21px;line-height:1.15;min-height:48px;margin-bottom:6px}
.card-meta{font-size:16px;line-height:1.4;margin:0 0 8px}
.card-details{font-size:16px;min-height:48px;gap:6px}
.card-details svg{width:18px;height:18px;flex-shrink:0}
.dashboard-cards.is-list{grid-template-columns:1fr}
.dashboard-cards.is-list .dashboard-card{grid-template-columns:1fr 1fr}
.dashboard-cards.is-list .card-body{padding:12px}.dashboard-cards.is-list h3{min-height:0}
.dashboard-cards.is-list .card-image img{max-height:none}
.dashboard-dialog{width:100%;height:100dvh;max-height:none;padding:0;border-radius:0}
.dashboard-dialog[open]{grid-template-rows:76px minmax(0,1fr) auto}
.dashboard-dialog .preview-heading{padding:10px 16px;gap:10px}
.preview-heading h2{font-size:22px}.preview-heading p{font-size:16px}
.viewer-actions{gap:6px}.viewer-actions .zoom-preview{width:48px;height:48px;justify-content:center;padding:0}
.viewer-actions .zoom-preview span{display:none}
.viewer-stage{display:block;position:relative;padding:0}
.viewer-stage .preview-viewport{position:absolute;inset:0}
.viewer-arrow{position:absolute;bottom:6px;z-index:1;width:52px;height:52px;border:1px solid #ffffff26;border-radius:50%;background:#101719b0}
.viewer-arrow.previous-shot{left:18px}.viewer-arrow.next-shot{right:18px}
.preview-footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom))}
.viewer-caption{justify-content:center;margin-bottom:10px}
.viewer-caption p{display:none}
.preview-thumbnails{gap:8px}.shot-thumb{flex-basis:110px}
.shot-thumb span{font-size:16px;padding:5px 0}
.preview-footer .demo-note{font-size:16px;margin-top:10px}
}
@media(max-height:500px){
.dashboard-dialog[open]{grid-template-rows:60px minmax(0,1fr) 45px}
.preview-footer{padding:10px 18px}.viewer-caption{margin:0;justify-content:center}
.preview-footer .preview-thumbnails,.preview-footer .demo-note,.viewer-caption p{display:none}
.dashboard-dialog .preview-heading{padding:6px 16px}
}
@media(min-width:1101px){
.gallery-vehicle-picker{align-items:start}
.gallery-vehicle-picker>img{align-self:center}
.gallery-model-control>label,.gallery-unit-control>.picker-label{height:24px;line-height:24px;margin:0 0 8px}
.gallery-unit-control .unit-rail{padding-top:0}
}
@media(prefers-reduced-motion:reduce){html,.carousel{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Clearer selector labels and gallery hierarchy */
.gallery-model-control>label,.gallery-unit-control>.picker-label{font-size:17px;line-height:1.35;color:#c4cbc5;font-weight:500}
.gallery-heading h1{letter-spacing:-1.4px}
.collection-top h2{font-size:25px;font-weight:500;letter-spacing:-.35px}
.collection-top span{color:#bac2bc}
@media(max-width:760px){.gallery-model-control>label,.gallery-unit-control>.picker-label{font-size:16px}.collection-top h2{font-size:22px}.gallery-main{padding-top:96px}}
.card-open,.viewer-actions button{min-height:48px;padding:12px 18px;color:#f0eae5;background:#283034;border:1px solid #65716e;border-radius:10px;cursor:pointer}.missing-preview{display:grid;place-items:center;min-height:180px;color:#c8cfcd}.card-meta svg{vertical-align:middle}.viewer-arrow svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:2}.live-preview{object-fit:contain}


.account-button{min-height:48px;padding:0 18px;border:1px solid #ffffff35;border-radius:12px;background:#172025;color:#eee8e2;font:inherit;cursor:pointer;margin-left:auto}
.account-dialog{width:min(560px,calc(100vw - 32px));max-height:85vh;overflow:auto;padding:38px;border:1px solid #ffffff30;border-radius:20px;background:#141b20;color:#eee8e2;line-height:1.6}
.account-dialog::backdrop{background:#000a}.account-dialog h2{margin:0 48px 24px 0}.account-dialog button,.telegram-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 18px;margin:8px 8px 0 0;border:1px solid #ffffff30;border-radius:10px;background:#293137;color:#eee8e2;font:inherit;cursor:pointer;text-decoration:none}.account-dialog .account-close{position:absolute;top:16px;right:16px;padding:8px;font-size:13px}.login-code{font-size:48px;font-weight:600;letter-spacing:6px;margin:20px 0;font-variant-numeric:tabular-nums}.account-device{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #ffffff20}.telegram-link{background:#80513b}