/* ═══════════ TIGUAN L — HIGH-FIDELITY 3D STUDIO ═══════════ */
.object-page{
  --mono:ui-monospace,'SF Mono','Menlo','Roboto Mono',monospace;
  background:#050504;
  background-image:none;
}
.object-page::before{opacity:.025;mix-blend-mode:screen;}
.object-page main{background:#050504;}
.object-nav{
  color:#f2eee6;
  background:rgba(5,5,4,.9);
  border-bottom-color:rgba(242,238,230,.12);
}
.object-nav__meta{display:flex;align-items:center;gap:24px;}
.object-nav__meta > span{font:500 9px var(--mono);letter-spacing:.14em;color:rgba(242,238,230,.38);}
.object-nav__meta a{
  display:inline-flex;align-items:center;gap:9px;
  min-height:36px;padding:0 14px;
  border:1px solid rgba(242,238,230,.3);border-radius:999px;
  font:500 10px var(--sans-cjk);letter-spacing:.08em;color:#f2eee6;
  transition:color .25s,background .25s,border-color .25s;
}
.object-nav__meta a:hover,.object-nav__meta a:focus-visible{color:#111;background:var(--accent);border-color:var(--accent);outline:none;}
.object-nav__meta i{font:normal 13px var(--mono);}
.objects{
  --line:rgba(242,238,230,.28);
  --muted:#9b958d;
  --ink-soft:#d8d0c4;
  min-height:100vh;
  background:#050504;
  color:#f2eee6;
  padding:calc(var(--nav-h) + 18px) clamp(18px,2.2vw,34px) 22px;
  display:flex;
  flex-direction:column;
  gap:16px;
  position:relative;
  overflow:hidden;
}
.objects::before{
  content:"";
  position:absolute;
  inset:-20%;
  pointer-events:none;
  background:
    radial-gradient(circle at 42% 49%,rgba(240,101,46,.09),transparent 26%),
    radial-gradient(circle at 65% 45%,rgba(255,255,255,.055),transparent 34%);
}
.objects::after{
  content:"";
  position:absolute;
  inset:0;
  opacity:.12;
  pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:96px 96px;
  mask-image:linear-gradient(to bottom,transparent 5%,#000 45%,transparent 92%);
}

.objects__head{
  position:relative;
  z-index:2;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:48px;
  max-width:1560px;
  width:100%;
}
.objects__wordwrap{display:flex;flex-direction:column;align-items:flex-start;gap:14px;}
.objects__kicker{font:500 14px var(--sans-cjk);letter-spacing:.15em;color:var(--accent);}
.objects__title{
  font-family:var(--serif);
  font-weight:600;
  line-height:.86;
  font-size:clamp(76px,8vw,136px);
  letter-spacing:-.045em;
  color:#f2eee6;
  white-space:nowrap;
}
.objects__title i{color:var(--accent);font-weight:500;}
.objects__lead{
  max-width:430px;
  font-family:var(--sans-cjk);
  font-weight:300;
  font-size:14px;
  line-height:1.75;
  color:rgba(242,238,230,.62);
}
.objects__lead b{display:block;margin-top:10px;font:500 10px var(--mono);letter-spacing:.12em;color:var(--accent);}

.car-studio{
  --car-panel-width:clamp(292px,23vw,348px);
  --car-panel-clearance:36px;
  position:relative;
  z-index:2;
  min-height:calc(100svh - var(--nav-h) - 82px);
  width:100%;
  max-width:none;
  border:1px solid rgba(242,238,230,.24);
  background:#080807;
}
.car-studio:fullscreen{width:100vw;height:100vh;max-width:none;border:0;}
.car-studio:fullscreen .car-studio__stage{height:100%;}
.car-studio::before,.car-studio::after{
  content:"";
  position:absolute;
  z-index:4;
  width:22px;
  height:22px;
  border-color:var(--accent);
  pointer-events:none;
}
.car-studio::before{left:-1px;top:-1px;border-left:1px solid;border-top:1px solid;}
.car-studio::after{right:-1px;bottom:-1px;border-right:1px solid;border-bottom:1px solid;}

.car-studio__stage{
  position:relative;
  width:100%;height:100%;
  min-width:0;
  min-height:inherit;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(ellipse at 28% 9%,rgba(255,247,226,.27),transparent 18%),
    radial-gradient(ellipse at 62% 8%,rgba(255,247,226,.18),transparent 17%),
    linear-gradient(90deg,transparent 0 24.8%,rgba(244,239,230,.08) 25%,transparent 25.2% 49.8%,rgba(244,239,230,.07) 50%,transparent 50.2% 74.8%,rgba(244,239,230,.06) 75%,transparent 75.2%),
    linear-gradient(180deg,#292c2b 0%,#171918 61%,#0b0c0b 61.2%,#050505 100%);
}
.car-studio__embed{
  position:absolute;
  z-index:1;
  top:0;bottom:0;left:0;
  width:calc(100% - var(--car-panel-width) - var(--car-panel-clearance));height:100%;
  border:0;
  background:transparent;
  opacity:0;
  transition:opacity .55s ease;
}
.car-studio__embed[data-ready="true"]{opacity:1;}
.car-studio__loading{
  position:absolute;
  z-index:5;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  background:#080807;
  color:rgba(242,238,230,.52);
  font:500 9px var(--mono);
  letter-spacing:.15em;
  text-align:center;
}
.car-studio__loading[hidden]{display:none;}
.car-studio__loading span{
  width:32px;height:32px;
  margin-bottom:8px;
  border:1px solid rgba(242,238,230,.16);
  border-top-color:var(--accent);
  border-radius:50%;
  animation:car-loader .9s linear infinite;
}
.car-studio__loading b{font:inherit;color:rgba(242,238,230,.7);}
.car-studio__loading small{font:400 8px var(--mono);letter-spacing:.12em;color:rgba(242,238,230,.28);}
@keyframes car-loader{to{transform:rotate(360deg);}}
.car-studio__error{
  position:absolute;
  z-index:6;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
  margin:0;
  padding:24px;
  background:#080807;
  color:rgba(242,238,230,.55);
  font:300 12px/1.7 var(--sans-cjk);
  text-align:center;
}
.car-studio__error[hidden]{display:none;}
.car-studio__error a{color:var(--accent);}
.car-studio__stage::before{
  content:"";
  position:absolute;
  z-index:0;
  left:-10%;right:-10%;bottom:-22%;height:64%;
  pointer-events:none;
  transform:perspective(720px) rotateX(62deg);
  transform-origin:center top;
  background:
    radial-gradient(ellipse at 38% 18%,rgba(255,255,255,.18),transparent 31%),
    repeating-linear-gradient(90deg,transparent 0 119px,rgba(244,239,230,.045) 120px),
    repeating-linear-gradient(0deg,transparent 0 89px,rgba(244,239,230,.038) 90px),
    linear-gradient(180deg,rgba(44,46,44,.9),rgba(7,7,7,.98));
}
.car-studio__stage::after{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 22% 70%,rgba(0,0,0,.18));
  box-shadow:inset 0 0 140px rgba(0,0,0,.48);
}
.car-studio__canvas{display:block;width:100%;height:100%;min-height:580px;cursor:grab;touch-action:none;outline:none;}
.car-studio__canvas:active{cursor:grabbing;}
.car-studio__hud{
  position:absolute;
  z-index:3;
  left:24px;
  right:24px;
  display:flex;
  justify-content:space-between;
  font:500 9px var(--mono);
  letter-spacing:.15em;
  color:rgba(242,238,230,.42);
  pointer-events:none;
}
.car-studio__hud--top{top:20px;}
.car-studio__reticle{position:absolute;z-index:3;left:50%;top:50%;width:32px;height:32px;transform:translate(-50%,-50%);opacity:.14;pointer-events:none;}
.car-studio__reticle i::before,.car-studio__reticle i::after{content:"";position:absolute;background:#f2eee6;}
.car-studio__reticle i::before{left:0;top:15px;width:32px;height:1px;}
.car-studio__reticle i::after{left:15px;top:0;width:1px;height:32px;}
.car-studio__reticle i:last-child{position:absolute;inset:9px;border:1px solid var(--accent);border-radius:50%;}
.car-studio__part{
  position:absolute;
  z-index:3;
  left:24px;
  bottom:54px;
  margin:0;
  font:400 9px var(--mono);
  letter-spacing:.12em;
  color:rgba(242,238,230,.46);
  pointer-events:none;
}
.car-studio__part b{margin-left:9px;color:var(--accent);font-weight:500;}
.car-studio__hint{
  position:absolute;
  z-index:3;
  left:24px;
  right:24px;
  bottom:20px;
  display:flex;
  gap:18px;
  font:400 8px var(--mono);
  letter-spacing:.11em;
  color:rgba(242,238,230,.28);
  pointer-events:none;
}
.car-studio__hint span+span::before{content:"/";margin-right:18px;color:var(--accent);}
.car-studio__fallback{
  display:none;
  position:absolute;
  inset:0;
  z-index:5;
  place-items:center;
  margin:0;
  font:400 11px var(--mono);
  letter-spacing:.12em;
  color:rgba(242,238,230,.4);
}
.car-studio__stage[data-no-webgl] .car-studio__fallback{display:grid;}
.car-studio__stage[data-no-webgl] .car-studio__canvas{visibility:hidden;}

.car-studio__panel{
  position:absolute;
  z-index:4;
  top:18px;right:18px;
  width:var(--car-panel-width);
  max-height:calc(100% - 36px);
  overflow:auto;
  padding:24px 22px 20px;
  display:flex;
  flex-direction:column;
  border:1px solid rgba(242,238,230,.18);
  background:linear-gradient(150deg,rgba(12,12,11,.58),rgba(5,5,4,.36));
  box-shadow:0 24px 70px rgba(0,0,0,.24);
  backdrop-filter:blur(18px) saturate(1.12);
  -webkit-backdrop-filter:blur(18px) saturate(1.12);
}
.car-studio__identity{padding-bottom:28px;border-bottom:1px solid rgba(242,238,230,.14);}
.car-studio__edition{font:500 9px var(--mono);letter-spacing:.16em;color:var(--accent);}
.car-studio__identity h2{
  margin:16px 0 12px;
  font:600 clamp(42px,4.1vw,64px)/.88 var(--serif);
  letter-spacing:-.035em;
  color:#f2eee6;
}
.car-studio__identity p{margin:0;font:300 12px/1.7 var(--sans-cjk);color:rgba(242,238,230,.48);}
.car-studio__specs{margin:0;padding:22px 0;border-bottom:1px solid rgba(242,238,230,.14);display:grid;grid-template-columns:1fr 1fr;gap:20px 14px;}
.car-studio__specs div{display:flex;flex-direction:column;gap:6px;}
.car-studio__specs dt{font:500 8px var(--mono);letter-spacing:.13em;color:var(--accent);}
.car-studio__specs dd{margin:0;font:400 19px var(--sans);letter-spacing:-.02em;color:rgba(242,238,230,.9);}
.car-studio__specs small{font:400 8px var(--mono);letter-spacing:.08em;color:rgba(242,238,230,.35);}
.car-studio__controls{padding:22px 0 20px;border-bottom:1px solid rgba(242,238,230,.14);}
.car-studio__label{display:block;margin-bottom:10px;font:500 8px var(--mono);letter-spacing:.14em;color:rgba(242,238,230,.36);}
.car-studio__viewset{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid rgba(242,238,230,.14);}
.car-studio__viewset--views{grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:16px;border:0;}
.car-studio__viewset button{
  appearance:none;
  min-height:34px;
  padding:0 3px;
  border:0;
  border-right:1px solid rgba(242,238,230,.14);
  background:transparent;
  color:rgba(242,238,230,.45);
  font:500 8px var(--mono);
  letter-spacing:.07em;
  cursor:pointer;
  transition:background .25s,color .25s;
}
.car-studio__viewset button:last-child{border-right:0;}
.car-studio__viewset--views button,.car-studio__viewset--views button:last-child{border:1px solid rgba(242,238,230,.14);}
.car-studio__viewset button:hover,.car-studio__viewset button:focus-visible,.car-studio__viewset button.is-active{background:var(--accent);color:#080706;outline:none;}
.car-studio__actions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px;}
.car-studio__actions button{
  appearance:none;
  min-height:38px;
  padding:0 7px;
  border:1px solid rgba(242,238,230,.14);
  background:transparent;
  color:rgba(242,238,230,.58);
  font:400 10px var(--sans-cjk);
  letter-spacing:.08em;
  cursor:pointer;
  transition:border-color .25s,color .25s,background .25s;
}
.car-studio__actions button span{display:inline-block;width:5px;height:5px;margin-right:6px;border:1px solid var(--accent);border-radius:50%;vertical-align:1px;}
.car-studio__actions button:hover,.car-studio__actions button:focus-visible,.car-studio__actions button.is-active{border-color:var(--accent);color:#f2eee6;outline:none;background:rgba(240,101,46,.08);}
.car-studio__actions button.is-active span{background:var(--accent);box-shadow:0 0 9px var(--accent);}
.car-studio__note{margin:auto 0 0;padding-top:20px;font:300 10px/1.65 var(--sans-cjk);color:rgba(242,238,230,.34);}
.car-studio__note b{display:block;margin-bottom:6px;font:500 8px var(--mono);letter-spacing:.13em;color:rgba(242,238,230,.6);}

.objects__foot{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  flex-wrap:wrap;
  padding-top:4px;
  font:400 9px var(--mono);
  letter-spacing:.12em;
  color:rgba(242,238,230,.36);
}
.objects__foot .arr{color:var(--accent);}
.objects__foot a{transition:color .25s;}
.objects__foot a:hover,.objects__foot a:focus-visible{color:var(--accent);outline:none;}

@media (max-width:1000px){
  .car-studio{--car-panel-width:min(318px,38vw);min-height:calc(100svh - var(--nav-h) - 82px);}
  .car-studio__stage{min-height:inherit;aspect-ratio:auto;}
  .car-studio__panel{width:min(318px,38vw);}
}

@media (max-width:700px){
  .objects{padding:calc(var(--nav-h) + 10px) 10px 14px;gap:12px;}
  .objects__head{flex-direction:column;align-items:flex-start;gap:22px;}
  .objects__title{font-size:clamp(64px,20vw,94px);white-space:normal;}
  .objects__lead{font-size:13px;}
  .car-studio{--car-panel-width:0px;--car-panel-clearance:0px;min-height:calc(100svh - var(--nav-h) - 56px);}
  .car-studio__stage{min-height:inherit;aspect-ratio:auto;}
  .car-studio__panel{
    top:auto;left:10px;right:10px;bottom:10px;
    width:auto;max-height:none;
    padding:14px;
    display:block;
    background:rgba(8,8,7,.54);
    backdrop-filter:blur(14px) saturate(1.1);
    -webkit-backdrop-filter:blur(14px) saturate(1.1);
  }
  .car-studio__identity,.car-studio__specs,.car-studio__note{display:none;}
  .car-studio__controls{padding:0;border:0;}
  .car-studio__viewset--views{grid-template-columns:repeat(5,1fr);gap:4px;margin-bottom:10px;}
  .car-studio__hud{left:14px;right:14px;top:13px;}
  .car-studio__reticle{display:none;}
  .car-studio__part{left:14px;bottom:38px;}
  .car-studio__hint{display:none;}
  .objects__foot{flex-direction:column;align-items:flex-start;gap:9px;}
}

@media (max-width:430px){
  .car-studio__panel{padding:12px;}
  .car-studio__viewset button{min-height:30px;font-size:7px;}
  .car-studio__actions button{min-height:32px;font-size:9px;}
}

@media (prefers-reduced-motion:reduce){
  .car-studio__viewset button,.car-studio__actions button{transition:none;}
}

@media (max-width:600px){
  .object-nav__meta > span{display:none;}
  .object-nav__meta{gap:0;}
  .object-nav__meta a{min-height:34px;padding:0 11px;font-size:9px;}
}