@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#102d46;--blue:#0875a3;--red:#b83e4e;--pale:#eef4f8;--muted:#5c6d7b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--navy);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #0c96d0;outline-offset:5px}.topline{background:var(--navy);color:#d6e6ee;padding:11px 6%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.6px}.topline a{letter-spacing:.5px}header{height:98px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid #e6ecf0}.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:1px;font-size:23px}.brand svg{width:34px;height:43px}.brand small{display:block;font-size:8px;letter-spacing:2.4px;margin-top:3px}.blue{color:var(--blue)}nav{display:flex;gap:29px;font-size:13px}nav a:hover{color:var(--blue)}.header-call{font-size:13px;font-weight:700;border:1px solid #dbe3e9;padding:13px 18px;border-radius:5px}.hero{display:grid;grid-template-columns:1.08fr 1fr;min-height:580px;background:#f6f9fb}.hero-copy{padding:80px 7% 60px 11%}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;display:flex;gap:10px;align-items:center;margin-bottom:25px}.eyebrow i{width:7px;height:7px;background:var(--red);border-radius:50%}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-1.7px}h1{font-size:clamp(40px,4.5vw,70px);line-height:1.1;margin:0 0 25px;font-weight:800}h1 em{font-style:normal;color:var(--blue)}p{color:var(--muted);font-size:15px;line-height:1.8}.hero-copy>p{max-width:445px}.actions{display:flex;gap:12px;margin:30px 0}.button{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:17px 22px;font-size:13px;font-weight:700;border-radius:5px;cursor:pointer;transition:transform .2s}.button:hover{transform:translateY(-2px)}.red{background:var(--red);color:#fff;border:1px solid var(--red)}.outline{border:1px solid #c5d1db;background:white}.hero-note{display:flex;gap:12px;font-size:10px;color:var(--muted);margin-top:35px}.hero-note b{color:var(--blue)}.hero-art{overflow:hidden;position:relative;background-color:#bcd5ec;background-image:linear-gradient(30deg,#ffffff30 12%,transparent 12.5%,transparent 87%,#ffffff30 87.5%,#ffffff30),linear-gradient(150deg,#ffffff30 12%,transparent 12.5%,transparent 87%,#ffffff30 87.5%,#ffffff30),linear-gradient(30deg,#ffffff30 12%,transparent 12.5%,transparent 87%,#ffffff30 87.5%,#ffffff30),linear-gradient(150deg,#ffffff30 12%,transparent 12.5%,transparent 87%,#ffffff30 87.5%,#ffffff30),linear-gradient(60deg,#4c87bf35 25%,transparent 25.5%,transparent 75%,#4c87bf35 75%,#4c87bf35);background-size:100px 175px;background-position:0 0,0 0,50px 88px,50px 88px,0 0;display:flex;align-items:center;justify-content:center}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,#e5effa66,transparent 65%);pointer-events:none}.fob{width:93%;max-height:500px;position:relative;z-index:1}.art-label,.art-bottom{position:absolute;z-index:2;font-size:8px;letter-spacing:1.7px;left:32px;right:32px}.art-label{top:30px}.art-bottom{bottom:28px;display:flex;justify-content:space-between}.service-ribbon{padding:26px 6%;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #dde5eb;font-size:11px;letter-spacing:2px;font-weight:700}.service-ribbon b{color:var(--red)}.section{padding:90px 6%}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:40px}.section-heading>p{max-width:360px;margin-bottom:6px}h2{font-size:clamp(30px,3.3vw,47px);line-height:1.16;margin:0 0 22px}.section-heading h2{margin-bottom:0}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service{padding:30px;background:#f3f6f9;border:1px solid #e5ebf0;border-radius:6px;display:flex;flex-direction:column;transition:background .2s}.service:hover{background:#e9f0f6}.num{display:flex;justify-content:space-between;font-size:11px;color:#6c8496;margin-bottom:35px}.num b{font-size:23px;font-weight:400}.service h3{font-size:22px;line-height:1.3;letter-spacing:-.7px;margin:0}.service p{font-size:13px;line-height:1.8}.tag{font-size:8px;letter-spacing:1.5px;margin-top:auto;padding-top:18px;color:var(--blue);font-weight:700}.featured,.featured:hover{background:var(--navy);color:white}.featured p,.featured .num{color:#c3d4e1}.featured .tag{color:#8bcae7}.help{background:white;justify-content:center}.help a{color:var(--red);font-size:13px;font-weight:700;margin-top:14px;display:flex;justify-content:space-between}.approach{background:#f2f6f8;display:grid;grid-template-columns:1fr 1fr;gap:100px}.approach>div>p{max-width:440px}.signature{font-size:19px;margin-top:30px}.signature span{display:block;font-size:8px;letter-spacing:2px;margin-top:9px;color:var(--blue)}.steps article{display:flex;gap:24px;padding:22px 0;border-bottom:1px solid #d9e3e9}.steps article:first-child{padding-top:0}.steps article>span{font-size:12px;color:var(--blue);padding-top:6px}.steps h3{font-size:18px;letter-spacing:-.5px;margin:0}.steps p{font-size:13px;margin-bottom:0}.area{position:relative;overflow:hidden;background:var(--navy);color:white}.area h2 span{color:#7db5da}.area p{color:#c1d1df;max-width:440px}.text-link{display:inline-block;color:white;border-bottom:1px solid #78a3bf;padding-bottom:8px;font-size:13px;margin-top:10px}.area-mark{position:absolute;right:8%;top:35px;font-size:230px;font-weight:800;letter-spacing:-20px;color:#ffffff0c;transform:rotate(-8deg)}.area-mark span{display:block;font-size:15px;letter-spacing:14px;text-align:center}.quote{display:grid;grid-template-columns:1fr 1fr;gap:100px}.quote>div>p{max-width:350px}.big-phone{font-size:27px;font-weight:700;display:block;margin:30px 0 13px}.email{font-size:13px;color:var(--blue)}.contact-note{margin-top:35px;font-size:12px;line-height:1.7;color:var(--muted);max-width:310px}form{background:#f3f6f9;padding:30px;border-radius:8px}label{display:block;font-size:11px;font-weight:700;margin-bottom:18px}input,select,textarea{display:block;width:100%;border:1px solid #d8e1e8;border-radius:4px;background:white;padding:13px;margin-top:8px;font-size:13px;color:var(--navy)}textarea{resize:vertical}.field-row{display:grid;grid-template-columns:1fr 2fr;gap:15px}form button{width:100%}.form-note,#form-status{font-size:10px;line-height:1.6;margin:13px 0 0}.faq{padding-top:0;max-width:1000px;margin:auto}details{border-bottom:1px solid #dbe4eb;padding:21px 0}summary{cursor:pointer;font-size:15px;font-weight:600}details p{font-size:13px}footer{background:#f0f4f7;padding:40px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{display:block;font-size:18px}.footer-brand span{display:block;font-size:8px;letter-spacing:3px;margin-top:5px}footer p,footer small{font-size:10px}footer>div{display:flex;gap:20px;font-size:12px}.mobile-bar{display:none}@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:1000px){nav{gap:15px}.hero-copy{padding-top:60px}.hero-note{flex-wrap:wrap}.services{grid-template-columns:repeat(2,1fr)}.quote,.approach{gap:40px}.header-call{padding:12px;font-size:11px}.area-mark{right:0}.brand{font-size:19px}}@media(max-width:700px){header{height:78px;padding:0 5%}nav{display:none}.topline{padding:10px 5%;font-size:8px}.topline a{display:none}.header-call{font-size:10px;padding:10px}.brand{font-size:17px;gap:7px}.brand small{font-size:6px}.brand svg{width:27px}.hero{grid-template-columns:1fr}.hero-copy{padding:43px 6% 35px}h1{font-size:45px}.hero-copy>p{font-size:14px}.hero-art{height:340px}.fob{width:360px;max-height:340px}.art-label{top:20px}.art-bottom{bottom:15px;font-size:6px}.hero-note{margin-top:25px;font-size:9px}.service-ribbon{flex-wrap:wrap;justify-content:center;font-size:8px;gap:14px;padding:22px 5%}.service-ribbon b:nth-of-type(2){display:none}.section{padding:55px 6%}.section-heading{display:block;margin-bottom:26px}.section-heading>p{margin-top:20px}.services{grid-template-columns:1fr}.service{padding:25px}.num{margin-bottom:20px}.service h3{font-size:23px}.service h3 br{display:none}.approach,.quote{grid-template-columns:1fr;gap:35px}.area-mark{font-size:170px;top:100px;right:-65px}.area>*:not(.area-mark){position:relative;z-index:1}.area p{max-width:290px}.big-phone{font-size:25px}form{padding:22px}.faq{padding-top:0}footer{flex-wrap:wrap;padding-bottom:100px}footer p{width:50%}footer small{width:100%;margin-top:10px}.mobile-bar{display:flex;position:fixed;bottom:0;width:100%;background:white;z-index:20;padding:10px 5%;gap:10px;box-shadow:0 -3px 20px #102d4617}.mobile-bar a{padding:14px;text-align:center;flex:1;background:var(--red);color:white;border-radius:4px;font-size:12px;font-weight:700}.mobile-bar a+ a{background:var(--navy)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Display the supplied artwork unchanged; crop only surrounding blank space in the layout. */
.original-logo{position:relative;display:block;width:235px;height:101px;overflow:hidden;flex-shrink:0;mix-blend-mode:multiply}.original-logo img{position:absolute;width:110%;max-width:none;height:auto;left:-5%;top:-27%}header{height:120px}.footer-brand.original-logo{width:140px;height:60px}@media(max-width:700px){header{height:95px}.original-logo{width:175px;height:75px}.header-call{font-size:10px;padding:9px}.footer-brand.original-logo{width:120px;height:52px}}

