*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#0b0e0d;color:#eeeede;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #d3ff65;outline-offset:5px}header{position:absolute;z-index:3;width:100%;padding:30px 5%;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#0009,transparent)}.brand{font-weight:700;letter-spacing:-.7px;font-size:20px}.brand span{font-weight:400}nav{display:flex;gap:28px;font-size:12px}nav a{padding:14px 0}.hero{position:relative;height:90vh;min-height:650px;max-height:1000px;isolation:isolate;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% 50%;z-index:-2}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b0e0d 0,transparent 60%),linear-gradient(90deg,#0009,transparent 75%);z-index:-1}.hero-copy{position:absolute;bottom:80px;left:6%}.eyebrow{font:10px/1.5 monospace;letter-spacing:2px;color:#c4d3b7;margin:0 0 20px}h1{font-size:clamp(60px,6.5vw,100px);line-height:.98;letter-spacing:-4px;margin:0 0 30px;font-weight:500}h1 em,.quote em,.outro em{font-family:Georgia,serif;font-weight:400}.button{display:inline-flex;align-items:center;gap:35px;border:1px solid #b5c19c;min-height:50px;padding:14px 21px;border-radius:30px;font-size:12px}.button:hover{background:#c8ff65;color:#13200b}.hero-note{position:absolute;bottom:32px;right:6%;font:8px monospace;letter-spacing:2px;color:#bbc5ad}.strip{display:flex;justify-content:space-between;gap:20px;background:#c9ff62;color:#182410;padding:25px 6%;font:10px monospace;letter-spacing:2px}.bike{padding:80px 6% 55px;max-width:1600px;margin:auto;--accent:#c9ff62}.bike-heading{display:flex;align-items:center;gap:30px;margin-bottom:45px}.number{font-size:70px;line-height:1;color:#5f6d52;letter-spacing:-4px}.bike-heading .eyebrow{margin:0 0 10px;font-size:9px}.bike h2{font-size:clamp(40px,6vw,85px);letter-spacing:-3px;margin:0;font-weight:500;line-height:.95}.tag{margin-left:auto;font:8px monospace;letter-spacing:1.5px;color:var(--accent);border:1px solid #4a5b3b;padding:13px}.bike-story{display:grid;grid-template-columns:1.35fr 1fr;gap:50px;align-items:center}figure{margin:0}img{display:block;width:100%;height:auto}figure a{display:block;overflow:hidden}figure img{transition:transform .5s}figure a:hover img{transform:scale(1.025)}figcaption{font:8px monospace;letter-spacing:1.5px;color:#9da992;padding:16px 0;border-bottom:1px solid #34412d}.quote{font-size:30px;letter-spacing:-.7px;line-height:1.2;margin:0 0 25px;color:var(--accent)}.bio>p:not(.quote){font-size:14px;line-height:1.9;color:#bbc0b1;max-width:430px}.swatches{display:flex;gap:8px;margin-top:25px}.swatches i{width:32px;height:5px;background:#bdc2bd}.swatches i:nth-child(2){background:#333}.swatches i:nth-child(3){background:#64d80a}.wide{margin-top:48px}.wide img{max-height:650px;object-fit:cover}.jackal{--accent:#ff984f;background:#17130f}.jackal .number{color:#796049}.jackal .tag{border-color:#6d4a31}.jackal .swatches i:first-child{background:#f77916}.jackal .wide{margin-top:48px}.outro{padding:90px 6%;background:radial-gradient(ellipse at 80% 70%,#2a3c1822,transparent 70%)}.outro h2{font-size:80px;line-height:1;letter-spacing:-3px;font-weight:400;margin:20px 0 35px}.outro em{color:#c9ff62}footer{margin:0 6%;border-top:1px solid #34412d;padding:25px 0;display:flex;justify-content:space-between;color:#87927f;font-size:10px}@media(max-width:760px){header{padding:20px 24px}.brand{font-size:16px}nav{gap:18px;font-size:10px}.hero{height:82vh;min-height:620px;max-height:850px}.hero>img{object-position:58% center}.hero:after{background:linear-gradient(0deg,#0b0e0d 0,#0b0e0d11 85%)}.hero-copy{left:24px;right:20px;bottom:65px}h1{font-size:53px;letter-spacing:-2.5px}.hero .eyebrow{font-size:8px}.hero-note{left:24px;right:auto;font-size:7px}.strip{padding:20px 24px;flex-wrap:wrap;font-size:8px;letter-spacing:1px;gap:12px}.strip span:last-child{width:100%}.bike{padding:45px 24px}.bike-heading{gap:16px;flex-wrap:wrap;margin-bottom:25px}.number{font-size:50px}.bike h2{font-size:39px;letter-spacing:-2px}.bike-heading .eyebrow{font-size:7px;letter-spacing:1px}.tag{margin-left:0;font-size:7px;padding:10px}.bike-story{grid-template-columns:1fr;gap:25px}.quote{font-size:28px}.bio>p:not(.quote){font-size:13px}.wide{margin-top:30px}.wide img{max-height:none;object-fit:contain}.outro{padding:60px 24px}.outro h2{font-size:63px}.outro .eyebrow{font-size:8px}footer{margin:0 24px;font-size:8px;gap:18px}}@media(max-width:350px){h1{font-size:45px}.bike h2{font-size:34px}.number{font-size:42px}.bike-heading{gap:12px}.brand{font-size:14px}nav{gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}figure img{transition:none}}
