/* One navigation surface lives in the scene header, above the real car. */
#stage{--navigation-height:160px}
#stage .header{display:grid;grid-template-columns:minmax(170px,1fr) minmax(370px,510px) minmax(155px,1fr);align-items:center;column-gap:26px;row-gap:0;padding:18px 4.5% 8px;z-index:18;pointer-events:none}
#stage .header>*{pointer-events:auto;min-width:0}
#stage .header>.logo{justify-self:start;align-self:center}
#stage .header>.logo img{width:clamp(185px,18vw,248px);max-width:100%;height:auto;max-height:none}
#stage .header-actions{justify-self:end;justify-content:flex-end;gap:14px;margin-left:0;white-space:nowrap}
#stage .header .paint-toggle{min-width:44px}
#stage .header .tour-toggle{font-size:12px}
#stage #menu-sound-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;padding:10px;background:none;border:0;color:rgb(var(--ink));cursor:pointer}
#stage #menu-sound-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
#stage #menu-sound-toggle>span{display:none}
#stage #menu-sound-toggle[aria-pressed="true"] .sound-off,#stage #menu-sound-toggle[aria-pressed="false"] .sound-waves{display:none}
#stage #menu-sound-toggle[aria-pressed="false"]{opacity:.55}
#home-navigation{--menu-ground:#0b0b10;--menu-ink:#eef0f4;--menu-muted:#b2bbc7;--menu-accent:#8fe4db;--menu-line:#dce5f124;position:relative;min-width:0;width:100%;font-family:'FinMotors Manrope',Arial,sans-serif;font-weight:350;color:var(--menu-ink);font-synthesis:none;color-scheme:dark;text-align:left}
#home-navigation .home-quicklinks{display:flex;align-items:center;gap:6px;max-width:100%;margin:0 0 12px;padding:0 0 2px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#8aa1b944 transparent}
#home-navigation .home-quicklink{--link-color:#c8d6e1;display:flex;flex:0 0 44px;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:10px;border:1px solid color-mix(in srgb,var(--link-color) 29%,transparent);border-radius:7px;background:#0c15251f;color:var(--link-color);font-size:11px;font-weight:450;line-height:1.3;white-space:nowrap;text-decoration:none;transition:border-color 160ms ease,background-color 160ms ease}
#home-navigation .home-quicklink svg{width:19px;height:19px;flex:0 0 19px;stroke-width:1.35}
#home-navigation .quick-account{flex:1 0 130px;justify-content:flex-start}
#home-navigation .quick-account span{color:#eef3f8}
#home-navigation .quick-videos{flex-basis:76px;--link-color:#c8d6e1}
#home-navigation :is(.quick-instagram,.quick-youtube){--link-color:#e6a39f}
#home-navigation :is(.quick-telegram,.quick-mail){--link-color:#8ddce0}
#home-navigation .quick-vk{--link-color:#9abef2}
#home-navigation .home-quicklink:focus-visible{outline-offset:-3px}
@media(hover:hover) and (pointer:fine){#home-navigation .home-quicklink:hover{border-color:color-mix(in srgb,var(--link-color) 65%,transparent);background:color-mix(in srgb,var(--link-color) 8%,transparent)}}
#home-navigation .home-navigation-caption{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:0 4px 10px;padding:0;font-size:11px;line-height:1.5;font-weight:400;letter-spacing:.02em;color:rgb(var(--ink))}
#home-navigation .home-navigation-caption>span:last-child{font-size:10px;opacity:.8}
#home-navigation .menu-dock{margin:0;height:96px}
#home-navigation .menu-dock-fill{fill:#080b125c}
#home-navigation .menu-dock-line{stroke:#d7e5f15c}
#home-navigation .menu-dock-bead{top:4px;box-shadow:0 0 20px color-mix(in srgb,var(--menu-accent) 18%,transparent),inset 0 1px 2px #ffffff80}
#home-navigation .menu-dock [role="tab"]{padding-bottom:10px;gap:9px;color:#b5bac8}
#home-navigation .menu-dock [role="tab"]>span{font-size:11px;font-weight:450}
#home-navigation .menu-dock [aria-selected="true"]{color:var(--menu-accent)}
#home-navigation .menu-dock-glow{opacity:.12;height:88px}
#home-navigation .home-panel{position:absolute;top:calc(100% + 9px);left:0;right:0;max-height:max(0px,calc(var(--nav-panel-space,calc(100svh - var(--navigation-height))) - 22px - env(safe-area-inset-bottom)));overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#656d7c transparent;padding:25px 26px 23px;border:1px solid #c4d4ed24;border-top-color:#d6e8f13d;border-radius:3px 3px 10px 10px;background:linear-gradient(145deg,#111923bb,#090e16cf);box-shadow:0 18px 50px #0004;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);isolation:isolate;z-index:5;touch-action:pan-y;transform-origin:top center}
#home-navigation .home-panel-close{position:absolute;right:12px;top:12px;width:44px;height:44px;min-height:44px;padding:12px;border:0;background:none;color:#9fa7b8;z-index:2}
#home-navigation .home-panel-close svg{width:20px;height:20px}
#home-navigation .menu-section-heading{padding:0 40px 20px 0;text-align:left}
#home-navigation .menu-kicker{display:none}
#home-navigation .menu-kicker>span{display:none}
#home-navigation #menu-section-title{font-size:30px;line-height:1.15;font-weight:380;letter-spacing:-.035em}
#home-navigation #menu-section-description{font-size:12px;line-height:1.6;min-height:0;margin-top:9px}
#home-navigation .menu-panels{min-height:0}
#home-navigation .menu-car-description{font-size:13px;line-height:1.75}
#home-navigation .menu-car-caption{font-size:12px;margin-bottom:12px}
#home-navigation .menu-car-meta{font-size:10px;margin-top:18px;padding-top:13px}
#home-navigation .menu-primary a{min-height:50px;font-size:18px;padding:11px 0}
#home-navigation .menu-secondary a{min-height:44px;font-size:13px}
#home-navigation .menu-model-open{display:flex;justify-content:space-between;align-items:center;gap:20px;position:relative;width:100%;height:auto;min-height:48px;margin:20px 0 0;padding:12px 0;border:0;border-top:1px solid var(--menu-line);background:none;color:var(--menu-ink);font-size:13px;line-height:1.5;font-weight:400;letter-spacing:0;text-align:left}
#home-navigation .menu-model-open>span{display:block;font-size:20px;color:var(--menu-accent)}
#home-navigation .menu-panel-label{font-size:11px;gap:8px;margin-bottom:8px}
#home-navigation .menu-panel-label>span:last-child{font-size:10px}
#home-navigation .menu-scenes .menu-links{gap:0 12px}
#home-navigation .menu-scenes .menu-links button{font-size:12px;gap:7px;min-height:44px}
#home-navigation .menu-settings-hint{font-size:12px}
#home-navigation #menu-appearance{position:relative;inset:auto;width:100%;max-height:none;overflow:visible;margin:14px 0 0;padding:12px;background:#10172370;border-radius:5px;box-shadow:none;backdrop-filter:none}
#home-navigation #menu-appearance-title{font-size:12px}
#home-navigation .menu-appearance-heading{gap:4px;margin-bottom:8px}
#home-navigation .menu-theme-options{gap:6px}
#home-navigation .menu-theme-preview>span{font-size:10px;min-height:40px;padding:6px 5px;gap:3px}
#home-navigation .menu-theme-preview>.menu-model-preview{font-size:24px;min-height:0}
#home-navigation .menu-model-preview>span{font-size:6px}
#home-navigation .menu-theme-status{font-size:12px;margin-top:12px;min-height:0}
#home-navigation .menu-theme-download{font-size:11px}
#home-navigation :is(a,button,select,[role="tabpanel"]):focus-visible,#stage #menu-sound-toggle:focus-visible{outline:1px solid var(--menu-accent,#a1f3d0);outline-offset:3px}
#stage .editorial{top:max(calc(var(--navigation-height) + 18px),20svh)}
#stage .editorial-first,#stage .editorial-third{top:max(calc(var(--navigation-height) + 18px),26svh)}
#stage .service-editorial{max-height:calc(86svh - max(calc(var(--navigation-height) + 18px),20svh))}
#stage .paint-picker{top:calc(var(--navigation-height) + 10px)}
/* The former full menu is now just the existing detailed 3D inspection view. */
#menu .menu-content{display:block;padding:18px 0 24px}
#menu .menu-vehicle{max-width:1140px;margin-inline:auto;height:calc(100dvh - 260px);min-height:340px}
#menu .menu-vehicle-footer{flex-direction:row;align-items:center}
#menu .menu-footer{display:grid;grid-template-columns:minmax(180px,230px) 1fr;align-items:center;gap:14px 28px}
#menu .menu-footer .menu-resume{width:100%;margin:0;border-top:0;min-height:44px}
#menu .menu-signature{display:none}
#menu .model-credit{justify-self:end}
@media(min-width:901px) and (max-width:1200px){
 #stage .header{column-gap:18px;grid-template-columns:minmax(160px,1fr) minmax(350px,470px) minmax(132px,1fr)}
 #stage .header-actions{gap:6px}
 #stage .tour-label{display:none}
 #stage .tour-toggle{width:44px;min-width:44px;justify-content:center}
 #stage .paint-toggle>span{display:none}
 #home-navigation .quick-account{flex:1 0 44px;justify-content:center}
 #home-navigation .quick-videos{flex-basis:44px}
 #home-navigation :is(.quick-account,.quick-videos)>span{display:none}
}
@media(max-width:900px){
 #stage .header{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:calc(10px + env(safe-area-inset-top)) 5% 4px;row-gap:10px;column-gap:12px}
 #stage .header>.logo{grid-column:1;grid-row:1}
 #stage .header>.logo img{width:clamp(155px,25vw,206px);max-width:100%}
 #stage .header-actions{grid-column:2;grid-row:1;gap:2px}
 #stage .tour-label{display:none}
 #stage .tour-toggle{width:44px;min-width:44px;height:44px;justify-content:center}
 #stage .paint-toggle{width:44px;min-width:44px;min-height:44px;padding:6px;justify-content:center}
 #stage .paint-toggle>span{display:none}
 #home-navigation{grid-column:1 / -1;grid-row:2;width:min(100%,510px);justify-self:center}
 #home-navigation .home-navigation-caption{font-size:10px;margin-bottom:6px;gap:8px}
 #home-navigation .home-navigation-caption>span:last-child{font-size:9px}
 #home-navigation .menu-dock{height:84px}
 #home-navigation .menu-dock-bead{width:42px;height:42px;margin-left:3px;top:2px}
 #home-navigation .menu-dock-bead svg{width:20px;height:20px}
 #home-navigation .menu-dock [role="tab"]{padding-bottom:8px;gap:7px}
 #home-navigation .menu-dock [role="tab"]>svg{width:19px;height:19px}
 #home-navigation .menu-dock [role="tab"]>span{font-size:11px}
 #home-navigation .menu-dock-glow{top:37px;height:70px}
 #home-navigation .home-panel{top:calc(100% + 6px);padding:22px 22px 20px}
 #home-navigation .menu-section-heading{padding-bottom:18px}
 #home-navigation .menu-section-heading .menu-kicker{justify-content:flex-start}
 #home-navigation #menu-section-title{font-size:29px}
 #home-navigation .menu-car-description{font-size:12px}
 #menu .menu-footer{display:flex;flex-direction:column;align-items:stretch;gap:14px}
 #menu .model-credit{text-align:left}
 #menu .menu-footer .menu-resume{max-width:320px}
}
@media(max-width:760px){
 #stage{--copy-top:calc(var(--navigation-height) + 15px);--copy-limit:54svh}
 #stage .editorial-pages{clip-path:inset(0 0 46% 0)}
 #stage .editorial,#stage .editorial-first,#stage .editorial-third,#stage .service-editorial{top:var(--copy-top);max-height:calc(var(--copy-limit) - var(--copy-top) - 8px)}
 #stage .editorial-third{height:calc(var(--copy-limit) - var(--copy-top) - 8px)}
 #stage .editorial-first .eyebrow{margin-bottom:10px;font-size:10px}
 #stage .editorial-first h1{font-size:clamp(35px,9.5vw,52px)}
 #stage .editorial-first .intro{margin-top:14px}
}
@media(max-width:360px){
 #stage .header{padding-inline:4%;column-gap:4px}
 #stage .header>.logo img{width:150px}
 #home-navigation .home-panel{padding-inline:18px}
 #home-navigation .menu-car-caption{gap:8px;font-size:11px}
}
@media(max-width:600px){
 #stage .header{padding:calc(8px + env(safe-area-inset-top)) 4% 4px;row-gap:6px;column-gap:4px}
 #home-navigation .home-quicklinks{gap:3px;margin-bottom:8px}
 #home-navigation :is(.quick-account,.quick-videos){flex:1 0 44px;justify-content:center}
 #home-navigation :is(.quick-account,.quick-videos)>span{display:none}
 #home-navigation .home-navigation-caption{display:none}
 #home-navigation .menu-dock{height:76px}
 #home-navigation .menu-dock [role="tab"]{padding-bottom:6px}
}
@media(max-width:600px) and (min-height:551px) and (max-height:700px){
 #stage{--copy-limit:60svh}
 #stage .editorial-pages{clip-path:inset(0 0 40% 0)}
 #stage .editorial-first .eyebrow{margin-bottom:7px}
 #stage .editorial-first .intro{margin-top:10px}
}
@media(max-height:550px) and (min-width:620px){
 #stage .header{grid-template-columns:140px minmax(260px,1fr) 132px;row-gap:0;column-gap:16px;padding:8px 4% 4px}
 #stage .header>.logo{grid-column:1;grid-row:1}
 #stage .header>.logo img{width:140px}
 #stage .header-actions{grid-column:3;grid-row:1;gap:0}
 #stage .tour-label,#stage .paint-toggle>span{display:none}
 #stage .tour-toggle,#stage .paint-toggle{width:44px;min-width:44px;justify-content:center}
 #home-navigation{grid-column:2;grid-row:1}
 #home-navigation .home-navigation-caption{display:none}
 #home-navigation .menu-dock{height:84px}
 #home-navigation .menu-dock-bead{width:42px;height:42px;margin-left:3px;top:2px}
 #home-navigation .home-quicklinks{gap:3px;margin-bottom:6px}
 #home-navigation :is(.quick-account,.quick-videos){flex:1 0 44px;justify-content:center}
 #home-navigation :is(.quick-account,.quick-videos)>span{display:none}
 #stage{--copy-top:calc(var(--navigation-height) + 18px);--copy-limit:85svh}
 #stage .editorial-pages{clip-path:inset(0 63% 15% 0)}
 #stage .editorial,#stage .editorial-first,#stage .editorial-third,#stage .service-editorial{top:var(--copy-top);max-height:calc(var(--copy-limit) - var(--copy-top) - 8px)}
 #stage .editorial-third{height:calc(var(--copy-limit) - var(--copy-top) - 8px)}

}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#home-navigation .home-panel{background:#0c131ee8}}
@media(max-height:550px) and (max-width:619px){
 #stage{--copy-top:calc(var(--navigation-height) + 12px);--copy-limit:85svh}
 #stage .editorial-pages{clip-path:inset(0 63% 15% 0)}
 #stage .editorial,#stage .editorial-first,#stage .editorial-third,#stage .service-editorial{top:var(--copy-top);max-height:max(0px,calc(var(--copy-limit) - var(--copy-top) - 8px))}
 #stage .editorial-third{height:max(0px,calc(var(--copy-limit) - var(--copy-top) - 8px))}
}
@media(max-height:550px) and (min-width:480px) and (max-width:619px){
 #stage .header{grid-template-columns:minmax(70px,88px) minmax(220px,1fr) 132px;column-gap:6px;row-gap:0;padding:6px 3% 4px}
 #stage .header>.logo{grid-column:1;grid-row:1}
 #stage .header>.logo img{width:88px}
 #stage .header-actions{grid-column:3;grid-row:1;gap:0}
 #home-navigation{grid-column:2;grid-row:1}
 #home-navigation .home-navigation-caption{display:none}
 #home-navigation .home-quicklinks{gap:3px;margin-bottom:6px}
 #home-navigation :is(.quick-account,.quick-videos){flex:1 0 44px;justify-content:center}
 #home-navigation :is(.quick-account,.quick-videos)>span{display:none}
}
@media(prefers-reduced-transparency:reduce){#home-navigation .home-panel{background:#0c131ef5;backdrop-filter:none}#home-navigation .menu-dock-fill{fill:#080b12e8}}
@media(prefers-reduced-motion:reduce){#home-navigation *,#home-navigation *::before,#home-navigation *::after{animation:none!important;transition:none!important}}
/* Tap selection follows the icon and underline, without a square mobile highlight. */
#home-navigation .menu-dock [role="tab"],#chapter-navigation button{-webkit-tap-highlight-color:transparent}
#home-navigation .menu-dock [role="tab"]:focus-visible{outline:none!important}
#home-navigation .menu-dock [role="tab"]:focus-visible>svg{filter:drop-shadow(0 0 6px var(--menu-accent,#8bd8ff))}
#chapter-navigation button:focus-visible{outline:none!important}
#chapter-navigation button:focus-visible>i{box-shadow:0 0 8px #56bcff}