2026 Transition Spur Eagle 70
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700;800&family=Barlow:wght@300;400;500&display=swap'); :root { --black: #0a0a0a; --white: #fffff f; --mid: #f5f5f5; --border: #e0e0e0; --text-muted: #777; --text-body: #222; } * { box-sizing: border-box; margin: 0; padding: 0; } .spur-wrap { font-family: 'Barlow', sans-serif; background: var(--white); color: var(--black); max-width: 1100px; margin: 0 auto; padding: 48px 24px; } .spur-header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 48px; border-bottom: 1px solid var(--border); padding-bottom: 24px; flex-wrap: wrap; gap: 12px; } .spur-title { font-family: 'Barlow Condensed', sans-serif; font-size: clamp(28px, 5vw, 48px); font-weight: 800; letter-spacing: -0.02em; line-height: 1; text-transform: uppercase; } .spur-meta { font-size: 12px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--text-muted); } .spur-tabs { display: flex; gap: 4px; margin-bottom: 32px; } .spur-tab { font-family: 'Barlow Condensed', sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; padding: 10px 24px; background: var(--mid); color: var(--text-muted); border: 1px solid var(--border); cursor: pointer; transition: all 0.15s; border-radius: 2px; } .spur-tab:hover { color: var(--black); border-color: #aaa; } .spur-tab.active { background: var(--black); color: var(--white); border-color: var(--black); } .spur-panel { display: none; } .spur-panel.active { display: block; } .spec-category { font-family: 'Barlow Condensed', sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: var(--black); padding: 20px 0 8px; border-bottom: 2px solid var(--black); margin-bottom: 0; } .spec-row { display: grid; grid-template-columns: 200px 1fr; border-bottom: 1px solid var(--border); transition: background 0.1s; } .spec-row:hover { background: var(--mid); } .spec-key { font-size: 12px; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; color: var(--text-muted); padding: 12px 16px 12px 0; align-self: start; } .spec-val { font-size: 14px; font-weight: 300; color: var(--text-body); padding: 12px 0; line-height: 1.5; } .misc-list { list-style: none; display: flex; flex-direction: column; gap: 6px; } .misc-list li { font-size: 13px; font-weight: 300; color: var(--text-body); padding-left: 14px; position: relative; line-height: 1.5; } .misc-list li::before { content: '—'; position: absolute; left: 0; color: var(--black); font-size: 10px; } .geo-note { font-size: 12px; color: var(--text-muted); margin-bottom: 24px; line-height: 1.6; border-left: 2px solid var(--black); padding-left: 12px; } .geo-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; } .geo-table { width: 100%; border-collapse: collapse; min-width: 620px; } .geo-table thead tr { border-bottom: 2px solid var(--black); } .geo-table th { font-family: 'Barlow Condensed', sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; color: var(--black); padding: 10px 16px; text-align: left; white-space: nowrap; } .geo-table th:first-child { color: var(--text-muted); } .geo-table td { font-size: 13px; font-weight: 300; color: var(--text-body); padding: 12px 16px; border-bottom: 1px solid var(--border); vertical-align: top; line-height: 1.55; } .geo-table td:first-child { font-family: 'Barlow Condensed', sans-serif; font-size: 12px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text-muted); white-space: nowrap; } .geo-table tbody tr:hover { background: var(--mid); } .size-head { font-family: 'Barlow Condensed', sans-serif; font-size: 15px; font-weight: 800; letter-spacing: 0.05em; display: block; color: var(--black); margin-bottom: 2px; } .size-sub { font-size: 11px; color: var(--text-muted); letter-spacing: 0.08em; text-transform: uppercase; } .weight-badge { display: inline-block; background: var(--black); color: var(--white); font-family: 'Barlow Condensed', sans-serif; font-size: 13px; font-weight: 800; letter-spacing: 0.05em; padding: 3px 10px; border-radius: 2px; } @media (max-width: 600px) { .spec-row { grid-template-columns: 1fr; } .spec-key { padding-bottom: 2px; } .spec-val { padding-top: 0; padding-bottom: 12px; } } Transition SpurCarbon Eagle 70 2026 · 29" · 120mm · Carbon Specs Geometry Frame & Suspension Frame Carbon fiber front and rear triangles; molded chainstay, seatstay, and lower down tube protection Rear Travel 120mm Rear Shock FOX FLOAT SL Performance, 190mm × 45mm stroke Fork FOX FLOAT 34 SL Performance, GRIP damper Fork Travel 130mm Head Tube Tapered, 1.125" top, 1.5" bottom Headset FSA No.42/48/ACB, IS42 upper, IS52 lower Cockpit Handlebar Race Face Aeffect R, 780mm width, 20mm rise Stem Race Face Aeffect R, 40mm Grips ODI Elite Flow, lock-on Brakes Brakes SRAM Motive Bronze, 4-piston · Rotors: SRAM CenterLine, 180mm Levers SRAM Motive Bronze Stealth, tool-free reach adjust Drivetrain Configuration 1× 12-speed Shifter SRAM Eagle 70 Transmission, 12-speed, MMX mounting bracket Front Derailleur None Rear Derailleur SRAM Eagle 70 Transmission, 12-speed ISCG Tabs ISCG05 Chainguide None Cranks SRAM Eagle 70 Transmission Alloy DUB, 165mm Chainring SRAM Eagle 70 Transmission, 32T Bottom Bracket SRAM DUB, 73mm English/BSA threaded Pedals None Chain SRAM Eagle 70 Transmission Flattop, 12-speed Cassette SRAM Eagle Transmission XS-1270, 12-speed, 10–52T Wheels & Tires Wheel Size 29" Rims WTB ST i27 Alloy, 27mm inner width Hubs Novatec D791SB · 15×110mm Boost front · D902SB 12×148mm Boost rear with HG driver Spokes Pillar, double-butted Tires Maxxis Forekaster, 3C MaxxTerra compound, EXO casing, 29" × 2.4" Max Tire 29" × 2.4" Seatpost & Saddle Saddle SDG Bel-Air V3 Dropper Post SDG Tellis Dropper — 150mm (SM) · 170mm (MD) · 200mm (LG/XL) Post Diameter 31.6mm Clamp Single bolt, 37.0mm General Rear Dropout 12mm × 148mm (Boost) Bottle Mounts One inside front triangle, plus accessory mounts under top tube Colors Frostberry, Nightshade Warranty Lifetime frame Weight 28 lb 13 oz · 13,070 g (size MD) Notes V2 version GiddyUp rear suspension design with one-piece pivot-less flex-stay rear triangle Geometry adjustable via two-position lower shock mount B.O.O.M. Box internal frame storage in down tube Internal cable routing with fully-guided tubes Loam Hat integrated rear main pivot protection flaps SRAM UDH (Universal Derailleur Hanger) Includes tubeless valves and sealant All measurements with 130mm travel fork (541mm axle-to-crown, 44mm offset) · Geometry adjustable via two-position lower shock mount (High / Low) · Effective saddle heights: 600mm (SM) · 660mm (MD) · 720mm (LG) · 780mm (XL) Measurement SMHigh / Low MDHigh / Low LGHigh / Low XLHigh / Low Top Tube Length 570 / 572mm 603 / 605mm 631 / 633mm 660 / 662mm Reach 430 / 425mm 460 / 455mm 485 / 480mm 510 / 505mm Stack 607 / 612mm 616 / 621mm 626 / 630mm 640 / 644mm Head Tube Angle 66.0° / 65.5° 66.0° / 65.5° 66.0° / 65.5° 66.0° / 65.5° Head Tube Length 100mm 110mm 120mm 135mm Seat Tube Angle 77.3° / 76.7° 76.8° / 76.3° 76.4° / 75.9° 76.0° / 75.6° Seat Tube Length 360mm 390mm 430mm 460mm BB Height 335mm (−40mm drop) / 328mm (−47mm drop) 335mm (−40mm drop) / 328mm (−47mm drop) 335mm (−40mm drop) / 328mm (−47mm drop) 335mm (−40mm drop) / 328mm (−47mm drop) Chainstay Length 434 / 436mm 434 / 436mm 439 / 441mm 439 / 441mm Wheelbase 1163 / 1165mm 1197 / 1199mm 1231 / 1233mm 1262 / 1264mm function showPanel(id, btn) { document.querySelectorAll('.spur-panel').forEach(p => p.classList.remove('active')); document.querySelectorAll('.spur-tab').forEach(t => t.classList.remove('active')); document.getElementById('panel-' + id).classList.add('active'); btn.classList.add('active'); }