/* Car 304 digital garage. Scoped to the existing car page. */
.garage-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin:44px 0 30px}.garage-heading h2{margin:8px 0 0;font-size:clamp(42px,5.5vw,78px);line-height:.95}.garage-heading>p{max-width:36ch;margin:0 0 5px;font-size:15px;color:var(--ink-2)}
.car-studio{position:relative;border:1px solid #35303a;background:#141217;isolation:isolate;overflow:hidden;border-radius:4px;color:#f5f4f1}.studio-topbar{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 26px;background:#17151b;border-bottom:1px solid #302b34}.studio-identity{display:flex;align-items:center;gap:15px;font:600 10px var(--mono);letter-spacing:.13em}.studio-identity small{display:block;font-size:8px;color:#99939f;font-weight:400;margin-top:5px;letter-spacing:.08em}.studio-number{font:900 italic 40px var(--display);letter-spacing:-3px;line-height:1;color:var(--accent);padding-right:6px}.studio-modes{display:flex;gap:4px;padding:4px;border:1px solid #3b3541;border-radius:6px;background:#0e0c11}.studio-modes button{padding:11px 17px;background:none;color:#b7b0bf;border:0;border-radius:3px;font:600 12px var(--mono);cursor:pointer}.studio-modes button span{font-size:9px;opacity:.5;margin-right:8px}.studio-modes button[aria-pressed="true"]{background:var(--accent);color:#200716}.studio-modes button[data-mode="wire"][aria-pressed="true"]{background:#dce9f2;color:#15202a}.studio-modes button:hover{color:white}.studio-modes button[aria-pressed="true"]:hover{color:#200716}
.studio-stage{position:relative;height:clamp(420px,53vw,660px);overflow:hidden;background:radial-gradient(ellipse 70% 65% at 50% 54%,#373039 0,#221d27 42%,#121015 85%)}.studio-stage:after{content:"";position:absolute;bottom:0;left:0;right:0;height:34%;pointer-events:none;z-index:-1;background:linear-gradient(transparent,#161219)}.studio-watermark{position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);font:900 italic clamp(190px,28vw,440px)/1 var(--display);letter-spacing:-.09em;color:rgba(255,255,255,.025);user-select:none;pointer-events:none}
model-viewer#mv{width:100%;height:100%;--poster-color:transparent;--progress-bar-color:var(--accent);--progress-bar-height:2px;touch-action:pan-y}model-viewer#mv img[slot="poster"]{width:100%;height:100%;object-fit:contain}model-viewer#mv:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
.studio-state{position:absolute;left:26px;top:23px;display:flex;align-items:center;gap:8px;font:9px var(--mono);letter-spacing:.14em;color:#c4bbc9;pointer-events:none}.studio-status-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px #ec3d9b55}.studio-tools{position:absolute;right:22px;top:15px;display:flex;gap:4px}.studio-tools button{border:1px solid transparent;background:#1c171f99;color:#b6aebb;font:10px var(--mono);padding:8px;display:flex;align-items:center;gap:6px;border-radius:3px;cursor:pointer}.studio-tools button>span:first-child{font:18px/1 Arial}.studio-tools button:hover,.studio-tools button[aria-pressed="true"]{color:white;border-color:#68516a;background:#332636}
.studio-instructions{position:absolute;bottom:19px;left:50%;transform:translateX(-50%);white-space:nowrap;font:8px var(--mono);letter-spacing:.15em;color:#a097a9;pointer-events:none}.studio-instructions span{margin:0 8px;color:var(--accent)}.studio-opacity{position:absolute;bottom:49px;left:26px;padding:13px 16px;background:#17121be8;border:1px solid #4b3649;border-radius:4px;width:220px}.studio-opacity label{display:flex;justify-content:space-between;font:10px var(--mono);color:#c3b7c9}.studio-opacity output{color:var(--accent)}.studio-opacity input{width:100%;margin:12px 0 0;accent-color:var(--accent);cursor:pointer}.studio-opacity[hidden]{display:none}
.studio-load{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(300px,80%);padding:20px;background:#151019ee;border:1px solid #55434f;border-radius:6px;text-align:center}.studio-load[hidden]{display:none}.mv-status{font:11px var(--mono);color:#f0dcea}.studio-progress{height:2px;background:#493345;margin-top:14px;overflow:hidden}.studio-progress i{display:block;width:0;height:100%;background:var(--accent);transition:width .2s}.studio-load button{margin-top:12px;background:var(--accent);color:#200716;border:0;padding:8px 16px;cursor:pointer;border-radius:3px;font:11px var(--mono)}
.studio-angles{display:flex;gap:5px;align-items:center;padding:17px 22px;background:#17151b;border-top:1px solid #302b34;flex-wrap:wrap}.angle-label{color:#79717f;font:8px var(--mono);letter-spacing:.12em;margin-right:13px}.studio-angles button{padding:9px 11px;border:1px solid transparent;background:none;color:#a69dab;border-radius:3px;cursor:pointer;font:10px var(--mono)}.studio-angles button:hover{background:#302733;color:white}.studio-angles button[aria-pressed="true"]{border-color:#6b4864;color:#f8c5e2;background:#342331}.angle-divider{height:18px;width:1px;background:#413544;margin:0 8px}
.ex-dot{width:28px;height:28px;border-radius:50%;border:1px solid #ff94c6;color:white;background:#501d3dd9;display:grid;place-items:center;cursor:pointer;transition:opacity .2s,background .2s}.ex-dot i{font:600 10px var(--mono);font-style:normal}.ex-dot:hover,.ex-dot[aria-pressed="true"]{background:var(--accent);color:#230516}.ex-dot:not([data-visible]){opacity:.24}.car-studio[data-markers="false"] .ex-dot{display:none}.car-studio button:focus-visible,.studio-compare button:focus-visible,.studio-photo:focus-visible{outline:2px solid #ff9dcf;outline-offset:3px}
.studio-caption{display:grid;grid-template-columns:74px 1fr 180px;gap:24px;padding:29px 2px 25px;align-items:start}.studio-caption .cell-num{font-size:11px;color:var(--accent);padding-top:5px}.studio-caption h3{font-size:20px;font-weight:750;margin:0 0 8px}.studio-caption p{font-size:13px;color:var(--ink-2);max-width:73ch;margin:0;line-height:1.65}.ex-go{display:inline-block;margin-top:12px;font:9px var(--mono);letter-spacing:.08em;color:var(--accent)}.ex-go[hidden]{display:none}.studio-photo{position:relative;display:block;width:180px;height:105px;overflow:hidden;border:1px solid #4d3a48;border-radius:3px}.studio-photo img{width:100%;height:100%;object-fit:cover}.studio-photo span{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#110b12ed);padding:20px 9px 8px;font:8px var(--mono);letter-spacing:.08em;color:white}.studio-footnote{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding:16px 0}.studio-footnote p{font-size:11px;color:var(--ink-3);margin:0;max-width:80ch;line-height:1.6}.studio-footnote>a{flex-shrink:0;font:10px var(--mono);color:var(--accent);padding-top:3px}.studio-compare{font:10px var(--mono);color:var(--ink-3);margin-top:2px}.studio-compare summary{cursor:pointer;padding:8px 0}.studio-compare summary span{margin-left:14px;color:var(--accent);font-size:9px}.studio-compare>div{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0}.studio-compare button{font:10px var(--mono);padding:9px 12px;background:var(--bg-2);border:1px solid var(--line-2);color:var(--ink-2);cursor:pointer}.studio-compare button[aria-pressed="true"]{color:var(--accent);border-color:var(--accent)}
.car-studio:fullscreen,.car-studio.is-expanded{width:100%;height:100%;display:flex;flex-direction:column;background:#141217}.car-studio:fullscreen .studio-stage,.car-studio.is-expanded .studio-stage{flex:1;height:auto;min-height:0}.car-studio.is-expanded{position:fixed;inset:0;z-index:10000;border-radius:0}.car-studio:fullscreen .studio-angles,.car-studio.is-expanded .studio-angles{justify-content:center}
@media(max-width:800px){.garage-heading{gap:20px}.garage-heading>p{max-width:29ch;font-size:13px}.studio-topbar{padding:14px 16px;gap:12px}.studio-identity{font-size:8px;gap:10px}.studio-identity small{font-size:7px}.studio-number{font-size:33px}.studio-modes button{font-size:10px;padding:10px 12px}.studio-modes button span{display:none}.studio-tools{right:10px}.studio-state{left:16px;font-size:8px}.studio-angles{padding:10px 12px;gap:2px}.studio-angles button{font-size:9px;padding:9px}.angle-label{display:none}.studio-caption{grid-template-columns:48px 1fr 140px;gap:14px}.studio-photo{width:140px;height:96px}}
@media(max-width:560px){.garage-heading{display:block;margin-top:28px}.garage-heading>p{max-width:37ch;margin-top:16px}.studio-topbar{flex-wrap:wrap;padding:14px}.studio-identity{width:100%;justify-content:center}.studio-modes{width:100%}.studio-modes button{flex:1;padding:10px 7px}.studio-stage{height:420px}.studio-state{top:18px;font-size:7px}.studio-tools{top:auto;bottom:43px;left:50%;right:auto;transform:translateX(-50%);white-space:nowrap}.studio-tools button{font-size:9px;padding:8px}.studio-instructions{font-size:6.5px;letter-spacing:.09em;bottom:17px}.studio-angles{justify-content:center;padding:10px 6px}.studio-angles button{font-size:8px;padding:8px}.angle-divider{display:none}.studio-opacity{bottom:auto;top:45px;left:14px;width:170px;padding:10px}.studio-opacity label{font-size:9px}.studio-caption{grid-template-columns:1fr 92px;gap:14px;padding:20px 0}.studio-caption .cell-num{grid-column:1/-1;padding:0;font-size:9px}.studio-caption h3{font-size:17px}.studio-caption p{font-size:12px}.studio-photo{width:92px;height:92px}.studio-photo span{font-size:6px}.studio-footnote{display:block}.studio-footnote>a{display:inline-block;margin-top:12px}.studio-compare summary span{display:block;margin:8px 0 0 13px}.car-studio:fullscreen .studio-stage,.car-studio.is-expanded .studio-stage{min-height:180px}}
@media(prefers-reduced-motion:reduce){.car-studio *{transition:none!important}}