/* One world, several depth planes. Geometry comes from SHOWROOM_CONFIG. */
.showroom-mode .stage{position:sticky;top:0;height:100svh;min-height:640px;touch-action:pan-y pinch-zoom}
.showroom-mode>.stage>.studio,.showroom-mode>.stage>.ambient,.showroom-mode .car-stage{display:none}
.showroom-mode #modelHeadline{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.showroom-mode .headline-layer{left:var(--gutter);right:auto;top:23%;z-index:12}
.showroom-mode .site-header{z-index:20}
.showroom-mode .intro-line{top:17%;z-index:12}
.showroom-mode .stat-stack,.showroom-mode .right-note,.showroom-mode .hero-bottom,.showroom-mode .stage-footnote{z-index:12}
.showroom{position:absolute;inset:0;overflow:hidden;background:#0a0a0b;pointer-events:none}
.camera-rig{position:absolute;inset:0;transform-origin:50% 65%;isolation:isolate}
.room-layer{position:absolute;top:0;left:0;height:100%;transform-origin:0 50%;backface-visibility:hidden}
.back-wall{z-index:0;background:linear-gradient(180deg,#08090a 0%,#111315 43%,#17191a 63%,#0c0d0f 74%),repeating-linear-gradient(90deg,transparent 0,transparent calc(var(--panel-width) - 1px),#555 0,var(--panel-width));background-blend-mode:screen,normal}
.back-wall:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(var(--panel-width) - 1px),rgb(200 202 207 / 7%) calc(var(--panel-width) - 1px),rgb(200 202 207 / 7%) var(--panel-width));opacity:.65}
.wall-slat{position:absolute;top:13%;height:49%;width:2px;background:linear-gradient(transparent,#c5c8ca 22%,#e1ddd0 60%,transparent);opacity:.36;box-shadow:0 0 25px 3px rgb(225 224 212 / 6%)}
.ceiling{z-index:1;top:-10%;height:35%;opacity:.55;background:linear-gradient(180deg,#030405,transparent)}
.ceiling-strip{position:absolute;top:10%;height:90%;width:3px;transform:rotate(59deg);background:linear-gradient(transparent,#bfc3c5,transparent);opacity:.45}
.showroom-floor{z-index:2;top:48%;height:60%;background:linear-gradient(180deg,rgb(50 52 54 / 24%),#111214 32%,#08090b 90%);border-top:1px solid rgb(193 195 197 / 6%)}
.floor-grid{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 174px,rgb(224 221 213 / 7%) 175px,transparent 176px),repeating-linear-gradient(0deg,transparent 0,transparent 99px,rgb(224 221 213 / 4%) 100px,transparent 101px);transform:perspective(600px) rotateX(58deg);transform-origin:50% 0;opacity:.5}
.name-world{z-index:3}
.showroom-name{position:absolute;margin:0;line-height:1.08;font-family:var(--display);font-weight:500;letter-spacing:-.065em;white-space:nowrap;color:#e8e7e1;text-align:center}
.car-world{z-index:4}
.showroom-bay{position:absolute;top:0;height:100%;overflow:visible}
.spotlight{position:absolute;top:13%;background:conic-gradient(from 140deg at 50% 0,transparent 0deg,rgb(235 233 218 / 12%) 12deg,rgb(235 233 218 / 30%) 40deg,rgb(235 233 218 / 12%) 68deg,transparent 80deg,transparent 360deg);mask-image:linear-gradient(transparent,#000 16%,#000 85%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 16%,#000 85%,transparent);z-index:0}
.light-pool{position:absolute;height:105px;border-radius:50%;background:radial-gradient(ellipse,rgb(218 210 189 / 22%),rgb(205 204 199 / 9%) 36%,transparent 70%);z-index:0}
.round-plinth{position:absolute;border-radius:50%;background:radial-gradient(ellipse at 50% 25%,#313338,#1a1c20 72%);border-top:1px solid rgb(237 233 223 / 22%);box-shadow:0 8px 0 #101114,0 13px 22px rgb(0 0 0 / 46%);z-index:1}
.vehicle-node{position:absolute;transform-origin:50% 100%;z-index:2}
/* These CGI assets already contain tyre contacts, plinth and its reflection.
   Never add a second CSS platform or mirrored copy underneath them. */
.has-platform .round-plinth,.has-platform .vehicle-reflection,.has-platform .car-soft{display:none}
.has-platform .vehicle-body{isolation:isolate}
.vehicle-body{position:absolute;inset:0;z-index:2}
.cutout{position:absolute;inset:0;pointer-events:none}
.cutout img{position:absolute;max-width:none;object-fit:fill}
.car-soft{filter:blur(2px);opacity:0}
.vehicle-reflection{position:absolute;top:calc(100% + 12px);left:0;width:100%;height:100%;transform:scaleY(-1);transform-origin:50% 50%;mask-image:linear-gradient(transparent 55%,#000 99%);-webkit-mask-image:linear-gradient(transparent 55%,#000 99%);filter:blur(1.5px);z-index:0}
.foreground{z-index:7}
.foreground-pillar{position:absolute;top:7%;height:100%;width:75px;background:linear-gradient(90deg,transparent,#07080a 23%,#0e1012 60%,transparent);filter:blur(6px);opacity:.72;transform:skewY(-2deg)}
.showroom-dust{position:absolute;inset:0;z-index:5;opacity:.26}
.showroom-dust i{position:absolute;width:1px;height:1px;border-radius:50%;background:#eae7df}
.room-vignette{position:absolute;inset:0;background:linear-gradient(180deg,rgb(4 5 6 / 55%),transparent 24%,transparent 73%,rgb(4 5 6 / 84%)),linear-gradient(90deg,rgb(4 5 6 / 45%),transparent 23%,transparent 87%,rgb(4 5 6 / 22%));pointer-events:none;z-index:8}
.content-section{position:relative;padding:110px 0;background:var(--bg);border-top:1px solid var(--line)}
.section-inner{width:min(1200px,calc(100% - var(--gutter)*2));margin:0 auto}
.viewing-layout,.visit-layout{display:grid;gap:50px}
.content-section h2{font-family:var(--display);font-size:clamp(40px,5vw,78px);line-height:1.08;letter-spacing:-.055em;font-weight:500;margin:23px 0}
.section-copy{font-size:13px;color:var(--muted);line-height:1.9;max-width:42ch}
.contact-links{display:grid;gap:14px;margin-top:34px;font-size:12px;letter-spacing:.03em}
.contact-link[aria-disabled=true]{cursor:default}.contact-link[href]{text-decoration:underline;text-underline-offset:6px}
.viewing-form{display:grid;gap:16px}.form-field{display:grid;gap:8px}.form-field label{font-size:11px;color:var(--muted)}
.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid var(--line);border-radius:2px;background:#111214;color:var(--text);font:13px var(--body);padding:13px;min-height:48px}.form-field textarea{resize:vertical;min-height:100px}
.form-field :focus-visible{outline:2px solid var(--warm);outline-offset:3px}.field-error,.form-status,.form-note{font-size:11px;line-height:1.7;margin:0}.field-error{color:var(--placeholder)}.form-status{color:var(--text)}.form-note{color:var(--muted)}
.form-submit{grid-column:auto;grid-row:auto;min-width:0;width:100%;margin:4px 0 0;justify-content:space-between}
.visit-address{font-size:12px;margin:26px 0 14px}.map-placeholder{position:relative;min-height:280px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;border:1px solid var(--line);background:linear-gradient(35deg,transparent 49.8%,rgb(205 204 198 / 8%) 50%,transparent 50.2%),linear-gradient(145deg,transparent 49.8%,rgb(205 204 198 / 8%) 50%,transparent 50.2%),#111315}.map-placeholder>span{font-family:var(--display);font-size:20px;letter-spacing:.10em;color:var(--muted)}.map-placeholder p{font-size:11px}.map-cross{font-size:25px;font-weight:200;color:var(--warm)}
.site-footer{background:var(--bg);border-top:1px solid var(--line);padding:40px 0}.footer-inner{display:flex;gap:24px;flex-wrap:wrap;justify-content:space-between;font-size:10px;color:var(--muted)}.footer-inner a{min-height:44px;display:flex;align-items:center}.footer-socials{display:flex;gap:18px}
.mobile-viewing-bar{display:none}
.spec-reference-label{display:block;margin-top:8px;font-size:9px;line-height:1.5;color:var(--muted)}
.reference-notes{grid-column:1/-1;border-top:1px solid var(--line);padding-top:18px}
.reference-notes summary{min-height:44px;cursor:pointer;font-size:13px;line-height:1.7;padding:10px 0}
.reference-notes>.section-copy{max-width:80ch}.reference-list{display:grid;gap:34px;margin-top:25px}
.reference-list article{min-width:0;border-top:1px solid var(--line);padding-top:22px}
.reference-list h3{font:500 17px/1.5 var(--display);margin:0 0 16px}.reference-list h3 span{color:var(--muted)}
.reference-list dl{margin:0}.reference-list dl div{display:flex;justify-content:space-between;gap:20px;padding:7px 0;font-size:12px}.reference-list dt{color:var(--muted)}.reference-list dd{margin:0;text-align:right}
.reference-list p{font-size:11px;line-height:1.8;color:var(--muted)}.reference-list a,.map-placeholder a{display:inline-flex;align-items:center;min-height:44px;font-size:11px;text-decoration:underline;text-underline-offset:4px}
@media(min-width:700px){.reference-list{grid-template-columns:1fr 1fr;gap:40px}}
.map-placeholder iframe{display:block;width:100%;height:350px;border:0}
.showroom .vehicle-node{transition:transform var(--focus-duration,180ms) linear,opacity var(--focus-duration,180ms) linear}
.showroom .showroom-name,.showroom .spotlight,.showroom .light-pool,.showroom .car-soft,.showroom .car-sharp,.showroom .vehicle-reflection{transition:opacity var(--focus-duration,180ms) linear}
.showroom-mode #statStack,.showroom-mode #headlineLayer,.showroom-mode .right-note,.showroom-mode .vehicle-controls,.showroom-mode #carDots{transition:opacity 150ms linear}
@media(max-width:599px){.showroom-mode .stat-card,.showroom-mode .nav-pill{backdrop-filter:none;-webkit-backdrop-filter:none}.showroom-mode .stat-card{background:rgb(22 23 25 / 88%)}.showroom-mode .nav-pill{background:rgb(22 23 25 / 80%)}.ceiling-strip:nth-child(even){display:none}}
@media(max-width:599px){.showroom .ceiling{display:none}.showroom .floor-grid{transform:none;background:repeating-linear-gradient(125deg,transparent 0,transparent 110px,rgb(224 221 213 / 4%) 111px,transparent 112px)}}
@media(min-width:700px){.viewing-layout,.visit-layout{grid-template-columns:1fr 1fr;gap:100px}.content-section{padding:140px 0}}
@media(max-width:599px){.showroom-mode .headline-layer{top:23%}.showroom-mode .intro-line{top:17%}.showroom-mode .stat-stack{bottom:25%}.showroom-mode .right-note{bottom:20%}.car-soft,.foreground,.showroom-dust{display:none}.vehicle-reflection{filter:none;mask-image:linear-gradient(transparent 68%,#000 99%);-webkit-mask-image:linear-gradient(transparent 68%,#000 99%)}.ceiling{opacity:.28}.wall-slat{opacity:.23}.floor-grid{opacity:.30}.room-vignette{background:linear-gradient(180deg,rgb(4 5 6 / 38%),transparent 27%,transparent 68%,rgb(4 5 6 / 70%))}.mobile-viewing-bar{display:block;position:fixed;z-index:30;left:16px;right:16px;bottom:max(12px,env(safe-area-inset-bottom));transform:translateY(160%);transition:transform var(--transition)}.mobile-viewing-bar.is-visible{transform:translateY(0)}.mobile-viewing-bar .viewing-cta{width:100%;box-shadow:0 5px 20px #0009}.site-footer{padding-bottom:100px}.content-section{padding:85px 0}.showroom{touch-action:pan-y}}
@media(prefers-reduced-motion:reduce){.showroom{display:none}.mobile-viewing-bar{transition:none}}
