State Bicycle Co. Titanium All-Road

Belcopia Bikes Verified independent store

→

State Bicycle Co. | Titanium All-Road /* 1. Global CSS & Layout */ [data-belcopia-product] { font-family: Futura, "Trebuchet MS", Arial, sans-serif; line-height: 1.6; color: #333; overflow-x: hidden; background-color: #fff; } /* 2. "At a Glance" Icon Bar */ [data-belcopia-product] .at-a-glance-bar { background-color: #212121; color: #fff; padding: 20px 10px; } [data-belcopia-product] .glance-container { display: flex; justify-content: space-around; text-align: center; max-width: 1200px; margin: 0 auto; flex-wrap: wrap; gap: 20px; } [data-belcopia-product] .glance-item { display: flex; flex-direction: column; align-items: center; gap: 8px; font-size: 0.8em; min-width: 90px; } /* Icon Styling for Standard PNGs */ [data-belcopia-product] .glance-item img { width: 40px; height: 40px; /* Inverts black icons to white for the dark background */ filter: brightness(0) invert(1); object-fit: contain; } [data-belcopia-product] .glance-title { font-weight: bold; color: #fff; text-transform: uppercase; font-size: 0.9em; letter-spacing: 0.5px; } [data-belcopia-product] .glance-desc { color: #ccc; font-size: 0.9em; } /* 3. Hero Section (Static Image) */ [data-belcopia-product] .hero-static-section { position: relative; height: 60vh; min-height: 400px; max-height: 600px; display: flex; align-items: center; justify-content: center; text-align: center; background-color: #333; background-size: cover; background-position: center center; } [data-belcopia-product] .hero-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to top, rgba(0,0,0,0.6), transparent 60%); z-index: 2; } [data-belcopia-product] .hero-content { position: relative; z-index: 3; color: #fff; padding: 20px; } [data-belcopia-product] .hero-content h2 { font-size: 2.8em; color: #fff; margin: 0 0 5px 0; text-shadow: 2px 2px 8px rgba(0,0,0,0.7); line-height: 1.2; text-transform: none; } @media (min-width: 768px) { [data-belcopia-product] .hero-content h2 { font-size: 3.5em; } } [data-belcopia-product] .hero-content .product-subtitle { font-size: 1.2em; font-weight: normal; display: block; letter-spacing: 0.5px; opacity: 0.9; } /* 4. Main Content & Section Styling */ [data-belcopia-product] .page-content { max-width: 1200px; margin: 0 auto; padding: 20px; } [data-belcopia-product] h3 { font-size: 1.8em; font-weight: bold; color: #5f7038; text-align: left; margin-bottom: 20px; } [data-belcopia-product] .bordered-section { padding: 40px 0; border-top: 1px solid #ddd; } [data-belcopia-product] .unbordered-section { padding: 40px 0; } [data-belcopia-product] .description-emphasis { font-style: italic; font-weight: bold; color: #5f7038; } [data-belcopia-product] .sub-headline { font-size: 1.5em; font-weight: bold; font-style: italic; color: #5f7038; text-align: center; margin: 10px 0 30px 0; } [data-belcopia-product] h4 { font-size: 1.4em; color: #2c2c2c; margin-bottom: 10px; } /* 5. Two-Column Layout Sections */ [data-belcopia-product] .two-col-container { display: grid; grid-template-columns: 1fr; align-items: center; gap: 40px; } @media (min-width: 768px) { [data-belcopia-product] .two-col-container { grid-template-columns: 1fr 1fr; } [data-belcopia-product] .two-col-container.reverse > :first-child { order: 2; } [data-belcopia-product] .two-col-container.reverse > :last-child { order: 1; } } [data-belcopia-product] .two-col-container img { width: 100%; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.08); display: block; background-color: #f4f4f4; } [data-belcopia-product] .two-col-list { list-style: none; padding: 0; } [data-belcopia-product] .two-col-list li { display: flex; align-items: flex-start; margin-bottom: 18px; } [data-belcopia-product] .two-col-list li::before { content: '✓'; color: #5f7038; font-size: 1.5em; line-height: 1.2; margin-right: 15px; font-weight: bold; } /* 6. Key Features Scroller Section */ [data-belcopia-product] .features-scroller { display: flex; overflow-x: auto; padding: 20px 0; scrollbar-width: thin; scrollbar-color: #ccc #f0f0f0; } [data-belcopia-product] .features-scroller::-webkit-scrollbar { height: 8px; } [data-belcopia-product] .features-scroller::-webkit-scrollbar-track { background: #f0f0f0; } [data-belcopia-product] .features-scroller::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 6px; } [data-belcopia-product] .feature-card { flex: 0 0 290px; margin-right: 20px; background-color: #f9f9f9; border-radius: 12px; border: 1px solid #eee; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.06); display: flex; flex-direction: column; } [data-belcopia-product] .feature-card-content { padding: 25px; flex-grow: 1; } [data-belcopia-product] .feature-card h4 { margin: 0 0 8px 0; color: #2c2c2c; font-size: 1.2em; } [data-belcopia-product] .feature-card p { font-size: 0.95em; color: #555; margin: 0; line-height: 1.5; } /* 7. Dropdown Section Styles */ [data-belcopia-product] .dropdown-section details { background-color: #f9f9f9; border: 1px solid #ddd; border-radius: 8px; margin-bottom: 15px; overflow: hidden; } [data-belcopia-product] .dropdown-section summary { padding: 20px; font-weight: bold; font-size: 1.2em; cursor: pointer; position: relative; outline: none; list-style: none; } [data-belcopia-product] .dropdown-section summary::-webkit-details-marker { display: none; } [data-belcopia-product] .dropdown-section summary::after { content: '+'; position: absolute; right: 25px; font-size: 1.5em; color: #5f7038; transition: transform 0.3s ease-in-out; } [data-belcopia-product] .dropdown-section details[open] summary::after { transform: rotate(45deg); } [data-belcopia-product] .dropdown-content { padding: 0 20px 20px 20px; border-top: 1px solid #ddd; overflow-x: auto; } /* 8. Spec Table & Other Lists */ [data-belcopia-product] .spec-table { width: 100%; border-collapse: collapse; margin-top: 20px; min-width: 600px; } [data-belcopia-product] .spec-table th, [data-belcopia-product] .spec-table td { border: 1px solid #ddd; padding: 12px; text-align: left; font-size: 0.9em; } [data-belcopia-product] .spec-table th { background-color: #f2f2f2; font-weight: bold; width: 30%; } [data-belcopia-product] .spec-table tr:nth-child(even) { background-color: #f9f9f9; } /* 9. Video Section */ [data-belcopia-product] .video-grid { display: grid; grid-template-columns: 1fr; gap: 30px; } @media (min-width: 768px) { [data-belcopia-product] .video-grid { grid-template-columns: 1fr 1fr; } } [data-belcopia-product] .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.1); background: #eee; } [data-belcopia-product] .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* 10. Performance Ratings Section */ [data-belcopia-product] .rating-explanation { font-size: 0.9em; color: #555; margin-top: -15px; margin-bottom: 30px; } [data-belcopia-product] .performance-container { display: grid; grid-template-columns: 1fr; align-items: center; gap: 40px; } @media (min-width: 992px) { [data-belcopia-product] .performance-container { grid-template-columns: 1.7fr 1fr; } } [data-belcopia-product] .rating-bars { width: 100%; } [data-belcopia-product] .rating-bar { margin-bottom: 20px; } [data-belcopia-product] .rating-label { font-weight: bold; margin-bottom: 8px; display: flex; justify-content: space-between; align-items: center; font-size: 0.9em; } [data-belcopia-product] .rating-label span:last-child { color: #555; } [data-belcopia-product] .bar-container { height: 25px; background-color: #e9e9e9; border-radius: 5px; overflow: hidden; } [data-belcopia-product] .bar-fill { height: 100%; background-color: #5f7038; border-radius: 5px; animation: fillBar 2s 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; } /* Dynamic Width Classes */ [data-belcopia-product] .bar-fill-100 { width: 100%; } [data-belcopia-product] .bar-fill-98 { width: 98%; } [data-belcopia-product] .bar-fill-95 { width: 95%; } [data-belcopia-product] .bar-fill-90 { width: 90%; } @keyframes fillBar { from { width: 0; } } [data-belcopia-product] .bel-score-box { padding: 30px; text-align: center; background-color: #f7f8f6; border-radius: 12px; border: 1px solid #e9e9e9; box-shadow: 0 4px 20px rgba(0,0,0,0.04); } [data-belcopia-product] .bel-score-box h4 { margin: 0 0 10px 0; border-bottom: none; font-size: 1.2em; color: #5f7038; letter-spacing: 1px; } [data-belcopia-product] .score-display { margin: 0; font-size: 4.5em; font-weight: bold; color: #2c2c2c; line-height: 1.1; } [data-belcopia-product] .expert-take { margin-top: 15px; font-style: italic; font-size: 0.95em; color: #555; } Frame Material Double-Butted Titanium Drivetrain 1x12 Wheel Size 700c / 650b Weight 20 lb Use Type Gravel / Adventure Titanium All-Road The "Forever Bike" | Resilience Redefined "The Best of All Worlds: Titanium Performance." Explore beyond the beaten path with the State Bicycle Co. Titanium All-Road Bike. Built from the highest quality double-butted Gr9 3AL/2.5V titanium, this bike combines the unmatched durability of titanium with the lightweight properties of carbon and the solid ride quality of steel. Engineered for gravel and long-distance adventures, it is designed to conquer any terrain while ensuring a comfortable, long-lasting ride. It's the ultimate choice for those seeking the best of all worlds. This Is The Tool For You If... You want a "forever bike" made from corrosion-resistant, high-grade titanium. You need massive tire clearance (50mm+ on 700c) for serious off-road capability. You value UDH compatibility for future-proofing your drivetrain. You appreciate the unique ride quality that only titanium can offer. Elite Craftsmanship Premium Titanium Build Constructed from double-butted Gr9 3AL/2.5V titanium, this frame offers superior durability and weight efficiency. Each frame showcases a stunning Physical Vapor Deposition (PVD) color process paired with sandblasting, highlighting the natural beauty of the metal while providing exceptional strength and corrosion resistance. Adventure Ready Geometry Progressive Design Designed for the long haul, the Titanium All-Road features progressive geometry and large tire clearance—over 50mm on 700c wheels and more than 2.2" on 650b wheels. Equipped with a Universal Derailleur Hanger (UDH), it ensures compatibility across brands, protecting your investment and improving shifting performance. Key Features Gr9 Titanium Frame Double-butted 3AL/2.5V titanium offers the perfect balance of strength, weight, and ride quality. UDH Compatibility Universal Derailleur Hanger standard for easy replacement and broad drivetrain compatibility. Massive Clearance Fits up to 50mm tires on 700c wheels or 2.2" on 650b for limitless terrain options. Carbon Fork Includes a "Black Label" Carbon Gravel Fork for vibration damping and precise handling. Ceramic Headset Features a premium ceramic bearing headset (ZS44/EC44) for smooth steering and longevity. Elite Finish Stunning PVD color process with sandblasting highlights the raw beauty of the titanium. Technical Specifications Frame Material Double-Butted Gr9 3AL/2.5V Titanium Fork Carbon "Black Label" Gravel Fork (Upgrades available) Headset Ceramic Bearing Headset (ZS44/EC44) Tire Clearance (700c) 50mm+ Tire Clearance (650b) 2.2"+ Derailleur Hanger Universal Derailleur Hanger (UDH) Mechanicals & Components Drivetrain State Bicycle Co. All-Road 12 Speed (11-46t) Crank All-Road 1 Crank Brakes Hydro-Mechanical Disc Brakes Tires Vittoria Terreno Dry 47c (Tubeless Ready) Handlebars State Bicycle Co. All-Road Stem State Bicycle Co. All-Road Seatpost State Bicycle Co. All-Road Pedals Not Included Sizing Guide X-Small (46cm) 5'1" - 5'6" Small (48cm) 5'5" - 5'9" Medium (52cm) 5'8" - 5'11" Large (55cm) 5'10" - 6'1" X-Large (57cm) 6'0" - 6'4" Performance Ratings Durability100/100 Ride Quality98/100 Versatility95/100 Tire Clearance95/100 Weight Efficiency90/100 Belcopia Score 99% The Titanium All-Road is the pinnacle of the State Bicycle Co. lineup. It offers the magical ride feel of titanium—smooth, responsive, and incredibly durable—at a price point that disrupts the market. With modern features like UDH and massive tire clearance, this is a bike built for a lifetime of adventure. Show more