:root{--orange:#f05a2a;--black:#0a0a0a;--cream:#f1eee8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:#f7f7f5;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.nav{position:absolute;z-index:10;top:0;left:0;right:0;height:106px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,6vw,92px);border-bottom:1px solid #ffffff2e}.wordmark{width:198px;line-height:.87;transform:skew(-4deg)}.wordmark-top{display:block;font:900 25px/1 Arial;letter-spacing:-1.5px}.wordmark-top b{color:var(--orange)}.wordmark-bottom{display:block;margin-top:4px;font:900 italic 18px/1 Arial;letter-spacing:.7px;color:#d9dbdd}.nav-links{display:flex;gap:42px;font-size:13px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase}.nav-links a,.text-link,.footer-col a{transition:color .2s}.nav-links a:hover,.text-link:hover,.footer-col a:hover{color:var(--orange)}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:56px;padding:0 25px;background:var(--orange);color:#fff;font-size:12px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;border:1px solid var(--orange);transition:.2s}.button:hover{background:#fff;border-color:#fff;color:#111;transform:translateY(-2px)}.button-small{min-height:44px;padding:0 20px}.hero{position:relative;min-height:850px;height:100vh;display:flex;align-items:center;background:#101010 url('/hero-bike.jpg') center 38%/cover no-repeat;overflow:hidden}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050505f5 0%,#050505c7 39%,#05050526 73%),linear-gradient(0deg,#000c,transparent 45%)}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 74% 48%,transparent 0 17%,#0000001f 62%);pointer-events:none}.hero-content{position:relative;z-index:2;width:min(760px,86vw);margin-left:clamp(24px,9vw,145px);padding-top:76px}.eyebrow{display:flex;align-items:center;gap:13px;color:#d4d4d4;font-size:11px;font-weight:800;letter-spacing:3.2px;text-transform:uppercase}.eyebrow span{width:38px;height:2px;background:var(--orange)}.hero h1,.intro h2,.about h2,.cta h2{margin:27px 0;font-weight:950;letter-spacing:-4px;line-height:.87;text-transform:uppercase}.hero h1{font-size:clamp(67px,8.5vw,137px)}h1 em,h2 em{color:var(--orange);font-style:italic}.hero-copy{max-width:560px;color:#d0d0cf;font-size:18px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:34px;margin-top:38px}.text-link{font-size:12px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase}.text-link span{color:var(--orange);margin-left:10px}.hero-proof{position:absolute;z-index:3;right:clamp(22px,6vw,90px);bottom:46px;display:flex;gap:46px}.hero-proof div{display:grid;border-left:2px solid var(--orange);padding-left:13px}.hero-proof strong{font-size:27px;line-height:1}.hero-proof span{margin-top:7px;color:#bababa;font-size:9px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase}.scroll-cue{position:absolute;z-index:3;left:28px;bottom:56px;transform:rotate(-90deg);transform-origin:left top;font-size:9px;font-weight:800;letter-spacing:2px}.scroll-cue span{color:var(--orange);margin-left:9px}.intro{display:grid;grid-template-columns:1fr 3fr;gap:50px;padding:125px clamp(24px,8vw,130px) 75px;background:var(--cream);color:#111}.section-label{padding-top:18px;color:#777;font-size:10px;font-weight:800;letter-spacing:2.8px;text-transform:uppercase}.kicker{margin:0;color:var(--orange);font-size:12px;font-weight:900;letter-spacing:3px;text-transform:uppercase}.intro h2{font-size:clamp(52px,6.6vw,100px);margin:15px 0 30px}.lede{max-width:780px;color:#555;font-size:18px;line-height:1.8}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);background:var(--cream);color:#111;padding:0 clamp(24px,5vw,80px) 120px}.service-card{position:relative;min-height:405px;padding:40px 28px 30px;border-top:1px solid #bbb;border-right:1px solid #bbb;transition:.25s}.service-card:first-child{border-left:1px solid #bbb}.service-card:hover{background:#111;color:white;transform:translateY(-8px);border-color:#111}.service-number{color:#8d8d8d;font-size:10px;font-weight:800;letter-spacing:2px}.service-icon{width:64px;height:64px;margin:40px 0 50px;border:2px solid var(--orange);border-radius:50%;display:grid;place-items:center}.service-icon:before,.service-icon:after,.service-icon span{content:"";display:block;position:absolute;width:25px;height:3px;background:currentColor;transform:rotate(-38deg)}.service-icon:after{transform:rotate(38deg)}.service-icon span{width:8px;height:28px;transform:none;background:var(--orange)}.service-card h3{margin:0 0 15px;font-size:24px;text-transform:uppercase}.service-card p{min-height:102px;color:#737373;font-size:14px;line-height:1.7}.service-card:hover p{color:#bbb}.service-card a{font-size:10px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase}.service-card a span{color:var(--orange);margin-left:8px}.about{display:grid;grid-template-columns:1.03fr .97fr;min-height:760px;background:#151515}.about-image{position:relative;min-height:680px;background:#222;overflow:hidden}.about-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.05)}.about-image:after{content:"";position:absolute;inset:0;box-shadow:inset -80px 0 120px #00000073}.metal-tag{position:absolute;z-index:2;right:0;bottom:0;width:230px;padding:25px;display:flex;gap:17px;align-items:center;background:var(--orange)}.metal-tag b{font-size:36px;font-style:italic}.metal-tag span{font-size:9px;font-weight:800;letter-spacing:1px;line-height:1.5;text-transform:uppercase}.about-copy{align-self:center;padding:70px clamp(35px,7vw,110px)}.eyebrow.dark{color:#9b9b9b}.about h2{font-size:clamp(43px,4.7vw,73px)}.about-copy>p:not(.eyebrow){color:#aaa;font-size:15px;line-height:1.8}.about-quote{margin-top:35px;padding:24px 0 4px 25px;border-left:2px solid var(--orange);font-size:17px;font-style:italic}.about-quote span{display:block;margin-top:10px;color:#777;font-size:9px;font-style:normal;letter-spacing:1.3px;text-transform:uppercase}.cta{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center;padding:110px clamp(24px,9vw,145px);background:#0a0a0a}.cta h2{font-size:clamp(58px,7vw,105px)}.contact-card{max-width:520px;padding:42px;border:1px solid #333;background:#101010}.contact-card p{color:#aaa;line-height:1.7}.phone{display:block;margin:24px 0;font-size:clamp(31px,3vw,48px);font-weight:900;letter-spacing:-2px}footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;padding:70px clamp(24px,7vw,110px) 35px;background:#050505;border-top:1px solid #222}.footer-brand>span{display:block;font-size:29px;font-weight:950}.footer-brand>span b{color:var(--orange)}.footer-brand>strong{display:block;color:#bbb;font-size:22px;font-style:italic}.footer-brand>small{display:block;margin-top:10px;color:#777;font-size:9px;letter-spacing:1.5px;text-transform:uppercase}.footer-col{display:flex;flex-direction:column;gap:11px;color:#999;font-size:13px;line-height:1.7}.footer-col h4{margin:0 0 8px;color:#fff;font-size:10px;letter-spacing:2px;text-transform:uppercase}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:25px;padding-top:32px;border-top:1px solid #222;color:#555;font-size:8px;letter-spacing:1px;text-transform:uppercase}
@media(max-width:900px){.nav{height:82px;padding:0 22px}.nav-links{display:none}.wordmark{width:170px}.wordmark-top{font-size:21px}.wordmark-bottom{font-size:15px}.button-small{font-size:9px;padding:0 13px;min-height:40px}.hero{min-height:760px;height:100svh;background-position:62% center}.hero-shade{background:linear-gradient(90deg,#050505f0,#05050580),linear-gradient(0deg,#000d,transparent 50%)}.hero-content{margin:0 24px;padding-top:20px}.hero h1{font-size:clamp(58px,17vw,88px);letter-spacing:-3px}.hero-copy{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:25px}.hero-proof{left:24px;right:auto;bottom:25px;gap:20px}.hero-proof strong{font-size:21px}.hero-proof span{font-size:7px}.scroll-cue{display:none}.intro{display:block;padding:80px 24px 50px}.section-label{display:none}.intro h2{font-size:49px;letter-spacing:-2.5px}.services-grid{grid-template-columns:1fr;padding:0 24px 80px}.service-card{min-height:auto;border-left:1px solid #bbb;padding:28px}.service-icon{margin:25px 0}.service-card p{min-height:auto}.about{grid-template-columns:1fr}.about-image{min-height:420px}.about-copy{padding:70px 24px}.about h2{letter-spacing:-2.5px}.cta{grid-template-columns:1fr;gap:25px;padding:80px 24px}.contact-card{padding:28px}.contact-card .button{width:100%;font-size:9px}footer{grid-template-columns:1fr;gap:35px;padding:60px 24px 30px}.footer-bottom{flex-direction:column}}
@media(max-width:430px){.button{min-height:51px;padding:0 18px}.hero-proof div:nth-child(3){display:none}.phone{font-size:29px}}
.hero{background-image:url('./assets/hero-bike.jpg')}
.logo-link{width:250px;transform:none;line-height:1}.brand-logo{display:block;width:100%;height:auto;max-height:78px;object-fit:contain;object-position:left center}.footer-logo{display:block;width:min(390px,100%);height:auto;max-height:150px;object-fit:contain;object-position:left center}.footer-brand>small{margin-top:14px}@media(max-width:900px){.logo-link{width:180px}.brand-logo{max-height:58px}.footer-logo{width:min(330px,100%)}}@media(max-width:430px){.logo-link{width:150px}.brand-logo{max-height:50px}}