.mobile-menu-toggle{display:none}html.mobile-menu-open,html.mobile-menu-open body{overflow:hidden}
#mobile-menu{width:100vw;max-width:none;height:100svh;max-height:none;margin:0;padding:0;border:0;background:#080a0d;color:#fff;overflow:auto;overscroll-behavior:contain}
#mobile-menu::backdrop{background:#000}#mobile-menu[open]{animation:menu-enter .35s ease both}
.mobile-menu-photo,.mobile-menu-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:63% center;pointer-events:none}.mobile-menu-shade{background:linear-gradient(90deg,#000d,#0007),linear-gradient(0deg,#000e,transparent 65%,#0008)}
.mobile-menu-inner{position:relative;display:flex;flex-direction:column;min-height:100%;padding:20px 7% max(25px,env(safe-area-inset-bottom))}.mobile-menu-top{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:2px}.mobile-menu-close{width:44px;height:44px;font-size:36px;font-weight:200;border:1px solid #ffffff40;border-radius:50%}
#mobile-menu nav{display:flex;flex:1;flex-direction:column;justify-content:center;gap:0;padding:28px 0}#mobile-menu nav a{display:block;position:relative;font-size:clamp(27px,8.6vw,48px);font-weight:300;letter-spacing:-1.6px;line-height:1.04;border-bottom:1px solid #ffffff25;padding:17px 25px 17px 25px}#mobile-menu nav small{position:absolute;left:0;top:22px;font-size:8px;letter-spacing:0;color:#b4b4b4}#mobile-menu nav a>span{position:absolute;right:0;top:19px;font-size:21px;color:#aaa}
.mobile-menu-bottom{padding-top:15px}.mobile-menu-social{display:flex;gap:19px;align-items:center;margin-bottom:30px}.mobile-menu-social svg{width:23px;height:23px}.mobile-menu-social>a{min-width:32px;min-height:36px;display:flex;align-items:center}.mobile-menu-saved{margin-left:auto;font-size:11px}.mobile-menu-logo{width:180px;height:auto;display:block}
@keyframes menu-enter{from{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:none}}
@media(max-width:700px){#site-header{height:76px!important;padding:0 6%;gap:15px}#site-header>nav{display:none!important}#site-header .header-contact,#site-header .garage{display:none}#site-header .header-actions{display:flex;gap:0}#site-header .logo img{width:145px;height:auto}.mobile-menu-toggle{width:45px;height:45px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid #ffffff45;border-radius:50%;color:#fff}.mobile-menu-toggle span{display:block;width:20px;height:1px;background:currentColor}.collection-slider{margin-top:76px}.product-page main{padding-top:0}.universe-page main,.finder-page main,.discovery-page main{padding-top:76px}.hero-intro{padding-top:0}.archive-page .filter-dock{top:84px}.archive-page .filter-panel{max-height:calc(100svh - 175px)}}
@media(prefers-reduced-motion:reduce){#mobile-menu[open]{animation:none}}
/* A quiet black canvas, with the car emerging only below the navigation. */
#mobile-menu{background:#050505}.mobile-menu-photo{top:auto;bottom:0;height:75%;object-position:63% center;opacity:.55;-webkit-mask-image:linear-gradient(transparent,black 45%);mask-image:linear-gradient(transparent,black 45%)}.mobile-menu-shade{background:linear-gradient(0deg,#000a,transparent 48%,#0008)}.mobile-menu-inner{padding:18px 7% max(28px,env(safe-area-inset-bottom))}.mobile-menu-top{justify-content:flex-end}.mobile-menu-close{border:0;font-size:35px}.mobile-menu-top>span{display:none}#mobile-menu nav{align-items:stretch;justify-content:flex-start;padding:50px 0 90px;gap:5px}#mobile-menu nav a{padding:20px 28px 20px 0;font-size:clamp(27px,8.4vw,43px);font-weight:400;letter-spacing:-1.7px;line-height:1.1;border-color:#ffffff18}#mobile-menu nav small{display:none}#mobile-menu nav a>span{top:25px;font-size:19px;color:#80858b}.mobile-menu-bottom{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-direction:row-reverse}.mobile-menu-social{margin:0;gap:12px}.mobile-menu-logo{width:165px}.mobile-menu-social svg{width:21px;height:21px}
@media(max-height:700px){#mobile-menu nav{padding:20px 0 45px}#mobile-menu nav a{padding-top:16px;padding-bottom:16px;font-size:30px}}
.mobile-menu-photo{-webkit-mask-image:linear-gradient(transparent 0%,transparent 30%,black 45%);mask-image:linear-gradient(transparent 0%,transparent 30%,black 45%)}
/* Five clear destinations, without crowding the car or footer. */
@media(max-width:700px){#mobile-menu nav{margin-top:28px;gap:0}#mobile-menu nav>a{font-size:clamp(24px,6.8vw,32px);padding:17px 0}.mobile-menu-photo{height:68%}}
@media(max-width:700px) and (max-height:700px){#mobile-menu nav{margin-top:10px}#mobile-menu nav>a{font-size:24px;padding:12px 0}}