.contact-fields{grid-template-columns:1fr 1fr}.form-note .text-link{color:var(--blue);margin-top:0;padding-bottom:2px;font-size:11px}@media(max-width:700px){.contact-fields{grid-template-columns:1fr}}
/* Interactive dimensional hero */
.hero-art{perspective:1000px;min-height:580px;touch-action:pan-y;background-color:#b4cee5}.key-model{position:relative;width:92%;max-width:500px;z-index:2;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .18s ease-out;cursor:grab;user-select:none;will-change:transform}.key-model:active{cursor:grabbing}.key-model .fob{width:100%;overflow:visible;filter:drop-shadow(22px 25px 14px #16365540);animation:key-float 6s ease-in-out infinite;pointer-events:none}.key-glow{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#f3fbffb3,transparent 65%);filter:blur(12px);transition:background .4s}.orbital{position:absolute;left:12%;top:19%;width:76%;height:60%;border:1px solid #ffffff90;border-radius:50%;transform:rotate(-32deg);box-shadow:0 0 0 18px #ffffff0c}.orbital-two{transform:rotate(35deg);height:45%;top:26%;border-style:dashed;opacity:.65}.key-controls{position:absolute;z-index:4;bottom:68px;display:flex;gap:10px}.key-controls button{border:1px solid #ffffffc0;border-radius:30px;background:#ffffffe6;color:var(--navy);padding:12px 20px;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 6px 20px #173b5812;transition:transform .2s,background .2s}.key-controls button:hover{transform:translateY(-3px);background:white}.key-controls button[aria-pressed=true]{background:var(--navy);color:white;border-color:var(--navy)}.key-feedback{position:absolute;bottom:46px;font-size:9px;letter-spacing:.5px;z-index:4;color:#284b68}.live-dot{display:inline-block;background:var(--red);width:6px;height:6px;border-radius:50%;margin-left:12px;box-shadow:0 0 0 5px #b83e4e15}.hero-art.unlocked .key-glow{background:radial-gradient(circle,#b5ffdcbb,transparent 65%)}.hero-art.unlocked .orbital{border-color:#e3fff3;box-shadow:0 0 30px #acffde55}.hero-art.unlocked .live-dot{background:#20835e;box-shadow:0 0 0 5px #20835e20}.hero-art:after{pointer-events:none}.service{position:relative;transform:perspective(800px) rotateX(var(--card-x,0deg)) rotateY(var(--card-y,0deg));transition:transform .2s ease,box-shadow .2s ease,background .2s}.service:hover{box-shadow:0 16px 32px #15365216}.service .num b{transition:transform .2s}.service:hover .num b{transform:translate(3px,-3px)}.motion-ready .reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.motion-ready .reveal.visible{opacity:1;transform:translateY(0)}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:var(--red);width:100%;transform-origin:left;transform:scaleX(0);z-index:50;pointer-events:none}@keyframes key-float{0%,100%{transform:translateY(-8px)}50%{transform:translateY(5px)}}@media(max-width:700px){.hero-art{height:430px;min-height:430px}.key-model{width:330px;margin-top:-30px}.key-model .fob{max-height:330px}.key-controls{bottom:65px}.key-feedback{bottom:43px;font-size:8px}.orbital{top:16%}.art-bottom{bottom:17px}}@media(prefers-reduced-motion:reduce){.key-model .fob{animation:none}.motion-ready .reveal{opacity:1;transform:none}.key-model,.service{transform:none!important}.scroll-progress{display:none}}
/* Direction-aware navigation and scroll-driven dimensional scenes. */
header{transition:transform .38s cubic-bezier(.2,.8,.2,1),box-shadow .3s;will-change:transform}header.nav-hidden{transform:translateY(-110%)}header.nav-raised{box-shadow:0 8px 35px #102d4612}header:focus-within{transform:translateY(0)!important}.hero-art{perspective:1100px}.orbital,.key-glow{display:none}.solid-key{position:relative;width:155px;height:300px;transform-style:preserve-3d;transform:translateY(var(--key-shift,0px)) rotateX(var(--key-x,16deg)) rotateY(var(--key-y,-24deg)) rotateZ(-24deg);z-index:2;will-change:transform}.fob-layer,.fob-face,.fob-back{position:absolute;inset:0;border-radius:65px 65px 54px 54px}.fob-layer{background:linear-gradient(115deg,#f0f8ff,#7d9bb2 30%,#edf6ff 47%,#516c81 75%,#b0c9dd);border:1px solid #8da7bb}.fob-face{inset:6px;background:linear-gradient(125deg,#355069,#152b40 45%,#071827);transform:translateZ(16px);box-shadow:inset 2px 2px 4px #ffffff60,inset -3px -4px 6px #0009;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;backface-visibility:hidden}.fob-back{background:linear-gradient(125deg,#253e55,#0a1c2b);transform:translateZ(-15px) rotateY(180deg);backface-visibility:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column;border:6px solid #9db7c9;color:#9fb5c8;letter-spacing:3px;font-size:13px}.fob-back small{font-size:6px;margin-top:8px}.fob-button{width:91px;height:54px;border-radius:12px;background:linear-gradient(135deg,#304960,#12273b);box-shadow:3px 4px 5px #0007,inset 1px 1px #ffffff35;transform:translateZ(3px);display:grid;place-items:center}.fob-button svg{width:30px;fill:none;stroke:#d8eafa;stroke-width:2}.fob-led{width:5px;height:5px;border-radius:50%;background:#e14e66;box-shadow:0 0 12px #e14e66;margin-bottom:9px}.fob-engraving{font-size:7px;letter-spacing:3px;color:#7895ac;margin-top:8px}.key-loop{position:absolute;width:54px;height:65px;border:7px solid #a9c0d1;border-radius:50%;bottom:-47px;left:50px;transform:translateZ(-2px);box-shadow:inset 2px 2px 3px white,3px 6px 10px #17334a50}.scroll-cue{position:absolute;bottom:65px;z-index:3;font-size:9px;letter-spacing:2px;display:flex;gap:25px;align-items:center}.scroll-cue span{font-size:22px}.scroll-story{height:190vh;min-height:1100px;background:#0c2337;color:#fff;position:relative}.story-sticky{position:sticky;top:0;min-height:700px;height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:65px 8%;gap:6%;overflow:hidden}.story-copy{z-index:2}.story-copy h2{font-size:clamp(34px,4vw,58px)}.story-copy h2>span{color:#8ac4e8}.story-copy>p{color:#b2c7d6;max-width:370px}.story-chapters{margin:30px 0}.chapter{display:flex;gap:20px;padding:15px 0;border-top:1px solid #ffffff20;opacity:.38;transition:opacity .4s,transform .4s}.chapter.active{opacity:1;transform:translateX(8px)}.chapter>span{font-size:10px;color:#9fceeb;padding-top:4px}.chapter h3{font-size:17px;letter-spacing:-.4px;margin:0}.chapter p{font-size:12px;color:#b3c6d5;margin:4px 0 0}.story-copy>.button{max-width:250px;background:transparent;color:#fff;border-color:#53718a}.module-stage{height:450px;position:relative;perspective:1000px;display:grid;place-items:center}.module-3d{width:280px;height:330px;position:relative;transform-style:preserve-3d;transform:rotateX(var(--board-x,48deg)) rotateY(var(--board-y,-15deg)) rotateZ(var(--board-z,-28deg));will-change:transform}.module-bottom{position:absolute;inset:-15px;background:linear-gradient(135deg,#c6d7e2,#5c7c93);border:8px solid #9eb3c2;border-radius:16px;transform:translateZ(-22px);box-shadow:15px 25px 35px #0008}.module-board{position:absolute;inset:0;background:linear-gradient(135deg,#16546c,#0a364d);border:4px solid #477d90;border-radius:8px;transform-style:preserve-3d;box-shadow:0 0 0 4px #082d40,inset 0 0 30px #0005}.circuit-lines{position:absolute;inset:15px;background:repeating-linear-gradient(90deg,transparent 0 27px,#c9a96b66 28px 29px,transparent 30px 42px),repeating-linear-gradient(0deg,transparent 0 37px,#b2b58655 38px 39px,transparent 40px 55px);opacity:.7}.chip{position:absolute;background:linear-gradient(135deg,#344650,#14252d);border:4px solid #6e8994;box-shadow:6px 9px 0 #071b25,10px 14px 10px #0006;transform:translateZ(12px)}.chip-main{width:120px;height:125px;top:75px;left:75px;display:flex;align-items:center;justify-content:center;flex-direction:column}.chip-main b{font-size:35px;font-weight:400;letter-spacing:3px;color:#9cb6c7}.chip-main small{font-size:6px;letter-spacing:2px;margin-top:7px;color:#8babbc}.chip-small{width:42px;height:65px;top:35px;left:15px}.chip-small.second{top:220px;left:195px}.connector{position:absolute;bottom:-12px;left:22px;width:145px;height:37px;background:repeating-linear-gradient(90deg,#c7a157 0 8px,#253747 8px 14px);border:6px solid #142a3d;transform:translateZ(10px);box-shadow:5px 8px 0 #051823}.board-light{position:absolute;right:20px;top:20px;width:6px;height:6px;background:#8ef8d1;box-shadow:0 0 18px 8px #3fc8aa55}.module-orbit{position:absolute;width:115%;height:80%;border-radius:50%;border:1px solid #8bcdf32a;transform:rotate(-25deg);box-shadow:0 0 70px #3a90c21a}.module-caption{position:absolute;bottom:-10px;font-size:8px;letter-spacing:2px;color:#8daabf}.motion-ready .reveal{transform:translateY(45px)}.motion-ready .reveal.side-left{transform:translateX(-45px)}.motion-ready .reveal.side-right{transform:translateX(45px)}.motion-ready .reveal.visible{transform:translate(0,0)}.mobile-bar{transition:transform .35s}.mobile-bar.bar-hidden{transform:translateY(110%)}@media(max-width:700px){.solid-key{width:130px;height:252px}.fob-face{gap:7px}.fob-button{width:76px;height:43px}.fob-button svg{width:25px}.key-loop{left:39px;width:50px;height:55px;bottom:-40px}.scroll-story{height:170vh;min-height:1100px}.story-sticky{padding:38px 7%;grid-template-columns:1fr;gap:10px;min-height:700px;align-content:center}.story-copy h2{font-size:32px;margin-bottom:12px}.story-copy>p{font-size:12px;margin:8px 0}.story-copy .eyebrow{margin-bottom:13px}.story-chapters{margin:14px 0}.chapter{padding:10px 0}.chapter h3{font-size:14px}.chapter p{font-size:10px}.story-copy>.button{padding:11px 16px;font-size:11px}.module-stage{height:235px;grid-row:2}.module-3d{scale:.62}.module-caption{bottom:-6px;font-size:6px}.module-orbit{width:90%}.scroll-cue{bottom:40px}}@media(prefers-reduced-motion:reduce){header.nav-hidden,.mobile-bar.bar-hidden{transform:none}.scroll-story{height:auto;min-height:0}.story-sticky{position:relative;height:auto}.solid-key{transform:rotateX(16deg) rotateY(-24deg) rotateZ(-24deg)}.module-3d{transform:rotateX(38deg) rotateY(-15deg) rotateZ(-28deg)}.chapter{opacity:1}.motion-ready .reveal,.motion-ready .reveal.side-left,.motion-ready .reveal.side-right{opacity:1;transform:none}}
.vehicle-showcase{background:#eaf0f5}.vehicle-showcase h2 span{color:var(--blue)}.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:30px 0}.gallery-filters{display:flex;gap:8px;flex-wrap:wrap}.gallery-filters button{border:1px solid #c6d4df;border-radius:24px;background:transparent;color:var(--navy);padding:10px 20px;font-size:12px;cursor:pointer}.gallery-filters button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:white}#gallery-count{font-size:11px;color:var(--muted);white-space:nowrap}.vehicle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 18px}.vehicle-card{padding:0;border:0;background:transparent;text-align:left;color:var(--navy);cursor:pointer;min-width:0;transition:opacity .6s,transform .6s}.vehicle-card[hidden]{display:none}.vehicle-image{position:relative;overflow:hidden;border-radius:7px;background:#102d46;aspect-ratio:3/4;box-shadow:0 12px 28px #14314d17}.vehicle-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.vehicle-card:hover .vehicle-image img{transform:scale(1.035)}.enlarge-icon{position:absolute;right:12px;bottom:12px;border-radius:50%;width:32px;height:32px;background:#fffffff0;color:var(--navy);display:grid;place-items:center;font-size:22px}.vehicle-caption{padding:15px 0 6px}.vehicle-caption>span{display:block;font-family:Manrope,sans-serif;font-size:19px;font-weight:700;letter-spacing:-.5px}.vehicle-caption small{display:block;margin-top:5px;color:var(--muted);font-size:11px;line-height:1.6}.vehicle-card.gallery-pending{opacity:0;transform:translateY(35px)}#vehicle-viewer{border:0;border-radius:12px;background:#091b2b;color:white;width:min(1050px,96vw);max-width:96vw;max-height:95dvh;padding:18px;overflow:auto}#vehicle-viewer::backdrop{background:#04101dec;backdrop-filter:blur(8px)}.viewer-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:12px;color:#aac3d7}#vehicle-viewer button{cursor:pointer;background:#ffffff12;color:white;border:1px solid #ffffff35;border-radius:7px;padding:12px 16px}.viewer-frame{display:flex;align-items:center;justify-content:space-between;gap:14px}.viewer-frame img{display:block;min-width:0;max-width:calc(100% - 132px);height:70dvh;object-fit:contain}#viewer-caption{text-align:center;color:#d2e1ed;font-size:13px;margin:15px 0 0}body.viewer-open{overflow:hidden}@media(max-width:1000px){.vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}nav{gap:15px;font-size:12px}}@media(max-width:700px){.vehicle-grid{gap:22px 12px}.vehicle-caption>span{font-size:17px}.vehicle-caption small{font-size:10px}.gallery-toolbar{align-items:start;gap:8px}.gallery-filters{gap:6px}.gallery-filters button{padding:9px 12px;font-size:10px}#gallery-count{font-size:9px;padding-top:10px}.viewer-frame{position:relative;display:block}.viewer-frame img{width:100%;max-width:100%;height:68dvh}.viewer-frame button{position:absolute;bottom:5px;z-index:1}#viewer-prev{left:0}#viewer-next{right:0}#vehicle-viewer{padding:12px}.enlarge-icon{width:28px;height:28px;right:8px;bottom:8px}}@media(prefers-reduced-motion:reduce){.vehicle-card.gallery-pending{opacity:1;transform:none}.vehicle-card:hover .vehicle-image img{transform:none}}

.solid-key.photo-key{width:210px;height:420px;transform:translateY(var(--key-shift,0px)) rotateX(var(--key-x,5deg)) rotateY(var(--key-y,-12deg)) rotateZ(-16deg)}.photo-key img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(18px 24px 18px #102d4645)}@media(max-width:700px){.solid-key.photo-key{width:145px;height:290px;margin-top:-20px}}@media(prefers-reduced-motion:reduce){.solid-key.photo-key{transform:rotateZ(-16deg)}}
.photo-key{cursor:grab;touch-action:pan-y;user-select:none;transition:transform .18s ease-out}.photo-key:active{cursor:grabbing}.photo-key img{pointer-events:none}.fob-hotspot{position:absolute;left:31%;width:39%;height:14%;border:0;border-radius:12px;background:transparent;cursor:pointer;z-index:3;transition:background .15s,box-shadow .15s}.hotspot-lock{top:11%}.hotspot-trunk{top:25%}.hotspot-unlock{top:39%}.fob-hotspot:hover,.fob-hotspot:focus-visible{background:#b5e5ff22;box-shadow:inset 0 0 0 2px #d6f1ffb3}.fob-hotspot.pressed{background:#86d4ff55;box-shadow:0 0 25px #79caff90}.fob-response{position:absolute;right:20px;bottom:55px;z-index:4;display:flex;flex-direction:column;align-items:center;color:var(--navy);pointer-events:none}.fob-response svg{width:105px;height:40px;overflow:visible;fill:none;stroke:var(--navy);stroke-width:2;stroke-linejoin:round}.fob-response span{font-size:10px;font-weight:700;margin-top:6px}.fob-response small{font-size:8px;margin-top:5px}.demo-lights{opacity:0;stroke:#b83e4e;stroke-width:3}.fob-response.flash .demo-lights{animation:fob-flash .65s ease 2}.demo-trunk{transform-origin:126px 39px;transition:transform .4s}.fob-response[data-state=trunk] .demo-trunk{transform:rotate(-55deg)}.fob-response[data-state=unlock] svg{stroke:#117452}.hero-art .scroll-cue{display:none}@keyframes fob-flash{0%,100%{opacity:0}40%,65%{opacity:1}}@media(max-width:700px){.fob-response{right:15px;bottom:45px}.fob-response svg{width:75px;height:29px}.fob-response span{font-size:9px}.fob-response small{font-size:7px}.fob-hotspot{min-width:44px;min-height:44px}}@media(prefers-reduced-motion:reduce){.fob-response.flash .demo-lights{animation:none;opacity:1}}