{"title":"Discover the Serotta Legend T9","description":"\u003cstyle\u003e\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        .greyBG {\n            background-color: #252525;\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        .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: 5em;\n            margin: 0;\n        }\n\n        #discoverIntro h1 span {\n            font-style: italic;\n            font-weight: 200;\n        }\n\n        #discoverIntro p {\n            color: #FFF !important;\n            font-size: 2em;\n            margin: 0\n        }\n\n        #discover h2 {\n            color: #FFF !important;\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: 70vh;\n            background-size: cover;\n            background-position: center;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: flex-end;\n            color: #000;\n            text-align: right;\n            padding-right: 40px;\n        }\n\n        .greyBGquote {\n            background-color: #252525;\n        }\n\n        #discover .header-section .header-content {\n            max-width: 900px;\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: 8em 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 h2 span {\n            font-weight: 200;\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: top center;\n            color: white;\n            padding: 8em 10em;\n            text-align: center;\n            height: 300px;\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        #contactRA {\n            padding: 100px 0 0 0\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        .padded-content iframe {\n          flex: 1;                \/* take up 50% of the row *\/\n          width: 50%;\n          \/* override align-items:center on the parent so this child fills it: *\/\n          align-self: stretch;\n          border: 0;\n        }\n\n        \/* Image Callout *\/\n        .imagCallout {\n            background-color: #252525;\n            padding-top: 2.5em;\n            text-align: center;\n        }\n\n        .imagCallout img {\n            margin: 0 auto;\n            display: block;\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        .card-paragraph h3 {\n            color: #fff;\n            margin: 0 0 10px 0;\n            font-size: var(--h5-font-size);\n        }\n\n        .icons {\n            width: 100px;\n            height: 100px;\n        }\n\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);\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 {\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        \/* Video *\/\n\n        .full-width-discover-video {\n            width: 100%;\n            position: relative;\n            padding-top: 56.25%;\n            overflow: hidden;\n        }\n\n        .full-width-discover-video iframe {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\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        .color-grid-container {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr) !important;\n            grid-template-rows: repeat(2, auto);\n            gap: 20px;\n            padding: 5em 9em;\n        }\n\n        .color-grid-item {\n            text-align: center;\n        }\n\n        .color-grid-item img {\n            width: 100%;\n            height: auto;\n            border: 2px solid #454545;\n            border-radius: 20px;\n        }\n\n        .color-grid-item h3 {\n            font-weight: 300;\n            margin: 10px 0 10px 0;\n            color: #fff;\n            font-size: var(--h5-font-size);\n        }\n\n        .color-grid-item h3 span {\n            font-weight: 900;\n        }\n\n        .color-grid-item p {\n            font-size: 0.9em;\n            color: #666;\n        }\n\n        .color-grid-item .bike1 {\n            border: 3px solid #91e6b4\n        }\n\n        .color-grid-item .bike2 {\n            border: 3px solid #4d4c8e\n        }\n        .mosaic-grid {\n          display: grid;\n          grid-template-columns: repeat(4, 1fr);\n          grid-auto-rows: 350px;\n          gap: 8px;\n          grid-auto-flow: dense;\n          padding:8px 0\n        }\n        \n        .mosaic-item img {\n          width: 100%;\n          height: 100%;\n          object-fit: cover;\n          display: block;\n        }\n        \n        .mosaic-item:nth-child(3) {\n          grid-column: span 2;\n          grid-row: span 2;\n        }\n        .mosaic-item:nth-child(7) {\n          grid-column: span 2;\n          grid-row: span 1;\n        }\n        .mosaic-item:nth-child(9) {\n          grid-column: span 1;\n          grid-row: span 2;\n        }\n        .mosaic-item:nth-child(14) {\n          grid-column: span 2;\n          grid-row: span 2;\n        }\n\n        \/* FORM RESET *\/\n        .bcontact-content {\n            background-color: #252525 !important;\n        }\n        .bcontact-title, .bcontact-description{\n            display:none\n        }\n        .bcontact-field-heading{\n            color:#FFF !important\n        }\n        .bcontact_input input, .bcontact_textarea textarea{\n            border-color: #666 !important;\n            background-color: #999 !important;\n        }\n\n        \/* Media Queries *\/\n\n        \/* Mobile Devices (max-width: 600px) *\/\n        @media (max-width: 600px) {\n            #discover .header-section {\n                height: 80vh;\n                background-size: cover;\n                background-position: left center;\n                display: flex;\n                flex-direction: column;\n                justify-content: center;\n                align-items: flex-end;\n                color: #000;\n                text-align: right;\n                padding-right: 10px;\n            }\n\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            #contactRA {\n                padding: 10px 0 0 0\n            }\n\n            #discover .header-text {\n                padding: 1.5em;\n            }\n\n            .photo-box-button {\n                display: none\n            }\n\n            .photo-box {\n                height: 200px;\n            }\n\n            .color-grid-container {\n                grid-template-columns: 1fr !important;\n                grid-template-rows: repeat(6, auto);\n                padding: 2em\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            #contactRA {\n                padding: 30px 0 0 0\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;\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\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            .photo-box-button {\n                display: none\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: 200px;\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: calc(var(--body-font-size) * .1rem);\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            .mosaic-grid {\n              grid-template-columns: repeat(2, 1fr);\n              grid-auto-rows: 120px;\n              gap: 4px;\n            }\n          \n            .mosaic-item:nth-child(n+9) {\n              display: none;\n            }\n        }\n\n        \/* Desktop and Larger Screens (min-width: 769px) *\/\n        @media (min-width: 769px) {\n\n            \/* Hide mobile-only content *\/\n            .mobile-only {\n                display: none;\n            }\n\n            .color-grid-container {\n                grid-template-columns: repeat(2, 1fr);\n                grid-template-rows: repeat(3, auto);\n            }\n        }\n    \u003c\/style\u003e\n\n    \u003cdiv class=\"full-width-banner\"\u003e\n        \u003cspan class=\"banner-text-left\"\u003eDiscover Serotta Legend T9\u003c\/span\u003e\n        \u003ca href=\"#shopnow\" class=\"banner-button-right\"\u003eBuild your Serotta Legend T9\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\/serotta.jpg?v=1750345902');\"\u003e\n            \u003cdiv class=\"header-content\"\u003e\n                \u003ch1\u003e\n\u003cspan\u003eA Legend is Reborn:\u003c\/span\u003e Serotta Legend T9\u003c\/h1\u003e\n                \u003cp\u003eTimeless craftsmanship. Modern performance. Custom-tailored for your ride.\u003c\/p\u003e\n                \u003ca href=\"#shopnow\" class=\"photo-box-button\" title=\"Build your Serotta today\" role=\"link\"\u003eBuild Your Dream\u003c\/a\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n         \u003cdiv class=\"section full-width-image full-width-no-padding greyBGquote\"\u003e\n            \u003cdiv class=\"header-text\"\u003e\n                \u003ch2\u003eWhere it All Began, Reimagined\u003c\/h2\u003e\n                \u003cp\u003e\n                    Since 1972, Serotta has stood for performance, precision, and passion. The new Legend T9 draws from that legacy, reborn with modern engineering and a relentless commitment to custom fit.\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"section full-width-image full-width-no-padding greyBGquote\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/serotta-Icon-Returns-o_21d4c6b7-1adb-4576-86db-880c33b4a8e7.jpg?v=1750415741\" alt=\"Serotta Legend T9 - The Icon Returns—Stronger Than Ever\" title=\"Serotta Legend T9 - The Icon Returns—Stronger Than Ever\"\u003e\n            \u003cdiv class=\"header-text\"\u003e\n                \u003ch2\u003eThe Icon Returns—Stronger Than Ever\u003c\/h2\u003e\n                \u003cp\u003e\n                    The Legend wasn't just a name—it was a benchmark. Now, it's back. Designed for today's roads and riders, the T9 blends soul and speed into a timeless chassis that refuses to age.\n                \u003c\/p\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\/serotta-legend-t9-Built-By-Hand-o.jpg?v=1750415602\" alt=\"Built By Hand, Not by Machine\" title=\"Built By Hand, Not by Machine\"\u003e\n                \u003cdiv class=\"text text-wht\"\u003e\n                    \u003ch2 class=\"text-wht\"\u003eBuilt By Hand, Not by Machine\u003c\/h2\u003e\n                    \u003cp\u003e\n                        Every Serotta frame is the work of master hands—brazed, aligned, and finished with meticulous care. You're not buying off-the-shelf. You're commissioning a masterpiece.\n                    \u003c\/p\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\/serotta-Titanium-Done-Right-o.jpg?v=1750415602\" alt=\"Serotta Legend T9 - Titanium Done Right\" title=\"Serotta Legend T9 - Titanium Done Right\"\u003e\n                \u003cdiv class=\"text text-wht\"\u003e\n                    \u003ch2 class=\"text-wht\"\u003eSerotta Legend T9 - Titanium Done Right\u003c\/h2\u003e\n                    \u003cp\u003e\n                        Serotta uses only aerospace-grade titanium, shaped and selected for each rider's needs. Lightweight, resilient, and refined—it's the material of choice for a bike that's built to last generations.\n                    \u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"discoverDetailInfo-container\"\u003e\n            \u003ch2 class=\"text-wht\"\u003eControl Starts at the Front\u003c\/h2\u003e\n            \u003cp\u003eThe Legend's front-end is engineered for balance and precision handling—whether you're descending at speed or carving corners on home roads.\u003c\/p\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\/serotta-Head-Tube-Diameter-o.jpg?v=1750415602\" alt=\"Serotta Legend T9 - Head Tube Diameter\" title=\"Serotta Legend T9 - Head Tube Diameter\"\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"block-heading\"\u003e\n                        \u003cdiv class=\"card-paragraph\"\u003e\n                            \u003ch3\u003eHead Tube Diameter\u003c\/h3\u003e\n                            \u003cp\u003eChoose from 42mm, 44mm, or our standard 50mm head tubes. Each size is tuned for stiffness, aesthetics, and cable routing compatibility—internal or external.\u003c\/p\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\/serotta-legend-t9-Headsets-o.jpg?v=1750415602\" alt=\"Serotta Legend T9 - Headsets\" title=\"Serotta Legend T9 - Headsets\"\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"block-heading\"\u003e\n                        \u003cdiv class=\"card-paragraph\"\u003e\n                            \u003ch3\u003eSerotta Legend T9 - Headsets\u003c\/h3\u003e\n                            \u003cp\u003eOur frames use outboard press-in cups—lightweight, durable, and compatible with all major brands. Even the less common 38mm and 40mm IDs? We've got them covered.\u003c\/p\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\/serotta-legend-t9-Forks-o.jpg?v=1750415602\" alt=\"Serotta Legend T9 - Forks\" title=\"Serotta Legend T9 - Forks\"\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"block-heading\"\u003e\n                        \u003cdiv class=\"card-paragraph\"\u003e\n                            \u003ch3\u003eSerotta Legend T9 - Forks\u003c\/h3\u003e\n                            \u003cp\u003eEach fork is handpicked to match your bike's purpose. From Serotta's own all-road forks to ENVE, Columbus, or even suspension-ready Cane Creek or Lauf—we'll build the bike around your ride style.\u003c\/p\u003e\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 text-left gradBG\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/serotta-legend-t9-Tire-Widths-o.jpg?v=1750415602\" alt=\"Tire Widths Aren't an Afterthought\" title=\"Tire Widths Aren't an Afterthought\"\u003e\n            \u003cdiv class=\"text\"\u003e\n                \u003ch2\u003eTire Widths Aren't an Afterthought\u003c\/h2\u003e\n                \u003cp\u003e\n                    Tires change the feel of your bike, affect geometry, and dictate clearance. Whether you ride tarmac, gravel, or both, we'll tailor the frame around your preferred tire range.\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"section text-right gradBG\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/serotta-legend-t9-Classic-to-Cutting-Edge-o.jpg?v=1750415602\" alt=\"Classic to Cutting-Edge—Your Choice\" title=\"Classic to Cutting-Edge—Your Choice\"\u003e\n            \u003cdiv class=\"text\"\u003e\n                \u003ch2\u003eClassic to Cutting-Edge—Your Choice\u003c\/h2\u003e\n                \u003cp\u003e\n                    Go fully external for simplicity, or tuck everything away for a sleek finish. Most riders land somewhere in between. We'll advise based on your riding, travel needs, and maintenance style.\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"section text-left gradBG\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/serotta-legend-t9-Compatibility-Meets-Elegance-o.jpg?v=1750415602\" alt=\"Compatibility Meets Elegance\" title=\"Compatibility Meets Elegance\"\u003e\n            \u003cdiv class=\"text\"\u003e\n                \u003ch2\u003eCompatibility Meets Elegance\u003c\/h2\u003e\n                \u003cp\u003e\n                    We build with both traditional derailleur hangers and UDH options, so your drivetrain is secure and future-proof. \n                \u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"section full-width-image full-width-no-padding greyBGquote\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/serotta-legend-t9-Threaded-bb-o.jpg?v=1750415602\" alt=\"Serotta Legend T9 - Threaded. Trusted. Timeless\" title=\"Serotta Legend T9 - Threaded. Trusted. Timeless\"\u003e\n            \u003cdiv class=\"header-text\"\u003e\n                \u003ch2\u003eThreaded. Trusted. Timeless\u003c\/h2\u003e\n                \u003cp\u003e\n                    We use T47 bottom brackets—either 68mm or 86.5mm wide—depending on your frame's purpose. Easy to service. Rock solid. Quiet. Just how a bottom bracket should be.\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"section text-left gradBG\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/serotta-legend-t9-seatpost-o.jpg?v=1750415602\" alt=\"Ride Quality, Perfected\" title=\"Ride Quality, Perfected\"\u003e\n            \u003cdiv class=\"text\"\u003e\n                \u003ch2\u003eRide Quality, Perfected\u003c\/h2\u003e\n                \u003cp\u003e\n                    Standard builds use 27.2mm round posts—proven for comfort and simplicity. Need a dropper? We'll go 30.9mm and build the frame accordingly. No compromises.\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003csection class=\"mosaic-grid\"\u003e\n          \u003cdiv class=\"mosaic-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/serotta-legend-t9-11-a-o.jpg?v=1750415602\" alt=\"Serotta Legend T9\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"mosaic-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/serotta-legend-t9-11-b-o.jpg?v=1750415602\" alt=\"Serotta Legend T9\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"mosaic-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/serotta-legend-t9-11-c-o.jpg?v=1750415602\" alt=\"Serotta Legend T9\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"mosaic-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/serotta-legend-t9-11-d-o.jpg?v=1750415602\" alt=\"Serotta Legend T9\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"mosaic-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/serotta-legend-t9-11-e-o.jpg?v=1750415602\" alt=\"Serotta Legend T9\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"mosaic-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/serotta-legend-t9-11-f-o.jpg?v=1750415602\" alt=\"Serotta Legend T9\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"mosaic-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/serotta-legend-t9-11-g-o.jpg?v=1750415602\" alt=\"Serotta Legend T9\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"mosaic-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/serotta-legend-t9-11-h-o.jpg?v=1750415602\" alt=\"Serotta Legend T9\"\u003e\u003c\/div\u003e\n        \u003c\/section\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-custom-studios.png?v=1731342047\" alt=\"RA Cycles Custom Studios Consultation\" title=\"RA Cycles Custom Studios Consultation\"\u003e\n                \u003cdiv class=\"text text-wht\"\u003e\n                    \u003ch2 class=\"text-wht\"\u003eRA Cycles Custom Studios Consultation:\u003c\/h2\u003e\n                    \u003cp\u003eYour journey begins in our custom studios in Brooklyn, Walnut Creek, or Miami. Our RA Black Specialists—elite advisors—guide you in conceptualizing your ultimate ride.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv id=\"shopnow\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"section full-width-image full-width-no-padding greyBGquote\"\u003e\n            \u003cdiv class=\"header-text\"\u003e\n                \u003ch2\u003eYour Serotta Awaits\u003c\/h2\u003e\n                \u003cp\u003e\n                    Begin your journey today. Experience the thrill, the comfort, and the bespoke performance only a Serotta, crafted through RA Cycles, can deliver.\n                \u003c\/p\u003e\n                \u003cdiv contactform-embed=\"488530\"\u003e\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\u003c\/div\u003e","products":[],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/collections\/serotta-legend-t9-7429868.jpg?v=1771291450","url":"https:\/\/ricycles.com\/es\/collections\/serotta-legend-t9.oembed","provider":"RA Cycles","version":"1.0","type":"link"}