:root{color-scheme:light;--ink:#12161c;--muted:#555e6b;--blue:#234bc0;--line:#d9dee5;--paper:#f2f4f7;--frame:min(1240px,calc(100% - 104px));font:16px/1.5 "Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}a{color:inherit;text-decoration:none}button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #5f8dff;outline-offset:4px}img{display:block;max-width:100%}.frame{width:var(--frame);margin-inline:auto}.skip{position:fixed;top:8px;left:8px;z-index:20;transform:translateY(-150%);background:white;padding:8px}.skip:focus{transform:none}
.hero{position:relative;isolation:isolate;background:#0b1017;color:#fff;min-height:clamp(630px,87svh,940px);display:flex;flex-direction:column;overflow:hidden}.hero-scene{position:absolute;inset:0;z-index:-2;overflow:hidden}.hero-scene img{width:100%;height:100%;object-fit:cover;object-position:center 62%;transform:scale(1.04) translate(var(--x,0),var(--y,0));transition:transform .38s ease-out,opacity .22s;opacity:1}.hero-scene img.switching{opacity:0}.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0a1019ed 0%,#0b111ccc 23%,#0b111c33 55%,transparent 78%),linear-gradient(0deg,#080d16e8 0%,transparent 24%,transparent 73%,#080d1670);pointer-events:none}
.nav{display:flex;justify-content:space-between;align-items:center;padding-block:26px;gap:20px}.wordmark{display:inline-flex;align-items:center;gap:11px;font-size:23px;font-weight:750;letter-spacing:.14em;line-height:1.05}.wordmark img{width:39px;height:39px}.wordmark small{display:block;font-size:7px;font-weight:650;letter-spacing:.27em;margin-top:5px}.nav-links{display:flex;gap:32px;color:#d6dce8;font-size:13px;font-weight:550}.nav-links a:hover,.footer a:hover{text-decoration:underline;text-underline-offset:4px}
.button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:14px;border:1px solid transparent;border-radius:100px;padding:11px 20px;font-size:13px;font-weight:650;transition:background .2s,color .2s,transform .2s}.button:hover{transform:translateY(-2px)}.light{background:#fff;color:#131c31}.light:hover{background:#dfe8ff}.glass{background:#ffffff16;border-color:#ffffff43;color:white;backdrop-filter:blur(12px)}.glass:hover{background:#ffffff30}.dark{background:#151d2e;color:white}.dark:hover{background:var(--blue)}
.hero-content{padding-top:clamp(70px,12vh,150px);padding-bottom:55px;flex:1}.eyebrow{display:flex;gap:9px;align-items:center;margin:0 0 17px;font-size:10px;font-weight:750;letter-spacing:.19em;text-transform:uppercase}.eyebrow i{height:7px;width:7px;background:#6d96ff;border-radius:50%;display:inline-block}.hero .eyebrow,.experience .eyebrow{color:#d2dcef}.eyebrow span{opacity:.55}.hero h1{margin:0;font-size:clamp(77px,10.1vw,155px);font-weight:580;line-height:.84;letter-spacing:-.09em}.hero h1 em,.experience h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.085em;color:#a8c0ff}.hero-copy{max-width:310px;margin:24px 0;color:#d4ddea;font-size:15px}.hero-bar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff43;gap:12px;padding-block:18px 22px}.hero-caption{display:flex;align-items:center;gap:20px}.hero-caption small{color:#b8c9ed;letter-spacing:.14em;font-size:10px;white-space:nowrap}.hero-caption strong,.hero-caption span{display:block}.hero-caption strong{font-size:14px}.hero-caption span{font-size:11px;color:#d3dbe9}.arrows{display:flex;gap:7px}.arrows button,.close{width:42px;height:42px;border:1px solid #ffffff55;color:white;background:#ffffff12;border-radius:50%;font-size:20px;line-height:1}.arrows button:hover{background:#fff;color:var(--ink)}
.inventory{padding-block:88px 100px}.section-top{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}.section-top .eyebrow{color:#40506a}.section-top h2,.experience h2{margin:0;font-size:clamp(43px,6.1vw,92px);font-weight:600;letter-spacing:-.077em;line-height:.97}.section-top>p{margin:0 0 5px;color:var(--muted);max-width:275px}.filterbar{display:flex;justify-content:space-between;gap:12px;align-items:center;border-block:1px solid var(--line);padding-block:13px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters button{border:1px solid var(--line);border-radius:999px;background:#fff;color:#263244;padding:8px 14px;white-space:nowrap;font-size:12px;font-weight:650}.filters button[aria-pressed=true]{color:white;background:#171e2b;border-color:#171e2b}.filters button:hover{border-color:#476bc2}.sort{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted)}.sort select{background:white;border:1px solid var(--line);padding:8px 10px;color:var(--ink);border-radius:9px}.results{font-size:12px;color:var(--muted);margin:17px 0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{background:white;border:1px solid #e0e4ea;border-radius:20px;overflow:hidden;min-width:0;box-shadow:0 10px 35px #16243a08;transition:transform .22s,box-shadow .22s}.card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #16243a19}.card-photo{position:relative;aspect-ratio:1.53;background:#161b24;overflow:hidden}.card-photo img{width:100%;height:100%;object-fit:cover;transition:transform .38s}.card:hover img{transform:scale(1.045)}.tag{position:absolute;top:12px;left:12px;background:#0c111bd9;color:white;border:1px solid #ffffff33;border-radius:30px;padding:5px 9px;font-size:10px;letter-spacing:.03em}.card-body{padding:17px 19px 19px}.card h3{margin:0;font-size:23px;font-weight:630;letter-spacing:-.055em}.facts{margin:5px 0 14px;color:var(--muted);font-size:12px}.card-foot{border-top:1px solid #e7eaf0;padding-top:13px;display:flex;gap:6px;justify-content:space-between;align-items:center}.card-foot strong{font-size:15px;font-weight:700;white-space:nowrap}.card-foot small{font-size:9px;color:var(--muted)}.detail-button{border:1px solid var(--line);background:white;border-radius:999px;font-size:12px;font-weight:650;padding:7px 10px;color:var(--ink);white-space:nowrap}.detail-button:hover{color:white;background:var(--ink)}
.experience{position:relative;isolation:isolate;overflow:hidden;background:#101723;color:white}.experience-image{position:absolute;inset:0;background:linear-gradient(90deg,#0d1420 10%,#0d1420df 27%,#0d142040 60%),linear-gradient(120deg,#17202e,#2e4262);z-index:-1;opacity:.86}.experience-inner{padding-block:90px 105px}.experience p:not(.eyebrow){max-width:320px;color:#d3dbe9;margin:20px 0}.footer{min-height:122px;display:flex;gap:22px;align-items:center;justify-content:space-between;padding-block:22px}.footer p,.footer>a:last-child{font-size:12px;color:var(--muted)}.footer strong{color:var(--ink)}
dialog{border:0;border-radius:22px;padding:0;width:min(960px,calc(100% - 30px));max-height:calc(100dvh - 32px);background:white;color:var(--ink);box-shadow:0 30px 90px #080f2c66}dialog::backdrop{background:#0a101cc2;backdrop-filter:blur(9px)}.detail-shell{position:relative}.close{z-index:1;position:absolute;top:13px;right:13px;background:#172238;color:white}.close:hover{background:#28478b}.detail-top{display:grid;grid-template-columns:1.25fr 1fr}.detail-photo{min-height:310px;width:100%;height:100%;object-fit:cover;background:#151c26}.detail-copy{padding:40px 30px 24px}.detail-copy h2{margin:0;font-size:40px;line-height:1;letter-spacing:-.065em}.detail-copy p{color:var(--muted)}.detail-copy .price{font-size:23px;font-weight:700;color:var(--ink)}.specs{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:17px 0}.specs div{background:#f0f3f7;border-radius:11px;padding:9px 11px}.specs dt{font-size:11px;color:var(--muted)}.specs dd{margin:3px 0 0;font-size:14px;font-weight:650}.booking{margin:0;padding:19px 30px 27px;border-top:1px solid var(--line)}
@media(max-width:960px){:root{--frame:calc(100% - 56px)}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:clamp(72px,12vw,116px)}.hero-scene img{object-position:60% 62%}}
@media(max-width:640px){:root{--frame:calc(100% - 32px)}.hero{min-height:720px}.nav{padding-block:17px}.nav-links{display:none}.nav .button{padding-inline:12px;min-height:38px;font-size:11px}.wordmark{font-size:18px}.wordmark img{width:34px;height:34px}.hero-content{padding-top:42px;padding-bottom:225px}.hero h1{font-size:76px}.hero-copy{margin:17px 0;max-width:250px}.hero-scene img{position:absolute;inset:auto 0 41px;height:63%;object-position:62% 63%}.hero::after{background:linear-gradient(180deg,#0b1017 5%,#0b1017 31%,#0b101700 65%,#0b1017 99%)}.hero-bar{padding-block:10px 14px}.inventory{padding-block:61px}.section-top{display:block;margin-bottom:25px}.section-top>p{margin:10px 0}.filterbar{align-items:start;flex-direction:column}.grid{grid-template-columns:1fr}.experience-inner{padding-block:70px}.experience-image{background-position:61% center}.footer{flex-wrap:wrap}.footer p{order:3;width:100%;margin:0}.detail-top{grid-template-columns:1fr}.detail-photo{min-height:0;max-height:240px}.detail-copy{padding:19px 18px}.booking{padding:17px 18px}.detail-copy h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.hero-scene img{transform:none}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}

.hero-scene{transition:opacity .2s ease-out}.hero-scene.switching{opacity:0}.hero-scene.alternate>img{visibility:hidden}
.vehicle-image{position:relative;overflow:hidden;background:#151c26}.vehicle-image>div{position:absolute;left:50%;top:50%;width:100%;aspect-ratio:1;transform:translate(-50%,-53%);background-image:url('./assets/collection.jpg');background-size:300% 200%;background-position:var(--car-x,0%) var(--car-y,0%);transition:transform .36s}
.vehicle-defender{--car-x:50%}.vehicle-rs6{--car-x:100%}.vehicle-m3{--car-y:100%}.vehicle-ioniq{--car-x:50%;--car-y:100%}.vehicle-hilux{--car-x:100%;--car-y:100%}
.card-image{height:100%}.card:hover .card-image>div{transform:translate(-50%,-53%) scale(1.045)}
.hero-alternate{position:absolute;inset:0 0 0 29%;background:#151c26}.hero-alternate>div{width:min(100%,950px);transform:translate(calc(-50% + var(--x,0px)),calc(-49% + var(--y,0px)))}
.detail-photo>div{width:100%}.experience-image::after{content:"";position:absolute;inset:0 0 0 45%;background:linear-gradient(90deg,#101723 0%,transparent 30%),url('./assets/collection.jpg');background-size:100% 100%,300% 200%;background-position:center,50% 0%;opacity:.75}
@media(max-width:640px){.hero-alternate{inset:36% 0 0}.hero-alternate>div{width:110%;transform:translate(-50%,-55%)}.detail-photo{height:220px}.experience-image::after{inset:0 0 0 25%;opacity:.4}}
/* APEX showroom and glass controls */
[hidden]{display:none!important}
:root{--accent:#9bb8ff;--navy:#0a1120;--paper:#f1f3f7}
.nav{position:relative;z-index:4;margin-top:20px;padding:10px 13px 10px 15px;border:1px solid #e1e9ff31;border-radius:24px;background:linear-gradient(130deg,#25334d8a,#10192b6b);box-shadow:0 14px 46px #040a1b50,inset 0 1px #ffffff24;backdrop-filter:blur(24px) saturate(140%)}
.nav-links{gap:clamp(16px,3vw,40px)}
.wordmark{font-weight:620;letter-spacing:.19em}
.wordmark small{letter-spacing:.3em}
.hero-content{padding-top:clamp(67px,11vh,145px)}
.hero-actions,.contact-buttons{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.button{gap:10px;min-height:44px;padding-inline:17px}
.glass,.arrows button,.icon-button{background:linear-gradient(142deg,#ffffff26,#a7c0ff14 50%,#13254575);border:1px solid #d2deff4f;box-shadow:inset 0 1px #ffffff28,0 8px 24px #070c1929;backdrop-filter:blur(16px) saturate(150%);color:#f7faff}
.glass:hover,.icon-button:hover{background:linear-gradient(140deg,#ffffff40,#617ba960);color:white;border-color:#e0e9ff82}
.contact-action svg,.catalog-search svg,.detail-button svg,.icon-button svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.icon-button{display:inline-grid;place-items:center;width:42px;height:42px;min-width:42px;border-radius:50%;padding:0;line-height:1}
.nav .menu-toggle{display:none}
.mobile-nav{position:absolute;top:86px;left:16px;right:16px;z-index:5;padding:12px;display:grid;gap:4px;background:#151f32f4;border:1px solid #a4baff55;border-radius:16px;backdrop-filter:blur(18px);box-shadow:0 14px 36px #02071188}
.mobile-nav a{padding:9px 11px;border-radius:9px;color:#edf3ff;font-weight:550}
.mobile-nav a:hover{background:#ffffff17}
.catalog-tools{display:flex;justify-content:flex-end;margin:-4px 0 13px}
.catalog-search{display:flex;align-items:center;gap:8px;min-width:min(100%,260px);padding:0 12px;background:#fff;border:1px solid #d8deea;border-radius:13px;color:#415377}
.catalog-search input{width:100%;padding:10px 0;border:0;background:transparent;color:var(--ink);outline:none;font-size:13px}
.catalog-search:focus-within{outline:2px solid #759dff;outline-offset:2px}
.card{border-radius:20px;box-shadow:0 10px 24px #2437560a}
.card-photo .tag{background:#20283bbe;box-shadow:inset 0 1px #e3ebff2a;backdrop-filter:blur(9px)}
.card-foot .detail-button{display:inline-flex;align-items:center;gap:5px}
.card-foot .detail-button svg{width:13px;height:13px}
.vehicle-image>div{background-image:var(--atlas);background-size:var(--cols) var(--rows)}
.showroom-layout{display:grid;grid-template-columns:minmax(250px,.68fr) minmax(0,1.32fr);gap:48px;align-items:center;padding-block:88px}
.experience{background:radial-gradient(ellipse at 74% 50%,#253f67 0%,#121f34 47%,#0b1424 79%)}
.experience-inner{padding-block:0}
.experience-inner h2{font-size:clamp(43px,5.5vw,83px)}
.orbit{border:1px solid #aec4f057;border-radius:23px;overflow:hidden;background:linear-gradient(125deg,#22334d80,#0b1425f0);box-shadow:inset 0 1px #d2e2ff2c,0 24px 54px #03091b58;color:#f3f7ff}
.orbit-stage{position:relative;aspect-ratio:1.6;min-height:220px;overflow:hidden;perspective:850px;touch-action:pan-y;cursor:grab;isolation:isolate}
.orbit-stage:active{cursor:grabbing}
.orbit-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 66%,#477bb18a,transparent 63%),linear-gradient(180deg,#0c1626,#1a2c49);pointer-events:none}
.orbit-views{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateY(var(--drag,0deg));transition:transform .18s ease-out}
.orbit-photo{position:absolute;inset:5% 16% 9%;border:1px solid #c1d6ff5a;border-radius:17px;box-shadow:0 17px 35px #03091688;transition:transform .48s cubic-bezier(.2,.7,.2,1),opacity .4s,filter .4s;overflow:hidden}
.orbit-photo>div{width:max(100%,240px);transform:translate(-50%,-51%)}
.orbit-photo[data-depth=center]{transform:translate3d(0,0,58px);z-index:3;opacity:1}
.orbit-photo[data-depth=left]{transform:translate3d(-42%,0,-135px) rotateY(36deg);z-index:1;opacity:.68;filter:brightness(.58)}
.orbit-photo[data-depth=right]{transform:translate3d(42%,0,-135px) rotateY(-36deg);z-index:1;opacity:.68;filter:brightness(.58)}
.orbit-photo[data-depth=far]{transform:translate3d(0,0,-200px);opacity:0}
.orbit-counter{position:absolute;z-index:5;left:13px;bottom:11px;padding:5px 9px;background:#091222c7;border:1px solid #afcaff4d;border-radius:999px;font-size:10px;letter-spacing:.09em}
.orbit-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:8px 11px;border-top:1px solid #c8d8ff2e;background:#0d1729ae}
.orbit-bar .icon-button{width:36px;height:36px;min-width:36px}
.orbit-choices{display:flex;justify-content:center;gap:5px;flex-wrap:wrap}
.orbit-choices button{border:1px solid transparent;border-radius:999px;padding:5px 8px;font-size:11px;color:#d6e4ff;background:transparent}
.orbit-choices button[aria-pressed=true]{color:#fff;background:#788eb33e;border-color:#bbcff975;box-shadow:inset 0 1px #ffffff28}
.about{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-block:85px 64px}
.about h2,.contact-strip h2{font-size:clamp(37px,5vw,70px);font-weight:570;letter-spacing:-.075em;line-height:1;margin:0}
.about p:not(.eyebrow){color:var(--muted);max-width:470px;margin:0 0 14px}
.contact-strip{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:32px 36px;border-radius:24px;background:radial-gradient(ellipse at 80% 20%,#304970,#141f33 62%,#0e192c);color:#fff;box-shadow:inset 0 1px #c6d8ff5c}
.contact-strip h2{font-size:clamp(28px,4vw,54px)}
.contact-strip p:not(.eyebrow){margin:10px 0 0;color:#c8d6ed;font-size:12px}
.contact-buttons{align-items:center;justify-content:flex-end;flex-direction:column;flex-shrink:0}
.contact-buttons>a:last-child{font-size:14px;letter-spacing:.02em;color:#e2ebfa}
.floating-contact{position:fixed;right:22px;bottom:max(18px,env(safe-area-inset-bottom));z-index:6;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:linear-gradient(145deg,#2aa66ef0,#136342f0);color:white;border:1px solid #e5fff175;box-shadow:inset 0 1px #fff5,0 10px 26px #042a234b;backdrop-filter:blur(12px)}
.floating-contact:hover{background:#146745}.floating-contact svg{width:24px;height:24px}
dialog{border:1px solid #becde5a6}.detail-top{grid-template-columns:1.16fr 1fr;padding:13px;gap:8px;background:linear-gradient(145deg,#ecf1fb,#fff)}
#detail-gallery{align-self:center;min-width:0}
#detail-gallery .orbit{border-radius:16px}
#detail-gallery .orbit-stage{min-height:220px}
.detail-copy{padding:38px 20px 15px}.detail-copy .button{margin-top:10px}
.close.icon-button{top:10px;right:10px;background:linear-gradient(130deg,#293850,#152033);border-color:#c7d9ff80}
.empty-state{grid-column:1/-1;border:1px dashed var(--line);border-radius:15px;padding:22px;color:var(--muted)}
@media(max-width:960px){.nav-links{gap:16px}.showroom-layout{gap:20px;grid-template-columns:.72fr 1.28fr}.orbit-photo{inset:7% 14% 13%}}
@media(max-width:690px){.nav{margin-top:12px;padding:7px 8px;gap:7px;border-radius:16px}.nav-links{display:none}.nav .menu-toggle{display:inline-grid}.nav .contact-action{margin-left:auto}.hero-actions .button{min-height:40px;padding-inline:12px;font-size:12px}.showroom-layout,.about{grid-template-columns:1fr;gap:24px;padding-block:56px}.catalog-tools{justify-content:stretch}.catalog-search{width:100%}.contact-strip{flex-direction:column;align-items:flex-start;padding:23px}.contact-buttons{align-items:flex-start}.detail-top{grid-template-columns:1fr}.detail-copy{padding:12px 8px 9px}.detail-top{padding-top:48px}.orbit-stage,#detail-gallery .orbit-stage{min-height:190px}.floating-contact{right:13px;width:46px;height:46px}.footer{padding-right:46px}.orbit-choices button{padding:4px 6px}}
@media(prefers-reduced-motion:reduce){.orbit-views{transform:none}.orbit-photo[data-depth=center]{transform:none}.orbit-photo[data-depth=left],.orbit-photo[data-depth=right]{opacity:0}}

.card{position:relative}.card .detail-button::after{content:"";position:absolute;inset:0;z-index:2;border-radius:20px;cursor:pointer}