.hero{--hero-tone:#20313a;isolation:isolate}.hero:before{background:none}.hero-backdrop{position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 61% 30%,var(--hero-tone),transparent 65%);transition:background 1s ease,opacity 1s ease;opacity:.8}.hero-background-photo{position:absolute;inset:0 0 180px;z-index:-3;pointer-events:none;background-size:cover;background-position:center;opacity:0;transition:opacity .9s ease;mask-image:linear-gradient(#000 25%,transparent 100%)}.has-background-photo .hero-background-photo{opacity:.28}.hero-car{transition:opacity .35s ease,transform .7s cubic-bezier(.2,.7,.2,1);object-fit:contain}.hero-car.hero-photo{border-radius:12px;object-fit:contain;mix-blend-mode:lighten;max-height:420px}.hero-changing .hero-car{opacity:0;transform:translateX(18px)}.hero-changing .big-name{opacity:.7;transform:translateY(6px)}.big-name{transition:opacity .3s,transform .3s}.hero-vehicle-info{position:absolute;left:0;top:210px;max-width:200px;z-index:3}.hero-vehicle-info small{display:block;color:#7e948b;font-size:8px;letter-spacing:1.6px;margin-bottom:10px}.hero-vehicle-info strong{display:block;font-size:14px;font-weight:500;color:#e4ebe5;line-height:1.6}.hero-vehicle-info>span{display:block;font-size:11px;margin-top:10px;color:#b5c4b9}.hero-controls{display:flex;gap:7px;flex-shrink:0;margin-top:28px}.hero-controls button{background:#121b16aa;border:1px solid #43574a;border-radius:50%;width:36px;height:36px;color:#dce6dd;font-size:14px;display:flex;align-items:center;justify-content:center}.hero-controls button:hover{border-color:#f83352;background:#3e1922}.hero .switches{flex:1;min-width:0;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;padding:2px 1px 5px;gap:7px;max-width:calc(100% - 255px)}.hero .switches::-webkit-scrollbar{display:none}.hero .switches button{white-space:nowrap;flex-shrink:0}.hero .hero-index{margin-top:28px}.hero-bottom .hero-detail:last-child{align-items:center;gap:18px}.hero .hero-stat{z-index:3}.hero .edition{z-index:3}.hero .hero-intro{z-index:3}.hero-status-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.hero-controls button:disabled{opacity:.3}.hero-showcase-note{border:1px solid #354a3c;background:#14251a;padding:18px 22px;border-radius:6px;margin:0 0 25px;color:#a1b8aa;font-size:11px;line-height:1.8}.hero-showcase-note strong{color:#e1eee4}.hero-settings{margin-top:30px;border-top:1px solid #304737;padding-top:10px}.hero-settings .checkbox{margin:18px 0}.hero-settings p{font-size:10px;line-height:1.8;margin-bottom:20px}.hero-settings input[type=color]{height:40px;padding:4px}.hero-settings .upload-box{margin-top:8px}.hero-settings .field-grid{margin-top:20px}.feature-indicator{display:block;color:#fb839a;font-size:8px;margin-top:5px}
@media(max-width:1000px){.hero-vehicle-info{top:320px;max-width:170px}.hero .switches{max-width:calc(100% - 135px)}.hero .hero-index{display:none}.hero-controls{gap:5px}.hero-controls button{width:32px;height:32px}.hero-car.hero-photo{max-height:350px}}
@media(max-width:600px){.hero{min-height:740px}.hero-vehicle-info{top:350px;left:0;right:0;max-width:none;display:flex;align-items:center;gap:12px}.hero-vehicle-info small{display:none}.hero-vehicle-info strong{font-size:10px}.hero-vehicle-info>span{font-size:9px;margin:0;color:#92aa9b}.hero-bottom{top:420px}.hero .switches{max-width:calc(100% - 115px);margin-top:22px}.hero .switches button{padding:8px 12px;font-size:9px}.hero-controls{margin-top:22px;gap:4px}.hero-controls button{width:29px;height:29px;font-size:11px}.hero-bottom .hero-detail:last-child{gap:10px}.hero-car.hero-photo{max-height:250px}.hero-background-photo{inset:0 0 200px}.hero-settings .field-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.hero-car,.hero-background-photo,.hero-backdrop,.big-name{transition:none}.hero-changing .hero-car{transform:none}}