:root{--ink:#141414;--red:#e10d0d;--red-d:#b00909;--gray:#f2f2f2;--line:#dcdcdc;--mut:#5a5a5a} *{box-sizing:border-box;margin:0} html{scroll-behavior:smooth;scroll-padding-top:96px} body{font:400 1.02rem/1.6 Barlow,system-ui,sans-serif;color:var(--ink)} a{color:inherit;text-decoration:none}img{max-width:100%;display:block} h1,h2,h3{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:700;line-height:1.1} h2{font-size:clamp(2rem,4vw,2.9rem);margin-bottom:1.4rem}h3{font-size:1.35rem} .wrap{width:min(1200px,93%);margin-inline:auto} section{padding:4.5rem 0}.gray{background:var(--gray)}.center{text-align:center;margin-top:2.2rem} .lead{color:var(--mut);max-width:60ch;margin:-.6rem 0 1.6rem} :focus-visible{outline:3px solid var(--red);outline-offset:3px} header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:4px solid var(--red)} .nav{display:flex;align-items:center;justify-content:space-between;height:88px} .logo{height:74px;width:auto} nav ul{display:flex;gap:1.8rem;list-style:none;padding:0;align-items:center} nav a:not(.btn){font-weight:700}nav a:not(.btn):hover{color:var(--red)} .menu{display:none;background:none;border:0;font-size:2rem;cursor:pointer} .btn{display:inline-block;padding:.8rem 1.6rem;border-radius:4px;background:var(--red);color:#fff;border:2px solid var(--red);font:700 1rem Barlow,sans-serif;cursor:pointer} .btn:hover{background:var(--red-d);border-color:var(--red-d)}.btn.sm{padding:.4rem .9rem;font-size:.92rem} .btn.out{background:#fff;color:var(--ink);border-color:var(--ink)}.btn.out:hover{background:var(--ink);color:#fff} .lnk{background:none;border:0;color:var(--red);font:700 .95rem Barlow,sans-serif;cursor:pointer;text-decoration:underline} .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem} .car{background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden;display:flex;flex-direction:column} .car img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center 40%;background:var(--gray)} .cb{padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;gap:.25rem;flex:1} .cb h3{font-size:1.3rem}.sp{color:var(--mut);font-size:.95rem}.pr{font-weight:700;color:var(--red);margin:.2rem 0 .6rem} .act{display:flex;gap:.5rem;align-items:center;margin-top:auto;flex-wrap:wrap} .band{background:var(--ink);color:#fff;padding:3.2rem 0}.band h2{color:#fff;margin-bottom:1.2rem;border-left:6px solid var(--red);padding-left:1rem} .filters{display:grid;grid-template-columns:2fr repeat(4,1fr) auto;gap:1rem;align-items:end} .filters label{color:#ddd} label{display:grid;gap:.3rem;font-weight:600;font-size:.92rem} input,select,textarea{font:inherit;padding:.65rem .75rem;border:1px solid #b9b9b9;border-radius:4px;background:#fff;color:var(--ink);width:100%} .bar{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.5rem}.bar p{color:var(--mut);display:flex;gap:1rem;align-items:center} .none{grid-column:1/-1;padding:2rem 0;color:var(--mut)} .forms{display:grid;grid-template-columns:1fr 1fr;gap:2rem} form{display:grid;gap:.9rem;border:1px solid var(--line);border-top:4px solid var(--red);padding:1.6rem;border-radius:6px}form .btn{justify-self:start} .two{display:grid;grid-template-columns:1fr 1.2fr;gap:3rem;align-items:start}.two h2{margin-bottom:1.4rem} .info{list-style:none;padding:0}.info li{display:flex;gap:1rem;padding:.7rem 0;border-top:1px solid var(--line)}.info b{min-width:4.5rem}.info a{color:var(--red);font-weight:700} iframe{width:100%;height:380px;border:0;border-radius:6px;background:#ddd} footer{background:var(--ink);color:#ccc;padding:2.2rem 0}footer .wrap{display:flex;gap:2rem;align-items:center;flex-wrap:wrap} .flogo{height:90px;width:auto;background:#fff;padding:.5rem .8rem;border-radius:6px}footer p{margin:.15rem 0} @media(max-width:980px){.grid{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr 1fr}.filters label:first-child{grid-column:1/-1}} @media(max-width:760px){ .menu{display:block}nav ul{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:flex-start;gap:1rem;background:#fff;padding:1.2rem 4%;border-bottom:4px solid var(--red)}nav.open ul{display:flex} .forms,.two{grid-template-columns:1fr}.two{gap:2rem}section{padding:3rem 0}.logo{height:62px}.nav{height:76px}} @media(max-width:520px){.grid{grid-template-columns:1fr 1fr;gap:.7rem}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}} [hidden]{display:none!important} .row2{display:grid;grid-template-columns:1fr 1fr;gap:.9rem} .steps{list-style:none;padding:0;counter-reset:s} .steps li{counter-increment:s;position:relative;padding:.9rem 0 .9rem 3.2rem;border-top:1px solid var(--line);color:var(--mut)} .steps li::before{content:counter(s);position:absolute;left:0;top:.85rem;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font:700 1.15rem 'Barlow Condensed',sans-serif} .steps b{display:block;color:var(--ink)} .act .lnk{padding:0 .2rem} @media(max-width:1100px){nav ul{gap:1.1rem}} @media(max-width:900px){.menu{display:block}nav ul{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:flex-start;gap:1rem;background:#fff;padding:1.2rem 4%;border-bottom:4px solid var(--red)}nav.open ul{display:flex}} .maplinks{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.4rem} @media(max-width:760px){ #featured-grid,#moto-grid{display:flex;gap:.9rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;margin-inline:-3.7%;padding:0 3.7% .9rem;scroll-padding-inline:3.7%;scrollbar-width:none} #featured-grid::-webkit-scrollbar,#moto-grid::-webkit-scrollbar{display:none} #featured-grid .car,#moto-grid .car{flex:0 0 76%;scroll-snap-align:start} #moto-grid .none{flex:0 0 100%} } @media(max-width:520px){ #results .cb{padding:.7rem .75rem .9rem} #results .cb h3{font-size:1.05rem} #results .sp,#results .pr{font-size:.85rem} #results .btn.sm{padding:.35rem .6rem;font-size:.82rem} } .hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#141414 58%,#3a0b0b);color:#fff;padding:2.4rem 0 2rem} .hero::after{content:"";position:absolute;top:0;right:-6%;bottom:0;width:30%;background:var(--red);transform:skewX(-14deg);opacity:.92} .hero .wrap{position:relative;z-index:1} .slides{display:grid} .slide{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s} .slide.is-on{opacity:1;visibility:visible} .hero h1,.hero .h1{font:700 clamp(2.3rem,8vw,4.2rem)/1.05 'Barlow Condensed',Impact,sans-serif;color:#fff;max-width:15ch;margin:0} .hero p{color:#ddd;font-size:1.1rem;margin:.8rem 0 1.4rem;max-width:46ch} .cta{display:flex;gap:.8rem;flex-wrap:wrap}.cta .btn{flex:1 1 11rem} .hero .btn.out{background:transparent;color:#fff;border-color:#fff}.hero .btn.out:hover{background:#fff;color:var(--ink)} .slidectl{display:flex;align-items:center;gap:.7rem;margin-top:1.4rem} .slidectl button{width:44px;height:44px;border-radius:50%;border:1.5px solid #fff;background:transparent;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer} .dots{display:flex;gap:.5rem;align-items:center} .slidectl .dots button{position:relative;width:12px;height:12px;padding:0;border:0;background:#666;transition:width .3s} .slidectl .dots button::after{content:"";position:absolute;inset:-12px -4px} .slidectl .dots button[aria-current="true"]{width:30px;border-radius:99px;background:var(--red)} .tourbtn{display:grid;place-items:center;width:100%;aspect-ratio:16/9;margin-top:1rem;border:0;border-radius:10px;background:var(--ink) center/cover;cursor:pointer} .tourbtn span{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--red);color:#fff;font-size:1.6rem;padding-left:.2rem} dialog{border:0;border-radius:12px;padding:1.6rem;width:min(92vw,520px);box-shadow:0 24px 60px rgba(0,0,0,.4);color:var(--ink)} dialog::backdrop{background:rgba(10,10,10,.65)} dialog .x{position:absolute;top:.4rem;right:.4rem;z-index:2;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.92);font-size:1.8rem;line-height:1;color:var(--ink);cursor:pointer} dialog h2{margin:.2rem 2.2rem .6rem 0;font-size:1.9rem}dialog p{color:var(--mut)}dialog .cta{margin-top:1rem} dialog.qv{padding:0;overflow:hidden;width:min(94vw,640px)} dialog.qv img{width:100%;aspect-ratio:4/3;object-fit:cover}.qb{padding:1.1rem 1.4rem 1.4rem}.qb h2{margin-top:0} dialog.wide{width:min(94vw,980px);padding:.8rem;background:#111} dialog.wide video{width:100%;max-height:80vh;border-radius:8px;background:#000} .car img[data-q]{cursor:zoom-in} .ftoggle{display:none;grid-column:1/-1} .actionbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:none;gap:.5rem;padding:.55rem 3% calc(.55rem + env(safe-area-inset-bottom));background:#fff;border-top:3px solid var(--red);box-shadow:0 -6px 18px rgba(0,0,0,.12)} .actionbar .btn{flex:1;padding:.7rem .3rem;font-size:.95rem} @media(prefers-reduced-motion:reduce){.slide{transition:none}} @media(max-width:900px){.actionbar{display:flex}body{padding-bottom:calc(4.4rem + env(safe-area-inset-bottom))}} @media(max-width:760px){.hero{padding:1.8rem 0 1.6rem}.hero::after{width:9%;right:-4%}.slides{padding-right:7%}.logo{height:52px}.nav{height:66px} .ftoggle{display:block}.filters:not(.open) label:not(:first-child),.filters:not(.open) #go{display:none}} @media(min-width:761px){.cta .btn{flex:0 0 auto}}