:root{--ink:#172c30;--muted:#637273;--lime:#c5f63d;--cream:#f5f5ef;--line:#dce1d9}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Arial,Helvetica,sans-serif;color:var(--ink)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #86a92b;outline-offset:4px}button:disabled{cursor:default}a{color:inherit}header{height:80px;display:flex;align-items:center;padding:0 32px;background:#fafbf7;border-bottom:1px solid var(--line);position:relative;z-index:10;gap:24px}.brand img{width:145px;height:auto;display:block}.divider{width:1px;height:26px;background:var(--line)}.product{font-size:10px;letter-spacing:2.4px;color:var(--muted)}nav{margin:auto;display:flex;height:100%;gap:36px}.nav{font-size:11px;color:#788580;display:flex;align-items:center;gap:9px;border-bottom:2px solid transparent}.nav span{font-size:13px;font-weight:600}.nav.active{color:var(--ink);border-color:var(--ink)}.icon-button{height:29px;width:29px;border-radius:50%;border:1px solid #b7c1ba;font-family:Georgia,serif}main{height:calc(100% - 80px);position:relative;background:#e5ebe3}#scene{position:absolute;inset:0;touch-action:none}#scene canvas{width:100%;height:100%;display:block;outline:none}.vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 -30px 80px #152b2c14}.panel{position:absolute;left:28px;top:28px;width:330px;padding:27px;background:rgba(250,251,247,.97);border:1px solid #ffffffcc;border-radius:17px;box-shadow:0 16px 60px #1e332c12;max-height:calc(100% - 66px);overflow:auto;scrollbar-width:thin}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:700;display:flex;align-items:center;gap:8px}.live-dot{display:inline-block;width:6px;height:6px;background:#81a63b;border-radius:50%;box-shadow:0 0 0 4px #86a93913;flex:none}h1{font-size:27px;letter-spacing:-1.2px;line-height:1.15;font-weight:500;margin:20px 0 14px}h2{font-size:21px;font-weight:500;letter-spacing:-.6px;margin:13px 0 9px}.intro{font-size:12px;line-height:1.65;color:var(--muted);margin-bottom:23px}.property-photo{height:148px;border-radius:9px;overflow:hidden;position:relative}.property-photo img{width:100%;height:100%;object-fit:cover}.property-photo span{position:absolute;bottom:0;left:0;right:0;padding:20px 11px 10px;background:linear-gradient(transparent,#1d2426aa);font-size:8px;letter-spacing:1.3px;color:white}.property-meta{display:flex;justify-content:space-between;align-items:center;margin-top:21px}.volvo-wordmark{font:700 14px Georgia,serif;letter-spacing:3px}.pill{font-size:8px;letter-spacing:1px;padding:6px 8px;border:1px solid var(--line);border-radius:4px;white-space:nowrap}.address{font-size:11px;line-height:1.7;color:var(--muted);margin:0 0 20px}.primary{background:var(--lime);border-radius:7px;padding:15px 18px;font-weight:600;font-size:12px;transition:background .2s}.primary:hover{background:#d5ff63}.wide{width:100%;display:flex;align-items:center;justify-content:space-between}.primary span{font-size:19px;line-height:12px}.text-link{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:10px;font-weight:600;padding:15px 0 6px}.small-note{border-top:1px solid var(--line);margin-top:19px;padding-top:14px;color:#8a9590;font-size:9px}.scene-label{position:absolute;top:30px;left:390px;display:flex;align-items:center;gap:10px;background:#f8faf4e8;border-radius:25px;padding:12px 17px;box-shadow:0 4px 22px #172c3010;font-size:11px}.label-separator{width:1px;height:12px;background:#c6cec5}#scene-subtitle{color:var(--muted);font-size:10px}.right-tools{position:absolute;right:26px;top:30px;display:flex;flex-direction:column;border:1px solid #fff8;border-radius:12px;overflow:hidden;box-shadow:0 4px 24px #122b3015}.right-tools button{height:43px;width:43px;background:#f8faf3ed;font-size:22px;border-bottom:1px solid #dfe3d9}.right-tools button:last-child{border:0}.right-tools button.active{background:var(--lime)}.view-pills{position:absolute;bottom:57px;left:calc(50% + 130px);transform:translateX(-50%);display:flex;gap:3px;padding:5px;background:#f9faf5f0;border-radius:25px;box-shadow:0 5px 25px #172c3014}.view-pills button{padding:9px 18px;border-radius:20px;font-size:10px}.view-pills button.active{background:var(--ink);color:white}.bottom-hint{position:absolute;bottom:26px;left:calc(50% + 130px);transform:translateX(-50%);display:flex;gap:25px;white-space:nowrap;font-size:9px;color:#435652}.map-credit{position:absolute;bottom:7px;right:10px;background:#f8faf4bb;padding:3px 5px;font-size:8px;color:#56685e}.zone-list{border-top:1px solid var(--line);margin:10px 0 22px}.zone-list button{display:flex;align-items:center;gap:13px;padding:14px 3px;border-bottom:1px solid var(--line);font-size:11px;width:100%;text-align:left}.zone-list button span{font-size:9px;color:#8c9690}.zone-list button b{margin-left:auto;font-weight:400}.zone-list button.active{color:#729327}.car-card{padding:20px 17px;background:#ecf0e6;border-radius:10px}.car-card h2{font-size:24px;margin:12px 0 8px}.car-card p{font-size:11px;line-height:1.65;color:var(--muted)}.swatches{display:flex;align-items:center;gap:9px;margin:20px 0}.swatches button{width:20px;height:20px;border-radius:50%;background:var(--swatch);border:2px solid white;box-shadow:0 0 0 1px #c9d1c9}.swatches button.selected{box-shadow:0 0 0 2px #6b855e}.swatches span{font-size:10px;color:var(--muted);margin-left:3px}.coming{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px;font-size:10px;color:#829083}.hotspot{position:absolute;background:#fcfff4;border-radius:9px;padding:10px 13px;box-shadow:0 8px 30px #172c3025;transform:translate(-50%,-100%)}.hotspot span{font-size:8px;font-weight:700;letter-spacing:2px;display:block;margin-bottom:5px}.hotspot button{font-size:11px}.hidden{display:none!important}#loading{position:absolute;inset:0;background:#f5f6ef;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:20}#loading img{width:150px}#loading p{font-size:12px;color:var(--muted);margin-top:25px}dialog{border:1px solid #e1e5d9;padding:0;width:760px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);border-radius:18px;background:#fafbf6;color:var(--ink);box-shadow:0 30px 120px #0004}dialog::backdrop{background:#0d232a99;backdrop-filter:blur(5px)}.close{position:absolute;top:13px;right:13px;width:32px;height:32px;background:#f8fbf2ed;border-radius:50%;font-size:25px;z-index:2}.dialog-photo{height:270px;position:relative}.dialog-photo img{width:100%;height:100%;object-fit:cover;object-position:center 60%}.dialog-photo span{position:absolute;bottom:20px;left:30px;letter-spacing:2px;font-size:10px;color:white;text-shadow:0 2px 4px #000}.dialog-body{padding:32px}.dialog-body h2{font-size:32px;letter-spacing:-1.3px;margin:15px 0}.dialog-body p{font-size:13px;line-height:1.65;color:var(--muted)}.specs{display:flex;gap:40px;margin:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0}.specs div{display:flex;flex-direction:column;gap:8px}.specs strong{font-size:20px;font-weight:500}.specs small{font-size:10px}.specs span{font-size:9px;color:var(--muted)}kbd{border:1px solid #82958a66;border-radius:4px;font-family:inherit;font-size:9px;padding:3px 5px}.instruction-row{display:flex;justify-content:space-between;margin:0 0 20px;font-size:10px;color:var(--muted)}p.fine-print{font-size:10px;line-height:1.6;margin-bottom:0}.reference-large{max-height:240px;width:100%;object-fit:cover;border-radius:8px}.source-links{display:flex;flex-wrap:wrap;gap:12px 25px;font-size:11px;line-height:1.7}.drive-top{position:absolute;top:25px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center}.drive-badge{display:flex;gap:15px;align-items:center;background:#f9fbf2eb;border-radius:8px;padding:14px 18px}.drive-badge strong{font-size:16px;letter-spacing:1px}.drive-badge>span:last-child{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.glass-button{background:#f8faf3e8;border:1px solid #fff8;border-radius:7px;padding:12px 16px;font-size:11px;box-shadow:0 4px 20px #172c3010}.glass-button span{margin-left:15px}.objective{position:absolute;left:28px;top:97px;background:#fbfcf4e8;padding:18px 20px;border-radius:10px;max-width:330px}.objective h2{font-size:19px;margin:10px 0 5px}.objective p{font-size:10px;line-height:1.6;margin:0;color:var(--muted)}.drive-tools{position:absolute;right:28px;top:95px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px;max-width:265px}.drive-tools button{padding:10px 13px;background:#f8fbf2e8;font-size:10px;border-radius:6px}.drive-tools button.active{background:var(--lime)}.speed-panel{position:absolute;bottom:54px;left:50%;transform:translateX(-50%);width:260px;background:#102a30ec;color:white;border:1px solid #ffffff26;border-radius:14px;padding:19px 22px 14px;backdrop-filter:blur(12px);box-shadow:0 15px 40px #102a3026}.speed-panel>div:first-child{display:flex;align-items:baseline;justify-content:center;gap:20px}.speed-panel strong{font-size:60px;font-weight:400;letter-spacing:-3px;line-height:1}.speed-panel span{font-size:10px;color:#c2ceca}.speed-panel #gear{font-size:16px;color:var(--lime)}.power-track{height:3px;margin:16px 0 12px;background:#526867;border-radius:3px;overflow:hidden}.power-track i{height:100%;width:0;background:var(--lime);display:block;transition:width .12s}.speed-panel footer{display:flex;justify-content:space-between;align-items:center}.speed-panel footer span{font-size:9px}.speed-panel footer b{font-weight:400}.route-map{position:absolute;left:28px;bottom:56px;padding:6px;background:#f4f8efe8;border:1px solid #fff9;border-radius:12px;overflow:hidden}.route-map canvas{display:block;width:220px;height:144px}.route-map>span{font-size:7px;letter-spacing:1px;display:block;text-align:center;padding:5px}.desktop-controls{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:9px;background:#fbfff0da;border-radius:6px;padding:9px}.get-out{position:absolute;right:28px;bottom:60px}.get-out kbd{margin-left:15px}.touch-controls{display:none}.toast{position:absolute;left:50%;bottom:225px;transform:translateX(-50%);background:#163036;color:white;border:1px solid #ffffff40;border-radius:9px;padding:14px 22px;font-size:12px;box-shadow:0 10px 35px #0002;z-index:30;max-width:85%;text-align:center}.pause-overlay{position:absolute;inset:0;background:#132c3699;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;flex-direction:column;color:white;z-index:5}.pause-overlay h2{font-size:40px}.pause-overlay p{font-size:13px;margin-bottom:25px}.walk-ui{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:18px;padding:15px;background:#f7faf0ed;border-radius:12px;white-space:nowrap}.walk-ui strong{font-size:14px}.walk-ui span{font-size:11px;color:var(--muted)}
@media(max-height:850px) and (min-width:801px){.panel{padding:22px;top:23px}.property-photo{height:120px}h1{font-size:25px;margin:15px 0 12px}.intro{margin-bottom:17px}.car-card{padding:15px}.zone-list{margin-bottom:16px}.zone-list button{padding:11px 3px}.coming{margin-top:15px}.property-meta{margin-top:16px}.small-note{margin-top:13px;padding-top:10px}}
@media(max-width:1000px){header{padding:0 20px;gap:15px}nav{gap:20px}.panel{width:290px;left:20px;padding:21px}.scene-label{left:335px}.view-pills,.bottom-hint{left:calc(50% + 115px)}.bottom-hint{gap:12px}.route-map canvas{width:180px;height:118px}.walk-ui{flex-wrap:wrap;justify-content:center;white-space:normal;width:85%}.walk-ui span{display:none}}
@media(max-width:700px){header{height:66px;padding:0 16px;gap:12px}.brand img{width:111px}.product,.divider{display:none}nav{gap:13px;margin-left:auto;margin-right:4px}.nav{gap:0}.nav span{display:none}.nav{font-size:11px}.nav.active{font-weight:bold}.icon-button{width:25px;height:25px}main{height:calc(100% - 66px)}.panel{left:12px;right:12px;top:auto;bottom:30px;width:auto;max-height:238px;padding:18px 19px;border-radius:13px;overflow:auto}.panel h1,.panel>.intro,.property-photo,.small-note,.property-meta,.panel>.eyebrow{display:none}#discovery h2{margin:0 0 7px;font-size:23px}.address{font-size:10px;line-height:1.5;margin-bottom:12px}.address br{display:none}.text-link{padding:12px 0 0;font-size:10px}.scene-label{left:14px;top:17px;font-size:10px;padding:10px 13px;gap:8px}.scene-label #scene-subtitle,.label-separator{display:none}.right-tools{right:13px;top:17px}.right-tools button{width:35px;height:35px;font-size:20px}.view-pills{left:50%;bottom:281px;gap:0;width:max-content;max-width:95%;padding:4px}.view-pills button{padding:8px 13px;font-size:9px}.bottom-hint{bottom:auto;top:64px;left:15px;transform:none;gap:10px;font-size:8px}.bottom-hint span:last-child{display:none}.map-credit{font-size:7px;bottom:6px}.zone-list{display:flex;gap:4px;border:0;margin:0 0 10px;overflow-x:auto}.zone-list button{font-size:9px;padding:9px 8px;white-space:nowrap;display:block;border:1px solid var(--line);border-radius:5px}.zone-list button span,.zone-list button b{display:none}.car-card{padding:10px 0 0;background:none}.car-card>.eyebrow,.car-card p{display:none}.car-card h2{font-size:23px;margin:0}.swatches{position:absolute;right:22px;top:70px;margin:0}.swatches span{display:none}.car-card .primary{margin-top:12px}.coming{margin-top:12px;font-size:9px}.coming .pill{padding:4px 6px;font-size:7px}#showroom-panel{max-height:250px}#showroom-panel .text-link{display:none}.hotspot{padding:8px 10px}.hotspot button{font-size:10px}.dialog-photo{height:180px}.dialog-body{padding:23px}.dialog-body h2{font-size:27px}.dialog-body p{font-size:11px}.specs{gap:24px;margin:17px 0;padding:15px 0}.specs strong{font-size:17px}.instruction-row{font-size:9px}.drive-top{left:13px;right:13px;top:15px}.drive-badge{padding:11px 12px;gap:9px}.drive-badge>span:last-child{display:none}.objective{left:13px;top:70px;padding:12px;max-width:245px}.objective h2{font-size:16px;margin-top:8px}.objective p{font-size:9px}.objective .eyebrow{font-size:8px}.drive-tools{top:170px;right:12px;max-width:125px;gap:4px}.drive-tools button{font-size:9px;padding:8px 9px}.speed-panel{bottom:132px;width:170px;padding:12px 13px 9px;left:50%}.speed-panel strong{font-size:45px}.speed-panel>div:first-child{gap:12px}.speed-panel footer span{font-size:7px}.power-track{margin:9px 0}.route-map{left:12px;bottom:245px;padding:4px}.route-map canvas{width:117px;height:77px}.route-map>span{font-size:5px;padding:3px}.desktop-controls{display:none}.touch-controls{display:flex;justify-content:space-between;position:absolute;bottom:30px;left:14px;right:14px;gap:10px;touch-action:none;user-select:none}.touch-controls>div{display:flex;gap:9px}.touch-controls button{width:60px;height:62px;background:#f4f8e9dd;border:1px solid white;border-radius:12px;font-size:16px;box-shadow:0 4px 20px #172c3020;touch-action:none}.touch-controls button[data-key="w"]{background:var(--lime);font-size:12px}.touch-controls button[data-key="s"]{font-size:10px}.touch-controls button:active{background:#d2f18a}.get-out{right:12px;bottom:247px;padding:10px;font-size:10px}.get-out kbd{display:none}.toast{bottom:370px;font-size:11px}.walk-ui{bottom:115px;width:94%;gap:10px;padding:12px}.walk-ui strong{font-size:12px}.walk-ui .primary,.walk-ui .glass-button{font-size:10px;padding:11px}.walk-ui~.toast{bottom:300px}}
@media(pointer:coarse) and (min-width:701px){.touch-controls{display:flex;justify-content:space-between;position:absolute;left:28px;right:28px;bottom:30px;pointer-events:none}.touch-controls>div{display:flex;gap:10px;pointer-events:auto}.touch-controls button{background:#f9fff0de;border:1px solid white;border-radius:10px;width:64px;height:60px;touch-action:none}.desktop-controls{display:none}.route-map{bottom:115px}.get-out{bottom:115px}.speed-panel{bottom:30px}}
.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.detail-actions button{background:#f6f9ef;border:1px solid #cbd4c4;border-radius:5px;font-size:10px;padding:10px 5px}.detail-actions button:first-child{grid-column:1/-1;background:#17353c;color:#f3f8e9}.detail-actions button:hover{background:#d7e3cd;color:#17353c}#graphics-state{font-size:8px;color:#809088;letter-spacing:.2px;border-left:1px solid #ccd5c7;padding-left:8px}.driving-telemetry{position:absolute;right:28px;top:195px;display:flex;align-items:flex-end;flex-direction:column;gap:8px;font-size:9px;background:#f3f8edd9;border:1px solid #ffffff8a;border-radius:9px;padding:13px}.driving-telemetry span:first-child{font-size:12px;font-weight:600}#cabin-dialog{width:1100px;background:#122b31;color:#f4f8ef;max-height:92dvh;overflow:hidden}.cabin-heading{padding:26px 30px 18px}.cabin-heading h2{font-size:29px;margin:12px 0}.cabin-heading p{font-size:11px;color:#b8c9c8}#cabin-canvas{display:block;width:100%;height:57vh;max-height:570px;background:#18282d;touch-action:none;cursor:grab}.cabin-controls{display:flex;justify-content:center;gap:9px;padding:17px}.cabin-controls button{font-size:11px;border:1px solid #476068;border-radius:20px;padding:10px 18px}.cabin-controls button:hover{background:#b9e59b;color:#122b31}.cabin-credit{text-align:center;font-size:9px;color:#94aaa6;padding:0 12px 18px}.reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.reference-grid figure{margin:0;background:#f1f1e9;border-radius:8px;overflow:hidden}.reference-grid img{width:100%;height:180px;object-fit:cover}.reference-grid figcaption{font-size:10px;padding:12px;line-height:1.5}.speed-panel{bottom:54px}.scene-label{max-width:calc(100% - 480px)}
@media(max-width:700px){.scene-label{max-width:270px}#graphics-state{display:none}.detail-actions{grid-template-columns:1fr 1fr 1fr;margin-top:9px}.detail-actions button{font-size:8px;padding:8px 3px}.detail-actions button:first-child{grid-column:auto}#showroom-panel{max-height:290px}.coming{margin-top:10px}.driving-telemetry{top:290px;right:12px;padding:8px;gap:5px;font-size:7px;max-width:160px}.driving-telemetry span:first-child{font-size:9px}.cabin-heading{padding:23px 18px 12px}.cabin-heading h2{font-size:23px}.cabin-heading p{font-size:9px;line-height:1.5}.cabin-controls{padding:12px 5px;gap:3px}.cabin-controls button{font-size:8px;padding:9px 8px}.cabin-credit{font-size:8px}#cabin-canvas{height:50vh}.reference-grid{grid-template-columns:1fr}.reference-grid img{height:180px}.speed-panel{bottom:132px}}