@import "https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;600;700;800;900&display=swap";:root{--bg-color:#030303;--bg-secondary:#0a0a0a;--text-color:#fff;--accent-gold:#c9a84c;--accent-gold-light:#e8d48b;--accent-gold-dark:#8b7330;--accent-silver:#a0a0a0;--accent-silver-light:#d0d0d0;--glass-bg:#ffffff08;--glass-border:#ffffff0f;--glow-gold:#c9a84c26}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Outfit,sans-serif}body,html,#root{background-color:var(--bg-color);width:100%;min-height:100vh;color:var(--text-color)}.loading-screen{background:var(--bg-color);z-index:9999;flex-direction:column;justify-content:center;align-items:center;gap:30px;width:100%;height:100%;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.loading-logo{letter-spacing:10px;color:var(--accent-gold);text-transform:uppercase;font-size:2rem;font-weight:700}.loading-bar-container{background:#ffffff1a;border-radius:2px;width:200px;height:1px;overflow:hidden}.loading-bar{background:linear-gradient(90deg, var(--accent-gold-dark), var(--accent-gold), var(--accent-gold-light));border-radius:2px;width:0%;height:100%;transition:width .3s}.loading-text{letter-spacing:4px;text-transform:uppercase;color:var(--accent-silver);font-size:.7rem;font-weight:200}.canvas-container{z-index:1;width:100%;height:100%;position:fixed;top:0;left:0}.ui-layer{z-index:10;pointer-events:none;flex-direction:column;width:100%;min-height:100vh;display:flex;position:absolute;top:0;left:0}header{z-index:100;pointer-events:auto;opacity:0;background:linear-gradient(#000c,#0000);justify-content:space-between;align-items:center;width:100%;height:100px;padding:0 50px;animation:1.2s cubic-bezier(.16,1,.3,1) .3s forwards fadeInDown;display:flex;position:absolute;top:0;left:0}.logo{letter-spacing:6px;color:var(--accent-gold);text-transform:uppercase;text-shadow:0 0 20px #c9a84c4d;font-size:1.5rem;font-weight:400;text-decoration:none}nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:30px;gap:20px;padding:10px 25px;display:flex}nav a{color:#fff9;letter-spacing:2px;text-transform:uppercase;padding:5px 10px;font-size:.8rem;font-weight:300;text-decoration:none;transition:all .3s}nav a:hover,nav a.active{color:var(--accent-gold);text-shadow:0 0 10px var(--glow-gold)}main{text-align:center;flex-direction:column;flex:1;justify-content:space-between;align-items:center;min-height:100vh;padding:0 50px;display:flex;position:relative}body{overflow-x:hidden}.hero-content{opacity:0;pointer-events:none;margin-top:110px;animation:2s cubic-bezier(.16,1,.3,1) .6s forwards heroReveal}.hero-text-experience{letter-spacing:.4em;background:linear-gradient(180deg, var(--accent-silver-light) 0%, var(--accent-gold) 100%);-webkit-text-fill-color:transparent;text-transform:uppercase;white-space:nowrap;-webkit-background-clip:text;background-clip:text;margin:0;font-size:6vw;font-weight:200;line-height:1}.hero-subtext{letter-spacing:12px;color:var(--accent-silver);text-transform:uppercase;font-size:.85rem;font-weight:200}.bottom-bar{opacity:0;justify-content:space-between;align-items:flex-end;width:100%;padding-bottom:30px;animation:2s 1.5s forwards fadeIn;display:flex}.bottom-left{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.car-badge{border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border-radius:100px;align-items:center;gap:10px;padding:10px 20px;display:flex}.car-badge .dot{background:var(--accent-gold);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}.car-badge span{letter-spacing:3px;color:var(--accent-silver-light);text-transform:uppercase;font-size:.7rem;font-weight:300}.car-model-name{letter-spacing:2px;color:#ffffff40;padding-left:20px;font-size:.65rem;font-weight:200}.bottom-center{flex-direction:column;align-items:center;gap:8px;display:flex}.interactions p{letter-spacing:3px;color:var(--accent-silver);text-transform:uppercase;font-size:.65rem;font-weight:200}.mouse-icon{border:1px solid #fff3;border-radius:12px;justify-content:center;width:20px;height:30px;padding-top:6px;display:flex}.wheel{background:var(--accent-gold);border-radius:2px;width:2px;height:5px;animation:1.5s infinite scroll}.bottom-right{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.stat-item{align-items:center;gap:8px;display:flex}.stat-value{color:var(--accent-gold);letter-spacing:1px;font-size:1.2rem;font-weight:600}.stat-label{letter-spacing:2px;color:var(--accent-silver);text-transform:uppercase;font-size:.6rem;font-weight:200}.corner-decor{z-index:15;pointer-events:none;width:80px;height:80px;position:fixed}.corner-decor.top-left{border-top:1px solid var(--glass-border);border-left:1px solid var(--glass-border);top:0;left:0}.corner-decor.top-right{border-top:1px solid var(--glass-border);border-right:1px solid var(--glass-border);top:0;right:0}.corner-decor.bottom-left{border-bottom:1px solid var(--glass-border);border-left:1px solid var(--glass-border);bottom:0;left:0}.corner-decor.bottom-right{border-bottom:1px solid var(--glass-border);border-right:1px solid var(--glass-border);bottom:0;right:0}.ambient-glow{background:radial-gradient(ellipse, var(--glow-gold), transparent 70%);z-index:0;pointer-events:none;opacity:0;width:600px;height:300px;animation:3s 2s forwards fadeIn;position:fixed;bottom:-100px;left:50%;transform:translate(-50%)}.vignette-overlay{pointer-events:none;z-index:2;background:radial-gradient(#0000 60%,#00000080 100%);width:100%;height:100%;position:fixed;top:0;left:0}.side-line{z-index:15;pointer-events:none;opacity:0;animation:2s 1s forwards fadeIn;position:fixed}.side-line.left{background:linear-gradient(to bottom, transparent, var(--accent-gold-dark), transparent);width:1px;height:120px;top:50%;left:25px;transform:translateY(-50%)}.side-line.right{background:linear-gradient(to bottom, transparent, var(--accent-gold-dark), transparent);width:1px;height:120px;top:50%;right:25px;transform:translateY(-50%)}@keyframes scroll{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes heroReveal{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@media (width<=768px){header{padding:20px 25px}header:after{left:25px;right:25px}.logo{letter-spacing:5px;font-size:1rem}nav a{letter-spacing:2px;padding:6px 10px;font-size:.65rem}main{padding:0 25px}.hero-content{margin-top:10px}.hero-text{letter-spacing:.1em;font-size:14vw}.hero-subtext{letter-spacing:6px;font-size:.7rem}.bottom-bar{flex-direction:column;align-items:center;gap:15px;padding-bottom:20px}.bottom-left,.bottom-right{align-items:center}.car-model-name{padding-left:0}.corner-decor{width:40px;height:40px}.side-line.left,.side-line.right{display:none}}.control-panel{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--glass-border);z-index:30;pointer-events:auto;background:#0a0a0ab3;border-radius:15px;flex-direction:column;gap:15px;width:280px;padding:20px;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 10px 30px #00000080}.left-panel{left:20px}.right-panel{right:20px}.collapsed-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);color:var(--text-color);cursor:pointer;letter-spacing:1px;background:#0a0a0a99;border-radius:30px;padding:12px 24px;font-family:Outfit,sans-serif;font-size:.9rem;transition:all .3s;box-shadow:0 5px 15px #0000004d}.collection-card:first-child .collection-img{background:linear-gradient(135deg,#2d4059,#ea5455)}.collection-card:nth-child(2) .collection-img{background:linear-gradient(135deg,#1a1a2e,#16213e)}.connect-form{flex-direction:column;gap:20px;margin-top:30px;display:flex}.collapsed-btn:hover{border-color:var(--accent-gold);background:#ffffff1a}.control-panel h3{color:var(--accent-gold);border-bottom:1px solid #ffffff1a;margin:0 0 10px;padding-bottom:10px;font-size:1rem}.control-group{flex-direction:column;gap:5px;display:flex}.control-group.horizontal{flex-direction:row;justify-content:space-between}.control-group label{color:#aaa;text-transform:uppercase;letter-spacing:1px;font-size:.75rem}.control-panel select,.control-panel input[type=text]{color:#fff;background:#00000080;border:1px solid #fff3;border-radius:5px;outline:none;padding:8px;font-family:Outfit,sans-serif}.control-panel input[type=range]{width:100%;accent-color:var(--accent-gold)}.toggle-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.toggle-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:5px;padding:8px;font-size:.75rem;transition:all .2s}.toggle-btn.active{border-color:var(--accent-gold);color:var(--accent-gold);background:#d4af3733}.toggle-btn:hover{background:#ffffff1a}.toggle-btn.full-width{width:100%}.mini-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:3px;margin-top:5px;padding:5px;font-size:.7rem}.color-picker-container{flex-flow:wrap;gap:10px;display:flex}.color-picker-container.relative{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;flex-direction:row;gap:10px;padding:0;position:relative;top:auto;right:auto;transform:none}.color-option{cursor:pointer;pointer-events:auto;border:2px solid #0000;border-radius:50%;width:30px;height:30px;transition:all .3s;box-shadow:0 4px 10px #0000004d}.color-option:hover{transform:scale(1.1)}.color-option.active{border-color:#fff;transform:scale(1.1);box-shadow:0 0 15px #fff6}@media (width<=768px){.color-option{width:24px;height:24px}}@media (width<=900px){.control-panel{border-left:none;border-right:none;border-radius:0;width:100%;position:relative;top:auto;left:auto;right:auto;transform:none}.ui-layer{overflow-y:auto}}.engine-button-container{z-index:20;pointer-events:auto;opacity:0;animation:2s 2s forwards fadeIn;position:absolute;top:50%;left:50px;transform:translateY(-50%)}.engine-btn{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);color:var(--accent-gold);cursor:pointer;border-radius:30px;flex-direction:column;align-items:center;gap:10px;padding:20px 15px;transition:all .3s;display:flex;box-shadow:0 4px 15px #0000004d}.engine-btn:hover{border-color:var(--accent-gold);background:#c9a84c1a;transform:scale(1.05)}.engine-btn.playing{color:#f33;border-color:#ff333380;box-shadow:0 0 20px #f333}.engine-btn.playing:hover{background:#ff33331a}.engine-btn span{letter-spacing:2px;writing-mode:vertical-rl;text-orientation:mixed;font-family:Outfit,sans-serif;font-size:.6rem;font-weight:600;transform:rotate(180deg)}@media (width<=768px){.engine-button-container{left:20px}.engine-btn{padding:15px 10px}.engine-btn svg{width:18px;height:18px}}.hotspot{pointer-events:none;flex-direction:column;align-items:center;display:flex}.hotspot-dot{background:var(--accent-gold);width:12px;height:12px;box-shadow:0 0 15px var(--accent-gold);border-radius:50%;animation:2s infinite pulse}.hotspot-label{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;letter-spacing:1px;white-space:nowrap;background:#000000b3;border:1px solid #fff3;border-radius:4px;margin-top:10px;padding:8px 12px;font-family:Outfit,sans-serif;font-size:.8rem}.page-overlay{z-index:50;opacity:0;background:#030303;width:100%;height:100%;animation:.5s forwards fadeIn;position:fixed;top:0;left:0;overflow-y:auto}.page-content{opacity:0;pointer-events:auto;width:100%;margin:140px auto 0;padding:0 5%;animation:.6s cubic-bezier(.16,1,.3,1) .1s forwards slideUpFade;transform:translateY(20px)}@keyframes slideUpFade{to{opacity:1;transform:translateY(0)}}.page-hero{text-align:center;margin-bottom:60px}.page-hero h1{letter-spacing:8px;text-transform:uppercase;color:var(--accent-gold);margin-bottom:15px;font-size:3rem;font-weight:200}.page-subtitle{color:var(--accent-silver);letter-spacing:3px;text-transform:uppercase;font-size:1rem}.page-body{color:#ffffffd9}.vision-grid{grid-template-columns:1fr 1fr;gap:30px;margin-bottom:60px;display:grid}.vision-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;padding:35px;transition:all .3s}.vision-card:hover{border-color:var(--accent-gold);background:#ffffff0f;transform:translateY(-3px)}.vision-icon{color:var(--accent-gold);margin-bottom:15px;font-size:1.5rem}.vision-card h3{letter-spacing:2px;color:#fff;margin-bottom:12px;font-size:1.3rem;font-weight:300}.vision-card p{color:#fff9;font-size:.9rem;line-height:1.7}.vision-quote{text-align:center;border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;padding:50px}.quotes-layout{flex-direction:column;gap:30px;max-width:800px;margin:0 auto;display:flex}.quote-card{text-align:center;border-radius:15px;transition:all .3s;background:#ffffff05!important;border:1px solid #ffffff0d!important;padding:40px!important}.quote-card:hover{transform:translateY(-5px);border-color:var(--accent-gold)!important;background:#ffffff0a!important}.quote-text{color:var(--accent-silver-light);letter-spacing:1px;margin:0;font-size:1.2rem;font-weight:300;line-height:1.8}.vision-signature{text-align:center;opacity:0;margin-top:80px;padding-bottom:60px;animation:1.5s 1s forwards fadeIn}.signature-divider{background:var(--accent-gold);width:100px;height:1px;margin:0 auto 30px}.signature-main{color:var(--accent-gold);letter-spacing:1px;margin-bottom:12px;font-size:1.3rem;font-style:italic}.signature-name{text-transform:uppercase;letter-spacing:5px;color:var(--accent-silver);font-size:.9rem;font-weight:300}.collection-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.collection-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;transition:all .3s;overflow:hidden}.collection-card:hover{border-color:var(--accent-gold);transform:translateY(-3px)}.collection-img{justify-content:flex-end;align-items:flex-start;height:180px;padding:15px;display:flex}.collection-badge{color:var(--accent-gold);letter-spacing:2px;text-transform:uppercase;background:#00000080;border:1px solid #fff3;border-radius:20px;padding:4px 12px;font-size:.7rem}.collection-info{padding:25px}.collection-info h3{letter-spacing:2px;margin-bottom:10px;font-size:1.4rem;font-weight:300}.collection-info p{color:#ffffff80;margin-bottom:20px;font-size:.85rem;line-height:1.6}.collection-specs{gap:20px;display:flex}.collection-specs div{flex-direction:column;gap:3px;display:flex}.collection-specs span{color:#ffffff4d;text-transform:uppercase;letter-spacing:1px;font-size:.65rem}.collection-specs strong{color:var(--accent-gold);font-size:.85rem;font-weight:400}.connect-grid{grid-template-columns:.8fr 1.2fr;gap:60px;max-width:1100px;margin:0 auto;display:grid}.contact-details{margin-top:20px;padding:0;list-style:none}.contact-details li{color:var(--accent-silver-light);margin-bottom:12px;font-size:.9rem}.contact-details span{color:var(--accent-gold);margin-right:10px;font-weight:400}.social-links{gap:15px;margin-top:15px;display:flex}.social-links a:hover{border-color:var(--accent-gold);color:var(--accent-gold);background:#c9a84c0d}@media (width<=900px){.connect-grid{grid-template-columns:1fr;gap:40px}}.form-group input,.form-group select,.form-group textarea{color:#fff;background:#0006;border:1px solid #ffffff1a;border-radius:6px;outline:none;padding:12px 15px;font-family:Outfit,sans-serif;font-size:.9rem;transition:all .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-gold);background:#c9a84c0d;outline:none}.form-group textarea{resize:vertical}.submit-btn{background:var(--accent-gold);color:#000;letter-spacing:2px;text-transform:uppercase;cursor:pointer;border:none;border-radius:6px;margin-top:10px;padding:14px;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;transition:all .3s}.submit-btn:hover{background:var(--accent-gold-light);transform:translateY(-2px)}.quality-selector{gap:8px;margin-top:5px;display:flex}.quality-btn{color:#ffffff80;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;padding:6px 12px;font-size:.7rem;transition:all .2s}.quality-btn.active{background:var(--accent-gold);color:#000;border-color:var(--accent-gold)}.main-quality-control{z-index:100;pointer-events:auto;opacity:0;flex-direction:column;align-items:flex-end;gap:8px;animation:1s 1.2s forwards fadeIn;display:flex;position:absolute;bottom:120px;right:50px}.main-quality-control span{text-transform:uppercase;letter-spacing:2px;color:var(--accent-silver);opacity:.6;font-size:.6rem}.controls-container{flex-direction:column;gap:40px;display:flex}.control-section h3{letter-spacing:3px;text-transform:uppercase;color:var(--accent-gold);border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding-bottom:10px;font-size:1.1rem;font-weight:300}.mobile-scroll-controls{box-shadow:0 -20px 40px #000c;pointer-events:auto!important}.connect-info{flex-direction:column;gap:20px;display:flex}.info-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;padding:25px}.info-card h4{letter-spacing:2px;text-transform:uppercase;color:var(--accent-gold);margin-bottom:12px;font-size:.9rem;font-weight:400}.info-card p{color:#ffffff80;font-size:.85rem;line-height:1.8}.social-links{flex-wrap:wrap;gap:12px;display:flex}.social-links a{color:#fff9;border:1px solid #ffffff1a;border-radius:20px;padding:6px 14px;font-size:.85rem;text-decoration:none;transition:all .2s}.social-links a:hover{color:var(--accent-gold);border-color:var(--accent-gold)}nav a.active{color:var(--accent-gold)!important}@media (width<=768px){.vision-grid,.collection-grid,.connect-grid{grid-template-columns:1fr}.page-hero h1{font-size:2rem}.page-content{margin-top:150px;padding:0 20px}header{flex-direction:column;gap:12px;height:auto;padding:15px 20px}header nav{-webkit-backdrop-filter:none;background:#0a0a0afa;gap:10px;padding:10px}nav a{padding:4px 8px;font-size:.7rem}.control-panel{width:calc(100% - 40px);top:auto;bottom:120px;transform:none}.left-panel,.right-panel{left:20px;right:20px}.bottom-bar{flex-direction:column;gap:15px;padding:15px;bottom:20px}.bottom-center{display:none}.main-quality-control{align-items:center;width:calc(100% - 40px);top:auto;bottom:200px;right:20px}.main-quality-control .quality-selector{justify-content:center}.hero-text-experience{letter-spacing:.2em;white-space:normal;font-size:8vw;line-height:1.4}.hero-content{margin-top:130px}}