@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Manrope:wght@400;500;600;700&display=swap');
:root{--bg:#070707;--panel:#0d0d0d;--panel2:#111;--line:#26231f;--gold:#c8a36a;--gold2:#e1c28d;--text:#f2eee8;--muted:#aaa49c;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 5%,#18130d 0,#070707 35%,#050505 100%);color:var(--text);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img{max-width:100%;display:block}
.container{width:min(var(--max),calc(100% - 40px));margin:auto}.serif{font-family:'Cormorant Garamond',Georgia,serif}.gold{color:var(--gold2)}
.header{position:fixed;z-index:50;top:0;left:0;right:0;background:rgba(5,5,5,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}.nav{height:82px;display:flex;align-items:center;gap:40px}.logo{width:150px;height:82px;display:flex;align-items:center}.logo img{width:100%;height:100%;object-fit:contain;object-position:center;border-radius:0;background:transparent}.links{display:flex;gap:34px;margin-left:auto}.links a{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#ddd;position:relative}.links a:after{content:'';position:absolute;left:0;right:100%;bottom:-31px;height:1px;background:var(--gold);transition:.25s}.links a:hover:after,.links a.active:after{right:0}.langs{display:flex;gap:14px;margin-left:8px}.lang{font-size:11px;color:#9b978f;cursor:pointer}.lang.active{color:var(--gold2)}.menu{display:none;margin-left:auto;border:1px solid var(--line);background:none;color:var(--gold2);width:42px;height:42px}
.hero{padding-top:82px;min-height:690px;display:grid;align-items:stretch}.hero-inner{position:relative;min-height:608px;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#070707 0%,rgba(7,7,7,.82) 36%,rgba(7,7,7,.12) 72%),url('assets/cars/bmw-x6/02.jpg') center/cover no-repeat}.hero-inner:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 70% 55%,transparent 0 22%,rgba(0,0,0,.45) 62%,#050505 100%);pointer-events:none}.hero-copy{position:relative;z-index:2;padding:125px 0 80px;max-width:560px}.eyebrow{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--gold2);margin-bottom:20px}.hero h1{font-size:clamp(54px,6vw,84px);line-height:.92;margin:0 0 24px;font-weight:600;letter-spacing:-.03em}.hero p{font-size:16px;line-height:1.75;color:#b9b4ad;max-width:480px;margin:0 0 34px}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:15px 24px;border:1px solid var(--gold);font-size:11px;letter-spacing:.12em;text-transform:uppercase;transition:.25s;cursor:pointer}.btn.primary{background:linear-gradient(135deg,#e0bf88,#b78d52);color:#080706;border-color:transparent}.btn.secondary{background:transparent;color:var(--gold2)}.btn:hover{transform:translateY(-2px);filter:brightness(1.07)}
.section{padding:86px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}.section h2{font-size:clamp(42px,4vw,58px);line-height:1;margin:0;font-weight:600}.section-head p{color:var(--muted);font-size:13px;margin:0}.view-all{color:var(--gold2);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.fleet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.car-card{background:linear-gradient(180deg,#111 0,#0a0a0a 100%);border:1px solid var(--line);transition:.3s;overflow:hidden}.car-card:hover{transform:translateY(-5px);border-color:#4a3a26}.car-photo{height:225px;overflow:hidden;position:relative;background:#111}.car-photo img{width:100%;height:100%;object-fit:cover;transition:.5s}.car-card:hover .car-photo img{transform:scale(1.04)}.car-photo:after{content:'360°';position:absolute;right:12px;top:12px;border:1px solid rgba(225,194,141,.5);padding:6px 8px;font-size:9px;letter-spacing:.1em;color:var(--gold2);background:rgba(0,0,0,.45)}.car-info{padding:18px}.car-name{font-size:15px;margin-bottom:10px}.car-meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px}.price{color:var(--gold2)}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--line);background:var(--line)}.feature{background:#090909;padding:34px}.feature-num{color:var(--gold2);font-size:11px;letter-spacing:.15em}.feature h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:28px;margin:10px 0}.feature p{color:var(--muted);font-size:13px;line-height:1.7;margin:0}
.banner{display:grid;grid-template-columns:1.15fr .85fr;border:1px solid var(--line);min-height:300px;overflow:hidden}.banner-copy{padding:54px;background:linear-gradient(135deg,#0e0d0b,#070707)}.banner h2{font-size:44px;max-width:520px;margin:0 0 18px}.banner p{color:var(--muted);line-height:1.7;max-width:500px}.banner-image{background:linear-gradient(90deg,rgba(7,7,7,.2),rgba(7,7,7,.7)),url('assets/cars/bmw-7/01.jpg') center/cover}
.footer{border-top:1px solid var(--line);padding:42px 0 28px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr 1fr;gap:35px}.footer .logo{margin-bottom:14px;height:64px;width:120px}.footer p,.footer a{font-size:12px;color:var(--muted);line-height:1.8}.footer h4{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold2);margin:0 0 15px}.socials{display:flex;gap:10px;margin-top:12px}.social{width:38px;height:38px;border:1px solid #3a3022;display:grid;place-items:center;color:var(--gold2);font-size:11px}.copy{margin-top:35px;padding-top:20px;border-top:1px solid var(--line);font-size:10px;color:#666}
.page-head{padding:150px 0 65px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 75% 20%,#20170d 0,#070707 45%)}.page-head h1{font-size:clamp(52px,6vw,80px);margin:0 0 12px}.page-head p{margin:0;color:var(--muted);max-width:650px;line-height:1.8}.services-grid,.contact-grid,.about-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.service,.contact-card,.about-card{border:1px solid var(--line);padding:34px;background:#0b0b0b}.service h3,.contact-card h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:32px;margin:10px 0}.service p,.contact-card p,.about-card p{color:var(--muted);line-height:1.8;font-size:13px}.contact-list{display:grid;gap:15px;margin-top:25px}.contact-row{display:flex;gap:16px;align-items:flex-start}.contact-icon{color:var(--gold2);width:30px}.form{display:grid;gap:12px}.field{width:100%;background:#080808;border:1px solid #29251f;color:var(--text);padding:15px 16px;outline:none}.field:focus{border-color:#6d5637}.form textarea{min-height:135px;resize:vertical}.note{font-size:10px;color:#777;line-height:1.6}
.detail{padding-top:128px}.detail-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:24px;align-items:start}.viewer{position:sticky;top:110px;border:1px solid var(--line);background:#090909}.viewer-main{aspect-ratio:16/10;overflow:hidden;background:#111;cursor:ew-resize;position:relative}.viewer-main img{width:100%;height:100%;object-fit:cover;user-select:none}.viewer-badge{position:absolute;left:16px;top:16px;padding:8px 10px;border:1px solid rgba(225,194,141,.5);background:rgba(0,0,0,.55);font-size:9px;letter-spacing:.12em;color:var(--gold2)}.thumbs{display:flex;gap:7px;padding:10px;overflow:auto}.thumb{width:72px;height:52px;flex:0 0 auto;object-fit:cover;border:1px solid #25211c;cursor:pointer;opacity:.6}.thumb.active{opacity:1;border-color:var(--gold)}.detail-copy{border:1px solid var(--line);padding:38px;background:#0a0a0a}.detail-copy h1{font-size:54px;line-height:1;margin:0 0 10px}.detail-price{font-size:16px;color:var(--gold2);margin-bottom:25px}.specs{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:25px 0}.spec{background:#0b0b0b;padding:15px}.spec small{display:block;color:#777;font-size:9px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px}.spec b{font-size:12px}.detail-copy p{font-size:13px;color:var(--muted);line-height:1.8}.drag-hint{font-size:10px;color:#777;text-align:center;padding:0 12px 12px}
@media(max-width:1000px){.fleet-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.viewer{position:relative;top:auto}.links{gap:18px}.nav{gap:18px}}
@media(max-width:720px){.container{width:min(var(--max),calc(100% - 24px))}.nav{height:72px}.logo,.logo img{width:110px;height:64px}.links{display:none;position:absolute;top:72px;left:12px;right:12px;background:rgba(8,8,8,.97);border:1px solid var(--line);padding:18px;flex-direction:column;gap:18px}.links.mobile-open{display:flex}.links.mobile-open a:after{display:none}.langs{margin-left:auto}.menu{display:block}.hero{padding-top:72px}.hero-inner{min-height:680px;background-position:62% center}.hero-copy{padding:105px 20px 60px}.hero h1{font-size:54px}.hero p{font-size:14px}.section{padding:62px 0}.section-head{display:block}.section-head p{margin:12px 0}.fleet-grid{grid-template-columns:1fr}.car-photo{height:250px}.features,.services-grid,.contact-grid,.about-grid,.banner{grid-template-columns:1fr}.banner-image{min-height:240px}.footer-grid{grid-template-columns:1fr 1fr}.page-head{padding:120px 0 55px}.detail{padding-top:98px}.detail-copy h1{font-size:44px}}
@media(max-width:460px){.footer-grid{grid-template-columns:1fr}.langs{gap:9px}.lang{font-size:10px}.hero h1{font-size:48px}}

.marquee{border-bottom:1px solid var(--line);background:#0a0908;overflow:hidden;position:relative}
.marquee:before,.marquee:after{content:'';position:absolute;top:0;bottom:0;width:70px;z-index:2;pointer-events:none}
.marquee:before{left:0;background:linear-gradient(90deg,#0a0908,transparent)}
.marquee:after{right:0;background:linear-gradient(270deg,#0a0908,transparent)}
.marquee-track{display:flex;width:max-content;animation:marquee 32s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee-item{display:flex;align-items:center;gap:12px;padding:20px 40px;white-space:nowrap;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#9b978f;border-right:1px solid var(--line)}
.marquee-item b{color:var(--gold2);font-weight:600}
.marquee-item span{color:#55504a}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:720px){.marquee-item{padding:14px 26px;font-size:11px}}