@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Montserrat:wght@400;500;600;700;800&family=Oswald:wght@400;500;600;700&family=Poppins:wght@400;500;600;700;800&family=Roboto:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=Barlow:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0b0b0b;--panel:#151515;--blue:#0079e7;--red:#dc0011;--muted:#999}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:64px}body{margin:0;background:var(--bg);color:white;font-family:Barlow,Arial,sans-serif}.shell{width:min(1230px,calc(100% - 48px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:#0b0b0b;border-bottom:1px solid #292929}.nav{height:57px;display:flex;align-items:center;justify-content:space-between}.logo{width:132px;max-height:48px;object-fit:contain}.nav nav{display:flex;gap:34px}.nav nav a{color:#999;text-decoration:none;font-weight:700;font-size:12px;letter-spacing:1.2px}.nav nav a:hover,.nav nav a:focus{color:white}.menu{display:none;background:none;color:white;border:0;font-size:26px;cursor:pointer}.hero{background:#000}.hero-image{position:relative;aspect-ratio:1377/654;background:url('assets/hero.png') center/cover no-repeat;max-height:760px}.hero-button{position:absolute;left:5.3%;top:79.8%;width:13%;height:8.2%;z-index:2}.hero-button:focus-visible{outline:3px solid white}.hero-mobile{display:none}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.5px;color:var(--blue);margin:0 0 14px}h1,h2,h3{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;line-height:.98;margin:0;text-transform:uppercase}h2{font-size:56px}h3{font-size:26px}.muted{color:#999;margin-top:16px;font-size:15px}.events{min-height:300px;padding:64px 0;background:radial-gradient(ellipse at center,#111 0%,#0a0a0a 80%)}.empty{color:#777;font-size:14px;margin-top:55px}.fleet{padding:64px 0;background:#151515}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:50px}.car{background:#151515;border:1px solid #303030;min-width:0}.photo{height:auto;aspect-ratio:392/244;position:relative;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover;display:block}.tag{position:absolute;top:12px;left:12px;background:var(--red);padding:5px 10px;font-size:12px;font-weight:800;letter-spacing:.5px}.car-body{padding:20px 19px 28px}.model{font-size:12px;font-weight:700;color:var(--blue);letter-spacing:.3px;margin:7px 0 15px}.specs{display:flex;gap:22px;margin-bottom:22px}.specs div{display:flex;flex-direction:column}.specs small{color:#999;font-size:11px}.specs strong{font-size:14px}.car-body>p:last-child{font-size:14px;line-height:1.48;color:#a0a0a0;margin:0}.team{background:#090909;min-height:290px;padding:68px 0}footer{padding:30px 0;border-top:1px solid #222;color:#888;font-size:12px;letter-spacing:1px}.footer-right{float:right}.red-button{background:var(--red);color:white;text-decoration:none;font-weight:800;padding:16px 23px;display:inline-block;margin-top:16px;font-size:13px}a:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}@media(max-width:800px){.cards{grid-template-columns:1fr 1fr}.hero-image{aspect-ratio:1377/654}.hero-button{left:5%;top:79%;width:15%}h2{font-size:48px}}@media(max-width:600px){.shell{width:calc(100% - 36px)}.menu{display:block}.nav nav{display:none;position:absolute;top:57px;left:0;right:0;background:#0b0b0b;padding:24px;flex-direction:column;gap:22px;border-bottom:1px solid #333}.nav nav.open{display:flex}.hero-image{height:250px;aspect-ratio:auto;background-size:auto 100%;background-position:center top}.hero-button{display:none}.hero-mobile{display:block;padding:25px 18px 40px;background:linear-gradient(#080d17,#090909)}.hero-mobile h1{font-size:52px}.hero-mobile>p:not(.eyebrow){color:#ddd;line-height:1.5}.cards{grid-template-columns:1fr;gap:20px;margin-top:30px}.fleet,.events,.team{padding:52px 0}h2{font-size:44px}.footer-right{float:none;display:block;margin-top:12px}}

/* Alignment correction: preserve the screenshot's original full-width hero
   instead of cropping it with background-size: cover. */
html,body{width:100%;max-width:100%;overflow-x:hidden}
.shell{width:calc(100% - 48px);max-width:1230px;margin-left:auto;margin-right:auto}
.hero{width:100%;overflow:hidden}
.hero-image{width:100%;height:auto;max-height:none;aspect-ratio:1377/654;background-size:100% 100%;background-position:center center}
.cards{width:100%;align-items:stretch}
@media(max-width:600px){
 .shell{width:calc(100% - 36px)}
 .hero-image{width:100%;height:auto;aspect-ratio:1377/654;background-size:100% 100%;background-position:center center}
}

/* Theme controls from content/design.json */

:root{
  --site-text:#fff;--header-bg:#0b0b0b;
  --body-font:'Barlow',Arial,sans-serif;--heading-font:'Barlow Condensed',Impact,sans-serif;
  --body-size:16px;--heading-size:56px;--nav-size:12px;--button-size:13px;
  --button-radius:0px;--button-py:16px;--button-px:23px;--logo-width:132px;
}
body{color:var(--site-text);font-family:var(--body-font);font-size:var(--body-size)}
h1,h2,h3{font-family:var(--heading-font)}
h2{font-size:var(--heading-size)}
.site-header,.nav nav.open{background:var(--header-bg)}
.logo{width:var(--logo-width)}
.nav nav a{font-size:var(--nav-size);color:var(--muted)}
.red-button{font-size:var(--button-size);border-radius:var(--button-radius);padding:var(--button-py) var(--button-px)}
.muted,.car-body>p:last-child,.empty,footer,.specs small{color:var(--muted)}
.fleet,.car{background:var(--panel)}
.events,.team{background:var(--bg)}
@media(max-width:600px){h2{font-size:clamp(28px,8vw,var(--heading-size))}}
