{"title":"The RA Black Experience","description":"\u003cstyle\u003e\n        \/* TOP banner *\/\n        .full-width-banner {\n            width: 100%;\n            background-color: #252525;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 0;\n            position: fixed;\n            top: 74px;\n            left: 0;\n            z-index: 1000;\n            visibility: hidden;\n            opacity: 0;\n            transition: visibility 0s, opacity 0.5s ease-in-out;\n        }\n    \n        .banner-text-left {\n            font-size: 19px;\n            font-weight: bold;\n            color: #FFF;\n            padding: 7px 0 7px 50px;\n        }\n    \n        .banner-button-right {\n            background-color: #CC0000;\n            color: white;\n            padding: 10px 20px;\n            text-decoration: none;\n            font-size: 16px;\n            font-weight: bold;\n            cursor: pointer;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            transition: background-color 0.3s;\n            align-self: stretch;\n        }\n    \n        .banner-button-right:hover {\n            background-color: #330000;\n        }\n    \n        \/* MAIN *\/\n        .section--padded-medium {\n            padding-top: 0 !important;\n            padding-bottom: calc(6 * var(--space-unit));\n        }\n    \n        .breadcrumbs {\n            display: none !important;\n        }\n    \n        #discover {\n            margin: 0;\n            padding: 0;\n            background-color: #000;\n            color: #FFF !important;\n        }\n\n        #discoverIntro h1 {\n            color: #FFF !important;\n            font-size: 6em;\n            margin: 0;\n        }\n\n        #discoverIntro h1 span {\n            font-style: italic;\n        }\n        #discoverIntro p {\n            color: #FFF !important;\n            font-size: 2em;\n            margin: 0\n        }\n    \n        #discover a {\n            color: #FFF !important;\n        }\n    \n        #discover a:hover {\n            color: #C00 !important;\n        }\n    \n        #discover .section {\n            padding: 0;\n            margin: 0;\n        }\n    \n        #discover .section img {\n            max-width: 100%;\n            height: auto;\n        }\n    \n        #discover .header-section {\n            height: 60vh;\n            background-size: cover;\n            background-position: center;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: flex-start;\n            color: #000;\n            text-align: left;\n            padding-left: 40px;\n        }\n    \n        \/* #discover .header-section h1 {\n            color: #000 !important;\n        } *\/\n    \n        .greyBGquote {\n            background-color: #252525;\n        }\n    \n        #discover .header-section .header-content {\n            max-width: 1000px;\n            padding: 0 20px;\n        }\n    \n        #discover .text-right,\n        #discover .text-left {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n    \n        #discover .text-left img,\n        #discover .text-right img {\n            flex: 1;\n            width: 50%;\n        }\n    \n        #discover .text-left .text,\n        #discover .text-right .text {\n            flex: 1;\n            padding: 6em;\n            width: 50%;\n        }\n    \n        #discover .header-text {\n            flex: 1;\n            padding: 5em 10em;\n        }\n    \n        #discover .quote-text {\n            flex: 1;\n            padding: 5em 10em;\n            font-size: 1.8em;\n        }\n    \n        #discover .quote-text i {\n            color: #999;\n        }\n    \n        #discover .header-text h2 span {\n            color: #C00;\n        }\n    \n        #discover .text-right {\n            flex-direction: row-reverse;\n        }\n    \n        #discover .parallax {\n            background-attachment: fixed;\n            background-size: cover;\n            background-position: center center;\n            color: white;\n            padding: 10em 10em;\n            text-align: center;\n            height: 200px;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n        }\n    \n        #discover .full-width-image {\n            text-align: center;\n        }\n    \n        #discover .full-width-image img {\n            width: 100%;\n        }\n    \n        #discover .full-width-no-padding {\n            margin: 0;\n            padding: 0;\n        }\n    \n        .text-wht {\n            color: #fff !important;\n        }\n    \n        .text-blk {\n            color: #000 !important;\n        }\n    \n        .blackbg {\n            background-color: #000;\n        }\n    \n        .shop-now-button {\n            display: inline-block;\n            margin-top: 20px;\n            padding: 10px 20px 15px 20px;\n            background-color: #000;\n            color: #fff;\n            text-decoration: none;\n            border-radius: 5px;\n            transition: background-color 0.3s;\n        }\n    \n        .shop-now-buttonWHT {\n            display: inline-block;\n            margin-top: 20px;\n            padding: 10px 20px 15px 20px;\n            background-color: #666;\n            color: #000 !important;\n            text-decoration: none;\n            border-radius: 5px;\n            transition: background-color 0.3s;\n        }\n    \n        .shop-now-buttonWHT a {\n            color: #000 !important;\n        }\n    \n        .shop-now-button:hover,\n        .shop-now-buttonWHT:hover {\n            background-color: #444;\n            color: #fff;\n        }\n    \n        #shopnow {\n            height: 50px;\n        }\n    \n        \/* Padded sections *\/\n        .padded-section {\n            padding: 4em !important;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n    \n        .padded-content {\n            display: flex;\n            align-items: center;\n            width: 100%;\n            max-width: 1200px;\n        }\n    \n        .padded-section.text-right .padded-content {\n            flex-direction: row-reverse;\n        }\n    \n        .padded-section.text-left .padded-content {\n            flex-direction: row;\n        }\n    \n        .padded-content img {\n            flex: 1;\n            width: 50%;\n            border-radius: 20px;\n        }\n    \n        .padded-content .text {\n            flex: 1;\n            padding: 2em;\n            text-align: left;\n        }\n    \n        \/* Image Callout *\/\n        .imagCallout {\n            text-align: center;\n        }\n    \n        .imagCallout img {\n            margin: 0 auto;\n            display: block;\n        }\n        .imageCalloutColor1{\n            background-color: #46591a;\n        }\n        .imageCalloutColor2{\n            background-color: #293707;\n        }\n    \n        \/* Callouts *\/\n        #specs-and-stats-container {\n            padding: 5em 9em;\n            background-color: #000;\n        }\n    \n        #specs-and-stats {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            grid-auto-rows: auto;\n            gap: 20px;\n        }\n    \n        .hero-cta {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            border: 2px solid #454545;\n            border-radius: 20px;\n            background-color: #252525;\n            color: #fff;\n        }\n    \n        .hero-cta .image {\n            flex: 1;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n        }\n    \n        .hero-cta .block-heading {\n            flex: 2;\n            padding: 20px;\n        }\n    \n        .theme-night h2 {\n            color: #fff;\n            margin: 0 0 10px 0;\n            font-size: var(--h5-font-size);\n        }\n    \n        .card-metrics {\n            font-size: 6.5rem;\n            color: #fff;\n            font-weight: bold;\n        }\n    \n        .card-paragraph {\n            margin-top: 10px;\n        }\n    \n        .icons {\n            width: 100px;\n            height: 100px;\n        }\n    \n       \/* Discover Detail Info *\/\n.discoverDetailInfo-container {\n    padding: 5em 9em;\n    background-color: #000;\n}\n\n.discoverDetailInfo {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr); \/* Change to 2 columns *\/\n    justify-content: center; \/* Center the grid items *\/\n    gap: 20px;\n}\n\n.discoverDetailInfo-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 20px;\n    border: 2px solid #454545;\n    border-radius: 20px;\n    background-color: #252525;\n    color: #fff;\n}\n\n.discoverDetailInfo-item .image {\n    margin-bottom: 20px;\n}\n\n.discoverDetailInfo-item .image img {\n    width: 100%;\n    height: auto;\n    border-radius: 10px;\n}\n\n.discoverDetailInfo-item .block-heading h2 {\n    color: #fff;\n    margin: 0 0 10px 0;\n    font-size: 2.5rem;\n    text-align: center;\n}\n\n.discoverDetailInfo-item .card-paragraph {\n    text-align: center;\n}\n\n.icons {\n    max-width: 100%;\n    height: auto;\n}\n    \n        \/* Image Slider *\/\n        .discover-slider-container {\n            position: relative;\n            max-width: 100%;\n            margin: auto;\n            overflow: hidden;\n        }\n    \n        .discover-slider {\n            position: relative;\n            width: 100%;\n            height: 450px;\n        }\n    \n        .discover-slide {\n            position: absolute;\n            width: 100%;\n            height: 100%;\n            background-size: cover;\n            background-position: center;\n            opacity: 0;\n            transition: opacity 1s ease-in-out;\n            z-index: 1;\n        }\n    \n        .discover-slide.active {\n            opacity: 1;\n            z-index: 2;\n        }\n    \n        .discover-slide .discover-text {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            color: white;\n            background-color: rgba(0, 0, 0, 0.5);\n            padding: 10px;\n            border-radius: 5px;\n            max-width: 30%;\n        }\n    \n        .discover-slide-left .discover-text {\n            left: 70px;\n        }\n    \n        .discover-slide-right .discover-text {\n            right: 70px;\n        }\n    \n        .discover-text h3 {\n            color: #fff;\n            margin: 0 0 10px 0;\n            font-size: var(--h6-font-size);\n        }\n    \n        .discover-prev,\n        .discover-next {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            color: white;\n            border: none;\n            padding: 10px;\n            cursor: pointer;\n            font-size: 18px;\n            user-select: none;\n            z-index: 3;\n            background-color: #000;\n        }\n    \n        .discover-prev {\n            left: 10px;\n        }\n    \n        .discover-next {\n            right: 10px;\n        }\n    \n        .discover-slider-icon {\n            width: 50px;\n            height: 50px;\n        }\n    \n        \/* Card Slider *\/\n        .custom-card-slider-container {\n            position: relative;\n            width: 100%;\n            overflow: hidden;\n            padding: 2.5em 4.5em;\n            box-sizing: border-box;\n        }\n    \n        .custom-card-slider-container h2,\n        #photo-boxes-container h2 {\n            color: #fff;\n            margin: 0 0 10px 0;\n            font-size: var(--h4-font-size);\n        }\n\n        .custom-card-slider h3{\n            color: #fff;\n            margin: 0 0 10px 0;\n            font-size: var(--h5-font-size);\n        }\n    \n        .custom-card-slider {\n            display: flex;\n            transition: transform 0.5s ease-in-out;\n        }\n    \n        .custom-card {\n            box-sizing: border-box;\n            padding: 30px;\n            flex: 0 0 25%;\n        }\n    \n        .custom-card img {\n            width: 100%;\n            height: auto;\n            display: block;\n            border-radius: 20px;\n        }\n    \n        .custom-card-nav {\n            display: flex;\n            justify-content: center;\n            margin: 0 0 25px 0;\n        }\n    \n        .custom-card-prev,\n        .custom-card-next {\n            background-color: rgba(0, 0, 0, 0.5);\n            color: white;\n            border: none;\n            padding: 10px 15px;\n            cursor: pointer;\n            font-size: 18px;\n            border-radius: 50%;\n            user-select: none;\n            z-index: 2;\n            margin: 0 20px;\n        }\n    \n        .card-spacer {\n            display: block;\n            height: 25px;\n        }\n    \n        \/* Build Callouts *\/\n        #photo-boxes-container {\n            padding: 2.5em 4.5em;\n            background-color: #000;\n        }\n    \n        #photo-boxes {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            grid-auto-rows: auto;\n            gap: 3.5em;\n        }\n    \n        .photo-box {\n            position: relative;\n            background-size: cover;\n            background-position: center;\n            height: 35em;\n            display: flex;\n            align-items: flex-end;\n            padding: 20px;\n            border: 2px solid #454545;\n            border-radius: 10px;\n            color: #fff;\n        }\n    \n        .photo-content {\n            padding: 10px;\n            border-radius: 5px;\n            width: 100%;\n        }\n    \n        .photo-content h3 {\n            color: #fff;\n            margin: 0 0 10px 0;\n            font-size: var(--h6-font-size);\n        }\n    \n        .photo-box p {\n            margin: 0 0 10px 0;\n        }\n    \n        .photo-box-button {\n            display: inline-block;\n            margin-top: 20px;\n            padding: 10px 20px 15px 20px;\n            background-color: #666;\n            color: #000;\n            text-decoration: none;\n            border-radius: 5px;\n            transition: background-color 0.3s;\n        }\n    \n        .photo-box-button:hover {\n            background-color: #444;\n            color: #fff;\n        }\n    \n        \/* Timeline *\/\n        .timeline {\n            position: relative;\n            max-width: 90%;\n            margin: 0 auto;\n            padding: 20px 0;\n        }\n    \n        .timeline::after {\n            content: '';\n            position: absolute;\n            width: 4px;\n            background-color: #C00;\n            top: 0;\n            bottom: 0;\n            left: 50%;\n            margin-left: -2px;\n        }\n    \n        .timeline-item {\n            padding: 20px;\n            position: relative;\n            width: 48%;\n        }\n    \n        .timeline-item.left {\n            left: 0;\n        }\n    \n        .timeline-item.right {\n            left: 51%;\n        }\n    \n        .timeline-content {\n            padding: 15px;\n            background-color: #333;\n            position: relative;\n            border-radius: 8px;\n            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);\n            color: #fff;\n        }\n    \n        .timeline-content::after {\n            content: '';\n            position: absolute;\n            width: 0;\n            height: 0;\n            border-style: solid;\n            top: 20px;\n        }\n    \n        .timeline-item.left .timeline-content::after {\n            left: 100%;\n            border-width: 10px 0 10px 20px;\n            border-color: transparent transparent transparent #333;\n        }\n    \n        .timeline-item.right .timeline-content::after {\n            right: 100%;\n            border-width: 10px 20px 10px 0;\n            border-color: transparent #333 transparent transparent;\n        }\n    \n        .timeline-date {\n            font-weight: bold;\n            font-size: 1.2em;\n            color: #C00;\n            margin-bottom: 10px;\n        }\n    \n        .timeline-content h3 {\n            font-size: var(--h5-font-size);\n            color: #FFF;\n            font-weight: 700;\n        }\n    \n        .timeline-content h3 span {\n            color: #F00;\n            font-weight: 400;\n            margin-right: 10px;\n        }\n    \n        \/* Geometry Chart *\/\n        #enve_geometryChart {\n            color: white;\n            padding: 0 8em 3em 8em;\n        }\n    \n        .enve_geometry-chart-container {\n            background-color: black;\n            padding: 10px;\n            width: 100%;\n            overflow-x: auto;\n            box-sizing: border-box;\n        }\n    \n        .enve_geometry-chart {\n            display: table;\n            width: 100%;\n            table-layout: auto;\n            border-collapse: collapse;\n        }\n    \n        .enve_geometry-chart-row {\n            display: table-row;\n            width: 100%;\n        }\n    \n        .geometry-chart-cell {\n            display: table-cell;\n            padding: 8px;\n            border: 1px solid #333;\n            text-align: center;\n            box-sizing: border-box;\n            white-space: nowrap;\n        }\n    \n        .enve_geometry-chart-header {\n            font-weight: bold;\n            text-align: center;\n        }\n    \n        .enve_geometry-chart-header .geometry-chart-cell {\n            text-align: center;\n        }\n    \n        \/* Sticky first column *\/\n        .enve_geometry-chart-row .geometry-chart-cell:first-child,\n        .enve_geometry-chart-header .geometry-chart-cell:first-child {\n            font-weight: bold;\n            text-align: left;\n            position: sticky;\n            left: 0;\n            background-color: black;\n            z-index: 2;\n            border-right: 1px solid #333;\n            min-width: 150px;\n        }\n    \n        .enve_geometry-chart-row:nth-child(odd) {\n            background-color: #111;\n        }\n    \n        .enve_geometry-chart-row:nth-child(even) {\n            background-color: #222;\n        }\n    \n        .geometry-chart-cell:hover {\n            background-color: #333;\n        }\n    \n        \/* Media Queries *\/\n    \n        \/* Mobile Devices (max-width: 600px) *\/\n        @media (max-width: 600px) {\n            #enve_geometryChart {\n                padding: 0 1em 3em 1em;\n            }\n    \n            .geometry-chart-cell {\n                padding: 5px;\n                font-size: 12px;\n                min-width: 55px;\n            }\n    \n            .enve_geometry-chart-row .geometry-chart-cell:first-child,\n            .enve_geometry-chart-header .geometry-chart-cell:first-child {\n                min-width: 80px;\n            }\n        }\n    \n        \/* Tablets and Small Screens (max-width: 768px) *\/\n        @media (max-width: 768px) {\n            .full-width-banner {\n                display: none;\n            }\n    \n            .padded-section {\n                padding: 1.5em !important;\n            }\n    \n            \/* Adjust header section *\/\n            #discover .header-section {\n                height: 300px;\n                padding: 20px 0 0 0;\n                text-align: center;\n            }\n    \n            #discover .header-text {\n                padding: 1.5em 3em;\n            }\n    \n            #discoverIntro .header-content {\n                background-color: rgba(0, 0, 0, 0.7);\n                width: 100%;\n                padding: 20px 0 !important\n            }\n\n                #discoverIntro h1 {\n                color: #FFF !important;\n                font-size: 2.3em;\n                margin: 0;\n            }\n            #discoverIntro p {\n                color: #FFF !important;\n                font-size: 1.3em;\n                margin: 0\n            }\n    \n            \/* Adjust text-left and text-right sections *\/\n            #discover .text-left,\n            #discover .text-right {\n                flex-direction: column;\n                text-align: center;\n            }\n    \n            #discover .text-left img,\n            #discover .text-right img {\n                width: 100%;\n            }\n    \n            #discover .text-left .text,\n            #discover .text-right .text {\n                width: 100%;\n                padding: 2em 1em;\n            }\n    \n            \/* Adjust padded sections *\/\n            .padded-section {\n                padding: 2em 1em;\n            }\n    \n            .padded-content {\n                flex-direction: column;\n                align-items: center;\n            }\n    \n            .padded-content img {\n                width: 100%;\n            }\n    \n            .padded-content .text {\n                width: 100%;\n                padding: 1em;\n                text-align: center;\n            }\n    \n            \/* Adjust parallax section *\/\n            #discover .parallax {\n                padding: 10em 1em;\n                background-attachment: scroll;\n            }\n    \n            \/* Adjust full-width-image section *\/\n            #discover .full-width-image img {\n                width: 100%;\n            }\n    \n            \/* Adjust specs-and-stats section *\/\n            #specs-and-stats-container {\n                padding: 2em 1em;\n            }\n    \n            #specs-and-stats {\n                grid-template-columns: 1fr;\n            }\n    \n            .hero-cta {\n                flex-direction: column;\n                text-align: center;\n            }\n    \n            .hero-cta .image,\n            .hero-cta .block-heading {\n                width: 100%;\n            }\n    \n            .card-metrics {\n                font-size: 4rem;\n            }\n    \n            .desktop-slider {\n                display: none;\n            }\n    \n            \/* Show mobile-only stacked content *\/\n            .mobile-only {\n                display: block;\n            }\n    \n            \/* Stacked layout for mobile items *\/\n            .discover-stacked .discover-item {\n                margin-bottom: 20px;\n            }\n    \n            .discover-stacked .discover-item img {\n                width: 100%;\n                height: auto;\n            }\n    \n            .discover-stacked .discover-text {\n                background-color: rgba(0, 0, 0, 0.7);\n                color: white;\n                padding: 10px;\n                text-align: center;\n            }\n    \n            \/* Adjust card slider *\/\n            .custom-card-slider-container {\n                padding: 1.5em;\n            }\n    \n            .custom-card-slider {\n                flex-wrap: nowrap;\n            }\n    \n            .custom-card {\n                flex: 0 0 50%;\n            }\n    \n            .custom-card img {\n                width: 100%;\n                height: auto;\n            }\n    \n            .custom-card-nav {\n                margin-top: 10px;\n            }\n    \n            .custom-card-prev,\n            .custom-card-next {\n                font-size: 24px;\n                padding: 10px;\n            }\n    \n            \/* Adjust photo boxes *\/\n            #photo-boxes-container {\n                padding: 2em 1em;\n            }\n    \n            #photo-boxes {\n                grid-template-columns: 1fr;\n            }\n    \n            .photo-box {\n                height: auto;\n            }\n    \n            .photo-content h3 {\n                font-size: 1.5rem;\n            }\n    \n            \/* Adjust padded sections with text alignment *\/\n            .padded-section.text-left .padded-content,\n            .padded-section.text-right .padded-content {\n                flex-direction: column;\n                align-items: flex-start;\n            }\n    \n            .padded-section.text-left .padded-content img,\n            .padded-section.text-right .padded-content img {\n                width: 100%;\n            }\n    \n            .padded-section.text-left .padded-content .text,\n            .padded-section.text-right .padded-content .text {\n                width: 100%;\n                padding: 1em;\n            }\n    \n            #discover .quote-text {\n                padding: 1.5em 1em;\n                font-size: 1.2em;\n            }\n    \n            .timeline::after {\n                left: 90px;\n            }\n    \n            .timeline-item {\n                width: 100%;\n                padding-left: 120px;\n                padding-right: 25px;\n                text-align: left;\n            }\n    \n            .timeline-item.right {\n                left: 0;\n            }\n    \n            .timeline-item.left .timeline-content::after,\n            .timeline-item.right .timeline-content::after {\n                left: 70px;\n            }\n    \n            \/* Discover Detail Info adjustments *\/\n            .discoverDetailInfo-container {\n                padding: 2em;\n            }\n    \n            .discoverDetailInfo {\n                grid-template-columns: 1fr;\n            }\n    \n            .discoverDetailInfo-item .block-heading h2 {\n                font-size: 1.8rem;\n            }\n        }\n    \n        \/* Desktop and Larger Screens (min-width: 769px) *\/\n        @media (min-width: 769px) {\n            \/* Hide mobile-only content *\/\n            .mobile-only {\n                display: none;\n            }\n        }\n    \u003c\/style\u003e\n    \u003cdiv class=\"full-width-banner\"\u003e\n        \u003cspan class=\"banner-text-left\"\u003eThe RA Black Experience\u003c\/span\u003e\n        \u003ca href=\"#reachOut\" class=\"banner-button-right\"\u003eGet started today\u003c\/a\u003e\n    \u003c\/div\u003e\n    \n    \u003cscript\u003e\n        \/\/ Show\/Hide Banner on Scroll\n        window.onscroll = function() {scrollBanner()};\n    \n        function scrollBanner() {\n            var banner = document.querySelector(\".full-width-banner\");\n            \n            if (document.body.scrollTop \u003e 300 || document.documentElement.scrollTop \u003e 300) {\n                banner.style.visibility = \"visible\";\n                banner.style.opacity = \"1\"; \/\/ Fade in\n            } else {\n                banner.style.visibility = \"hidden\";\n                banner.style.opacity = \"0\"; \/\/ Fade out\n            }\n        }\n    \u003c\/script\u003e\n    \u003cdiv id=\"discover\"\u003e\n        \u003cdiv id=\"discoverIntro\" class=\"section header-section\" style=\"background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/ra-cycles-black.jpg?v=1733922184');\"\u003e\n            \u003cdiv class=\"header-content\"\u003e\n                \u003ch1\u003eThe RA Black \u003cspan\u003eExperience\u003c\/span\u003e\n\u003c\/h1\u003e\n                \u003cp\u003eTransforming How You Buy a Bike\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"section full-width-image full-width-no-padding quote-text\"\u003e\n            \u003cdiv class=\"header-text\"\u003e\n                \u003ch2 class=\"text-wht\"\u003eRA Black\u003c\/h2\u003e\n                \u003cp\u003eBuying a bike isn't like grabbing a gadget or a t-shirt. It's a deeply personal journey filled with emotion, expertise, and passion. The overwhelming amount of online information can leave you more confused than confident. Why spend endless hours wading through misleading or biased advice? At \u003cstrong\u003eRA Cycles\u003c\/strong\u003e, we take the guesswork out of your decision with \u003cstrong\u003eRA Black\u003c\/strong\u003e, our elite cycling experts who guide you to the perfect bike—no matter where it comes from.\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/ra-cycles-black-2.jpg?v=1733922184\" alt=\"RA Black\" title=\"RA Black\"\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"section full-width-image full-width-no-padding quote-text\"\u003e\n            \u003cdiv class=\"header-text\"\u003e\n                \u003ch2 class=\"text-wht\"\u003eYour Personal Cycling Expert\u003c\/h2\u003e\n                \u003cp\u003eAn \u003cstrong\u003eRA Black Member\u003c\/strong\u003e is the highest-ranking professional in our organization. Vetted for their extensive cycling knowledge, hands-on experience with top suppliers, and unparalleled technical expertise, they are truly unbiased advocates for your cycling satisfaction. With a deep commitment to the sport and your needs, an RA Black Member delivers an unmatched level of care and precision throughout your bike-buying journey.\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"section padded-section text-left\"\u003e\n            \u003cdiv class=\"padded-content\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/ra-cycles-black-3.jpg?v=1733922184\" alt=\"This Journey Starts With You\" title=\"This Journey Starts With You\"\u003e\n                \u003cdiv class=\"text text-wht\"\u003e\n                    \u003ch2 class=\"text-wht\"\u003eThis Journey Starts With You\u003c\/h2\u003e\n                    \u003cp\u003eBefore you even set foot in any of our retail locations, we take the time to understand you. Through  pre-consultation, we'll ask key questions about your riding style, preferences, and goals. This ensures we match you with the perfect RA Black Member to guide your experience and curate a selection tailored to your unique needs during your experience.\u003c\/p\u003e\n                    \u003ca href=\"#reachOut\" title=\"Get started today\" role=\"link\" class=\"shop-now-buttonWHT\"\u003eGet started today\u003c\/a\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"section padded-section text-right\"\u003e\n            \u003cdiv class=\"padded-content\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/Your-Perfect-Fit-Awaits.jpg?v=1733922184\" alt=\"Your Perfect Fit Awaits\" title=\"Your Perfect Fit Awaits\"\u003e\n                \u003cdiv class=\"text text-wht\"\u003e\n                    \u003ch2 class=\"text-wht\"\u003eYour Perfect Fit Awaits\u003c\/h2\u003e\n                    \u003cp\u003eFollowing your pre-consultation, we'll schedule a \u003cstrong\u003eSENSEI Bike Fit\u003c\/strong\u003e, conducted by our highly qualified fitters. Before this process, your RA Black Member will have prepared a curated selection of bikes, frames, and equipment based on your pre-consultation, ensuring every detail aligns perfectly with your goals.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"section parallax text-wht quote-text\" style=\"background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/ra-cycles-black-4.jpg?v=1733922184');\"\u003e\n            \u003ch2 class=\"text-wht\"\u003eUnbiased Guidance, Your Best Ride\u003c\/h2\u003e\n            \u003cp\u003eThe goal of this experience is simple: to find your perfect bike. Whether it's from our exceptional inventory or a brand we don't carry, our RA Black Member is dedicated to ensuring you make the best choice for your riding journey. There's no obligation to purchase from RA Cycles—our mission is your satisfaction.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"section padded-section text-left\"\u003e\n            \u003cdiv class=\"padded-content\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/custom-bike-builds_a3fcad44-7b7e-4c93-be26-b1ba745d91b7.png?v=1733922184\" alt=\"Precision Backed by Expertise\" title=\"Precision Backed by Expertise\"\u003e\n                \u003cdiv class=\"text text-wht\"\u003e\n                    \u003ch2 class=\"text-wht\"\u003ePrecision Backed by Expertise\u003c\/h2\u003e\n                    \u003cp\u003eEvery RA Black Member is supported by an elite technician who works directly with you to fine-tune your bike. From fit adjustments to assembly preferences, your technician ensures every detail aligns with your ride style, leaving nothing to chance.\u003c\/p\u003e\n                    \u003ca href=\"#reachOut\" title=\"Get started today\" role=\"link\" class=\"shop-now-buttonWHT\"\u003eGet started today\u003c\/a\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"section padded-section text-right\"\u003e\n            \u003cdiv class=\"padded-content\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/Art-of-the-Perfect-Build.jpg?v=1733922184\" alt=\"The Art of the Perfect Build\" title=\"The Art of the Perfect Build\"\u003e\n                \u003cdiv class=\"text text-wht\"\u003e\n                    \u003ch2 class=\"text-wht\"\u003eThe Art of the Perfect Build\u003c\/h2\u003e\n                    \u003cp\u003eWith input from our SENSEI Fitter, RA Black Member, and technician, your bike is built to perfection. Every component, adjustment, and fit validation is meticulously crafted to ensure your bike feels as exceptional as it performs.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"section parallax text-wht quote-text\" style=\"background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/Experience-Your-Perfect-Ride.jpg?v=1733922184');\"\u003e\n            \u003ch2 class=\"text-wht\"\u003eExperience Your Perfect Ride\u003c\/h2\u003e\n            \u003cp\u003eWhen your bike is ready, it's time to hit the road. Together with your RA Black Member, you'll go for a ride to validate the fit, comfort, and performance, making any final tweaks to guarantee an unmatched riding experience.\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"section full-width-image full-width-no-padding quote-text\"\u003e\n            \u003cdiv class=\"header-text\"\u003e\n                \u003ch2 class=\"text-wht\"\u003ePremium Service, Transparent Pricing\u003c\/h2\u003e\n                \u003cp\u003eThe cost of this exclusive experience is $500, which includes a $350 \u003cstrong\u003eSENSEI Bike Fit\u003c\/strong\u003e and dedicated, personalized guidance from your RA Black Member. Any additional purchases are entirely optional and at your discretion. This investment guarantees a truly bespoke cycling experience tailored specifically to you.\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"discoverDetailInfo-container\"\u003e\n            \u003ch2 class=\"text-wht\"\u003eRA Custom Studio Locations\u003c\/h2\u003e\n            \u003cdiv class=\"discoverDetailInfo\"\u003e\n                \u003cdiv class=\"discoverDetailInfo-item\"\u003e\n                    \u003cdiv class=\"image\"\u003e\n                        \u003cimg class=\"icons\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/ra-cycles-walunt-creek.jpg?v=1733922183\" alt=\"Walnut Creek Location\" title=\"Walnut Creek Location\"\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"block-heading\"\u003e\n                        \u003ch2\u003eWalnut Creek, CA Location\u003c\/h2\u003e\n                        \u003cdiv class=\"card-paragraph\"\u003e\n                            \u003ca href=\"https:\/\/maps.app.goo.gl\/NfGwExqG8D1yB5mz9\" title=\"find RA Cycles Walnut Creek CA on Google maps\" role=\"link\" target=\"_blank\"\u003e2099 Mt Diablo Blvd, Walnut Creek, CA 94596\u003c\/a\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n        \n                \u003cdiv class=\"discoverDetailInfo-item\"\u003e\n                    \u003cdiv class=\"image\"\u003e\n                        \u003cimg class=\"icons\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/ra-cycles-brooklyn.jpg?v=1733922184\" alt=\"Brooklyn Location\" title=\"Brooklyn Location\"\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"block-heading\"\u003e\n                        \u003ch2\u003eBrooklyn, NY Location\u003c\/h2\u003e\n                        \u003cdiv class=\"card-paragraph\"\u003e\n                            \u003ca href=\"https:\/\/maps.app.goo.gl\/nHQyJb8qxWuyQ8RG6\" title=\"find RA Cycles Brooklyn NY on Google maps\" role=\"link\" target=\"_blank\"\u003e105 5th Ave, Brooklyn, NY 11217\u003c\/a\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n        \n                \u003cdiv class=\"discoverDetailInfo-item\"\u003e\n                    \u003cdiv class=\"image\"\u003e\n                        \u003cimg class=\"icons\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/ra-cycles-miami.jpg?v=1733922184\" alt=\"Miami, FL Location\" title=\"Miami, FL Location\"\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"block-heading\"\u003e\n                        \u003ch2\u003eMiami, FL Location\u003c\/h2\u003e\n                        \u003cdiv class=\"card-paragraph\"\u003e\n                            Coming Soon.\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"section padded-section text-left\"\u003e\n            \u003cdiv class=\"padded-content\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/ra-black-custom-studio.png?v=1733922183\" alt=\"RA Cycles - Black - Custom Studio\" title=\"RA Cycles - Black - Custom Studio\"\u003e\n                \u003cdiv class=\"text text-wht\"\u003e\n                    \u003ch2 class=\"text-wht\"\u003eStart Your Journey Today\u003c\/h2\u003e\n                    \u003cp\u003ePurchase the RA Black Bike Buying Experience here, and we'll contact you within 24 hours to begin your personalized path to the perfect bike.\u003c\/p\u003e\n                    \u003ca href=\"#reachOut\" title=\"Get started today\" role=\"link\" class=\"shop-now-buttonWHT\"\u003eGet started today\u003c\/a\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003cdiv id=\"reachOut\" style=\"height:75px\"\u003e\u003c\/div\u003e\n    \u003cdiv contactform-embed=\"434650\"\u003e\u003c\/div\u003e","products":[],"url":"https:\/\/ricycles.com\/collections\/the-ra-black-experience.oembed","provider":"RA Cycles","version":"1.0","type":"link"}