.landing-page{background:#0b0d0d;color:var(--or-ink)}.landing-page .topbar{background:rgba(10,12,12,.88)!important}.landing-page .topbar-inner{min-height:72px!important}.landing-page .logo .mark{width:44px!important;height:44px!important;border-radius:12px!important;background:#171919!important}.landing-page .logo .mark img{width:100%;height:100%;object-fit:cover}.landing-page .logo h1{font:900 1.35rem/1 var(--or-display);letter-spacing:.08em;text-transform:uppercase}.landing-page .hero{min-height:min(780px,82vh)!important;place-items:center start!important;text-align:left!important;padding:clamp(80px,10vw,150px) clamp(20px,7vw,100px)!important;border-radius:0 0 30px 30px;background:linear-gradient(90deg,rgba(7,8,8,.98) 0%,rgba(7,8,8,.78) 44%,rgba(7,8,8,.18) 100%),url('../images/riding4.jpg') center/cover no-repeat!important}.landing-page .hero>div:not(.blob){position:relative;z-index:2;max-width:760px}.landing-page .hero h1{max-width:720px;font:900 clamp(3.2rem,8vw,7.4rem)/.86 var(--or-display)!important;letter-spacing:.015em!important;text-transform:uppercase}.landing-page .hero h1::after{content:'BUILT FOR WHAT DRIVES YOU.';display:block;margin-top:22px;color:var(--or-orange);font:800 clamp(1rem,2.2vw,1.65rem)/1.15 var(--or-font);letter-spacing:.08em}.landing-page .hero p{max-width:640px;color:#dad4c9!important;font-size:clamp(1rem,2vw,1.22rem)!important}.landing-page .cta{justify-content:flex-start!important}.landing-page .blob{display:none}.landing-page .random-shots{margin-top:34px!important}.landing-page .random-shots .thumb,.landing-page .shot{border:1px solid var(--or-line);border-radius:18px!important;box-shadow:var(--or-shadow)}.landing-page .features{gap:14px!important}.landing-page .feature{border:1px solid var(--or-line);background:linear-gradient(145deg,#202222,#141616)!important;box-shadow:var(--or-shadow)!important}.landing-page .feature h3{color:var(--or-orange);text-transform:uppercase}.landing-page footer{border-top:1px solid var(--or-line)}
@media(max-width:640px){.landing-page .topbar-inner{padding-inline:10px!important}.landing-page .actions .btn{margin-left:3px!important;min-height:38px;padding:6px 9px;font-size:.76rem}.landing-page .hero{min-height:68vh!important;padding:80px 20px!important;background:linear-gradient(180deg,rgba(7,8,8,.44),rgba(7,8,8,.96)),url('../images/riding4.jpg') center/cover no-repeat!important}.landing-page .hero h1{font-size:clamp(3rem,16vw,5rem)!important}.landing-page .screenshot{grid-template-columns:1fr!important}.landing-page .random-shots{grid-template-columns:1fr!important}}