.brand{width:clamp(170px,20vw,220px);left:50%;top:50%;transform:translate(-50%,-50%);display:block;padding:0;background:none;border-radius:0}.brand-logo{display:block;width:100%;height:auto}.brand:focus-visible{outline:2px solid #80b5ff;outline-offset:9px}
.site-header{height:112px}.nav{top:50%;transform:translateY(-50%)}.utility{top:16px;height:80px}.nav-left{left:7.7%;width:28%}.nav-right{left:64.5%;width:28%}.nav a{position:relative;padding:6px 0}.nav a:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:#498bff;transform:scaleX(0);transform-origin:left;transition:transform .25s}.nav a:hover:after,.nav a[aria-current=page]:after{transform:scaleX(1)}.collection-preview-label{font:11px/1.4 var(--body);letter-spacing:.03em;color:#9da8ba;margin:0;padding:0 0 12px}.vehicle-photo{overflow:hidden}.vehicle-photo:after{content:'';position:absolute;inset:0;border:1px solid #ffffff12;pointer-events:none}.vehicle-card{box-shadow:0 0 0 1px #ffffff08}.button{border-radius:2px}.button:active,.outline-button:active{transform:translateY(1px)}.action-tile{transition:transform .4s,border-color .4s}.action-tile:hover{transform:translateY(-4px)}
.entry-loader{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 45%,#071526,#01050c 65%);color:#fff;animation:loader-safety 0s 4.25s forwards}.entry-loader-core{width:min(340px,72vw);display:flex;align-items:center;flex-direction:column;position:relative}.loader-logo{position:relative;width:100%;aspect-ratio:600/230;animation:logo-arrive .7s cubic-bezier(.2,.7,.3,1) both}.loader-logo img{display:block;width:100%;height:auto}.loader-logo:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 38%,#9bcaff99 47%,#fff 50%,transparent 61%);background-size:260% 100%;background-position:180% 0;mask:url('/assets/jb-classics-logo.svg') center/contain no-repeat;-webkit-mask:url('/assets/jb-classics-logo.svg') center/contain no-repeat;opacity:0;animation:logo-sheen .85s .55s ease both}
.loader-progress{height:3px;background:#22344b;width:100%;margin-top:42px;overflow:hidden}.loader-progress-fill{display:block;height:100%;width:0;background:#247bff;box-shadow:0 0 12px #2694ff;transition:width .3s ease}.loader-status{font:300 14px var(--body);letter-spacing:.15em;color:#a7b6cd;margin:15px 0 0}.entry-loader.departing{pointer-events:none;animation:loader-exit .35s cubic-bezier(.7,0,.3,1) forwards}.intro-play .hero-photo{animation:hero-entry 1s cubic-bezier(.2,.6,.3,1) both}.intro-play .hero-copy{animation:page-in .7s .1s both}.intro-play .site-header{animation:page-in .45s both}@keyframes logo-arrive{from{opacity:0;transform:translateY(10px);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes logo-sheen{15%{opacity:.85}to{opacity:0;background-position:-90% 0}}@keyframes entry-progress{to{width:100%}}@keyframes loader-exit{to{opacity:0;transform:translateY(-20px)}}@keyframes loader-safety{to{visibility:hidden;pointer-events:none}}
@media(max-width:760px){.site-header{height:98px}.brand{width:min(180px,calc(100vw - 140px));padding:0;top:50%;transform:translate(-50%,-50%)}.utility-left{top:27px;left:10px;height:auto}.menu-toggle{top:27px}.mobile-nav{top:98px}.hero{height:460px}.hero-photo{object-position:50% center}.hero-copy{left:22px;bottom:24px}.hero h1{font-size:34px}.inner-main{padding-top:30px}.vehicle-copy h3{letter-spacing:.01em}.collection-preview-label{font-size:10px}.entry-loader-core{width:min(280px,72vw)}.loader-progress{margin-top:36px}}
@media(prefers-reduced-motion:reduce){.loader-logo{opacity:1;animation:none}.loader-logo:after{display:none}.loader-progress-fill{transition:none}.entry-loader.departing{opacity:0}.entry-loader{animation:loader-safety 0s 4.25s forwards!important}}