:root {
  --product-btn-bg: #42180d;
  /* --product-title-color: #34484a; */
  --product-title-color: #42180d;
}

[is-dark] {
  --product-btn-bg: #c19e74;
  --product-title-color: #fff;
}

.BaseMask_root__Xlmsj {
    -webkit-backface-visibility: hidden;
    -webkit-mask-repeat: no-repeat;
    backface-visibility: hidden;
    contain: layout;
    display: block;
    mask-repeat: no-repeat;
    perspective: 1000px;
    position: relative;
    transform-style: preserve-3d
}

.BaseMask_safari__fiIeL .BaseMask_root__Xlmsj {
    perspective: none
}

.BaseMask_root__Xlmsj .BaseMask_mask__DfvkG {
    contain: strict;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

.BackgroundVideo_root__kQ0ur {
    display: block;
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.HiddenCta_root__DGcIq {
    background: rgba(13,18,18,.5);
    bottom: .375rem;
    color: #fff;
    font-family: var(--bs-body-font-family);
    font-size: .9375rem;
    font-weight: 400;
    left: .375rem;
    letter-spacing: -.0006666667em;
    line-height: 150%;
    opacity: 0;
    padding: .125rem .375rem;
    pointer-events: none;
    position: absolute;
    translate: -200% 200%;
    z-index: 1
}

.HiddenCta_root__DGcIq:focus-visible {
    border-radius: .125rem;
    outline: .0625rem solid #0d1212;
    outline-offset: .25rem;
    pointer-events: auto;
    translate: unset
}

.HiddenCta_root__DGcIq:focus-visible:before {
    border: 1px solid #fff;
    border-radius: .375rem;
    bottom: calc((.25rem + 2px)*-1);
    content: "";
    left: calc((.25rem + 2px)*-1);
    position: absolute;
    right: calc((.25rem + 2px)*-1);
    top: calc((.25rem + 2px)*-1);
    z-index: 0
}

.HiddenCta_root__DGcIq.HiddenCta_relativePosition__JdNFb {
    bottom: unset;
    height: 0;
    left: unset;
    position: relative;
    translate: unset
}

.SequencePlayer_root__si9lr {
    contain: layout;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.HowToRideBespoke_root__rL98L {
    --inset: 0;
    --zoox-aspect: 1.449;
    --gallery-active: 1;
    background: var(--bg-color);
    color: var(--text-color);
    display: block;
    opacity: 0;
    position: relative;
    width: 100%;
    z-index: 0;
    background: #eee;
}

.HowToRideBespoke_root__rL98L.HowToRideBespoke_ready__BNFqq {
    opacity: 1;
    transition: opacity .3s .1s
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN {
    height: 100vh;
    overflow-x: clip;
    position: relative;
    width: 100%
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_title__SlUyy {
    color: var(--product-title-color);
    /* font-family: var(--bs-body-font-family); */
    font-size: 2.25rem;
    /* font-weight: 600; */
    /* left: 50%; */
    /* letter-spacing: -.0002777778em; */
    line-height: 115%;
    /* position: absolute; */
    /* top: max(12vh,6.25rem); */
    /* transform: translate3d(-50%,0,0); */
    z-index: 1
}

@media(min-width: 1080px) {
    .HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_title__SlUyy {
        font-size:3.5rem
    }
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_text1__4EeK4,.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_text2__qdqFa {
    position: absolute;
    width: 25%
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_text1__4EeK4 .HowToRideBespoke_eyebrow__nm1ne,.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_text2__qdqFa .HowToRideBespoke_eyebrow__nm1ne {
    font-family: var(--bs-body-font-family);
    font-size: .75rem;
    font-weight: 500;
    line-height: 130%;
    margin: 0 0 1rem;
    text-transform: uppercase
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_text1__4EeK4 .HowToRideBespoke_description__AIlGq,.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_text2__qdqFa .HowToRideBespoke_description__AIlGq {
    font-family: var(--bs-body-font-family);
    font-size: 1.125rem;
    font-weight: 400;
    letter-spacing: -.0005555556em;
    line-height: 150%
}

@media(min-width: 1080px) {
    .HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_text1__4EeK4 .HowToRideBespoke_description__AIlGq,.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_text2__qdqFa .HowToRideBespoke_description__AIlGq {
        font-size:1.25rem;
        letter-spacing: -.001em
    }
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_text2__qdqFa {
    padding: 0 0 0 1.25rem
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_list__LQ_Bb {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: absolute
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_list__LQ_Bb.HowToRideBespoke_visible__vR5wI .HowToRideBespoke_item__anNN1 {
    opacity: 1;
    transform: translateY(0);
    transition: opacity .2s,transform .5s cubic-bezier(.16,1,.3,1)
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_list__LQ_Bb.HowToRideBespoke_visible__vR5wI .HowToRideBespoke_item__anNN1:first-child {
    transition-delay: .05s
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_list__LQ_Bb.HowToRideBespoke_visible__vR5wI .HowToRideBespoke_item__anNN1:nth-child(2) {
    transition-delay: .1s
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_list__LQ_Bb.HowToRideBespoke_visible__vR5wI .HowToRideBespoke_item__anNN1:nth-child(3) {
    transition-delay: .15s
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_list__LQ_Bb.HowToRideBespoke_visible__vR5wI .HowToRideBespoke_item__anNN1:nth-child(4) {
    transition-delay: .2s
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_list__LQ_Bb.HowToRideBespoke_visible__vR5wI .HowToRideBespoke_item__anNN1:nth-child(5) {
    transition-delay: .25s
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_list__LQ_Bb.HowToRideBespoke_visible__vR5wI .HowToRideBespoke_item__anNN1:nth-child(6) {
    transition-delay: .3s
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_list__LQ_Bb.HowToRideBespoke_visible__vR5wI .HowToRideBespoke_item__anNN1:nth-child(7) {
    transition-delay: .35s
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_list__LQ_Bb.HowToRideBespoke_visible__vR5wI .HowToRideBespoke_item__anNN1:nth-child(8) {
    transition-delay: .4s
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_list__LQ_Bb.HowToRideBespoke_visible__vR5wI .HowToRideBespoke_item__anNN1:nth-child(9) {
    transition-delay: .45s
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_list__LQ_Bb.HowToRideBespoke_visible__vR5wI .HowToRideBespoke_item__anNN1:nth-child(10) {
    transition-delay: .5s
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_list__LQ_Bb .HowToRideBespoke_item__anNN1 {
    font-family: var(--bs-body-font-family);
    font-size: 1.875rem;
    font-weight: 400;
    letter-spacing: -.0003333333em;
    line-height: 120%;
    opacity: 0;
    transform: translateY(2.5rem);
    transition: opacity .2s,transform .2s cubic-bezier(.7,0,.84,0)
}

@media(min-width: 1080px) {
    .HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_list__LQ_Bb .HowToRideBespoke_item__anNN1 {
        font-size:2.25rem
    }
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_list__LQ_Bb .HowToRideBespoke_item__anNN1:first-child {
    transition-delay: .45s
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_list__LQ_Bb .HowToRideBespoke_item__anNN1:nth-child(2) {
    transition-delay: .4s
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_list__LQ_Bb .HowToRideBespoke_item__anNN1:nth-child(3) {
    transition-delay: .35s
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_list__LQ_Bb .HowToRideBespoke_item__anNN1:nth-child(4) {
    transition-delay: .3s
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_list__LQ_Bb .HowToRideBespoke_item__anNN1:nth-child(5) {
    transition-delay: .25s
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_list__LQ_Bb .HowToRideBespoke_item__anNN1:nth-child(6) {
    transition-delay: .2s
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_list__LQ_Bb .HowToRideBespoke_item__anNN1:nth-child(7) {
    transition-delay: .15s
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_list__LQ_Bb .HowToRideBespoke_item__anNN1:nth-child(8) {
    transition-delay: .1s
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_list__LQ_Bb .HowToRideBespoke_item__anNN1:nth-child(9) {
    transition-delay: .05s
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_list__LQ_Bb .HowToRideBespoke_item__anNN1:nth-child(10) {
    transition-delay: 0s
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_menu__vPRL9 {
    align-items: center;
    bottom: 2.6875rem;
    display: flex;
    left: 25%;
    pointer-events: none;
    position: absolute;
    transform: translateX(-50%);
    /* background: #fff; */
    border-radius: 1rem;
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_menu__vPRL9.HowToRideBespoke_visible__vR5wI {
    pointer-events: auto;
    z-index: 1;
    background: #fff;
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_menu__vPRL9.HowToRideBespoke_visible__vR5wI .HowToRideBespoke_btn__Fdtx6 {
    opacity: 1;
    transform: translateY(0);
    transition: opacity .2s,transform .5s cubic-bezier(.16,1,.3,1)
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_menu__vPRL9.HowToRideBespoke_visible__vR5wI .HowToRideBespoke_btn__Fdtx6:first-child {
    transition-delay: .05s
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_menu__vPRL9.HowToRideBespoke_visible__vR5wI .HowToRideBespoke_btn__Fdtx6:nth-child(2) {
    transition-delay: .1s
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_menu__vPRL9.HowToRideBespoke_visible__vR5wI .HowToRideBespoke_btn__Fdtx6:nth-child(3) {
    transition-delay: .15s
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_menu__vPRL9.HowToRideBespoke_visible__vR5wI .HowToRideBespoke_btn__Fdtx6:nth-child(4) {
    transition-delay: .2s
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_menu__vPRL9.HowToRideBespoke_visible__vR5wI .HowToRideBespoke_btn__Fdtx6:nth-child(5) {
    transition-delay: .25s
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_menu__vPRL9.HowToRideBespoke_visible__vR5wI .HowToRideBespoke_btn__Fdtx6:nth-child(6) {
    transition-delay: .3s
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_menu__vPRL9.HowToRideBespoke_visible__vR5wI .HowToRideBespoke_btn__Fdtx6:nth-child(7) {
    transition-delay: .35s
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_menu__vPRL9.HowToRideBespoke_visible__vR5wI .HowToRideBespoke_btn__Fdtx6:nth-child(8) {
    transition-delay: .4s
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_menu__vPRL9.HowToRideBespoke_visible__vR5wI .HowToRideBespoke_btn__Fdtx6:nth-child(9) {
    transition-delay: .45s
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_menu__vPRL9.HowToRideBespoke_visible__vR5wI .HowToRideBespoke_btn__Fdtx6:nth-child(10) {
    transition-delay: .5s
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_menu__vPRL9 .HowToRideBespoke_btn__Fdtx6 {
    align-items: center;
    display: flex;
    gap: .3125rem;
    height: 3rem;
    justify-content: center;
    opacity: 0;
    padding: 0 1.125rem;
    position: relative;
    transform: translateY(2.5rem);
    transition: opacity .2s cubic-bezier(.7,0,.84,0),transform .2s cubic-bezier(.7,0,.84,0)
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_menu__vPRL9 .HowToRideBespoke_btn__Fdtx6:focus-visible {
    border-radius: .875rem;
    outline: .0625rem solid #0d1212;
    outline-offset: .25rem
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_menu__vPRL9 .HowToRideBespoke_btn__Fdtx6:focus-visible:before {
    border: 1px solid #fff;
    border-radius: 1.25rem;
    bottom: calc((.25rem + 2px)*-1);
    content: "";
    left: calc((.25rem + 2px)*-1);
    position: absolute;
    right: calc((.25rem + 2px)*-1);
    top: calc((.25rem + 2px)*-1);
    z-index: 0
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_menu__vPRL9 .HowToRideBespoke_btn__Fdtx6 .HowToRideBespoke_icon__Jxliv {
    color: #d3e4df;
    height: 1rem;
    position: relative;
    width: 1rem
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_menu__vPRL9 .HowToRideBespoke_btn__Fdtx6 .HowToRideBespoke_label__PTXqM {
    color: #34484a;
    font-family: var(--bs-body-font-family);
    font-size: .75rem;
    font-weight: 500;
    line-height: 130%;
    position: relative;
    text-transform: uppercase
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_menu__vPRL9 .HowToRideBespoke_btn__Fdtx6 .HowToRideBespoke_pill__Os6sg {
    -webkit-clip-path: inset(0 0 0 0 round 1rem);
    background: var(--product-btn-bg);
    border-radius: 1rem;
    clip-path: inset(0 0 0 0 round 1rem);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: calc(100% + .5px)
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_menu__vPRL9 .HowToRideBespoke_btn__Fdtx6:first-child {
    transition-delay: .02s
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_menu__vPRL9 .HowToRideBespoke_btn__Fdtx6:first-child .HowToRideBespoke_label__PTXqM {
    color: color-mix(in srgb,#fff calc(clamp(0, 1 - pow(calc(var(--gallery-active) - 1), 2), 1) * 100%),#34484a calc(clamp(0, pow(calc(var(--gallery-active) - 1), 2), 1) * 100%))
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_menu__vPRL9 .HowToRideBespoke_btn__Fdtx6:first-child .HowToRideBespoke_pill__Os6sg {
    -webkit-clip-path: inset(0 calc(clamp(0, 1 - var(--gallery-active), 1) * 100%) 0 calc(clamp(0, var(--gallery-active) - 1, 1) * 100%) round 1rem);
    clip-path: inset(0 calc(clamp(0, 1 - var(--gallery-active), 1) * 100%) 0 calc(clamp(0, var(--gallery-active) - 1, 1) * 100%) round 1rem)
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_menu__vPRL9 .HowToRideBespoke_btn__Fdtx6:nth-child(2) {
    transition-delay: .04s
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_menu__vPRL9 .HowToRideBespoke_btn__Fdtx6:nth-child(2) .HowToRideBespoke_label__PTXqM {
    color: color-mix(in srgb,#fff calc(clamp(0, 1 - pow(calc(var(--gallery-active) - 2), 2), 1) * 100%),#34484a calc(clamp(0, pow(calc(var(--gallery-active) - 2), 2), 1) * 100%))
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_menu__vPRL9 .HowToRideBespoke_btn__Fdtx6:nth-child(2) .HowToRideBespoke_pill__Os6sg {
    -webkit-clip-path: inset(0 calc(clamp(0, 2 - var(--gallery-active), 1) * 100%) 0 calc(clamp(0, var(--gallery-active) - 2, 1) * 100%) round 1rem);
    clip-path: inset(0 calc(clamp(0, 2 - var(--gallery-active), 1) * 100%) 0 calc(clamp(0, var(--gallery-active) - 2, 1) * 100%) round 1rem)
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_menu__vPRL9 .HowToRideBespoke_btn__Fdtx6:nth-child(3) {
    transition-delay: .06s
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_menu__vPRL9 .HowToRideBespoke_btn__Fdtx6:nth-child(3) .HowToRideBespoke_label__PTXqM {
    color: color-mix(in srgb,#fff calc(clamp(0, 1 - pow(calc(var(--gallery-active) - 3), 2), 1) * 100%),#34484a calc(clamp(0, pow(calc(var(--gallery-active) - 3), 2), 1) * 100%))
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_menu__vPRL9 .HowToRideBespoke_btn__Fdtx6:nth-child(3) .HowToRideBespoke_pill__Os6sg {
    -webkit-clip-path: inset(0 calc(clamp(0, 3 - var(--gallery-active), 1) * 100%) 0 calc(clamp(0, var(--gallery-active) - 3, 1) * 100%) round 1rem);
    clip-path: inset(0 calc(clamp(0, 3 - var(--gallery-active), 1) * 100%) 0 calc(clamp(0, var(--gallery-active) - 3, 1) * 100%) round 1rem)
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_menu__vPRL9 .HowToRideBespoke_btn__Fdtx6:nth-child(4) {
    transition-delay: .08s
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_menu__vPRL9 .HowToRideBespoke_btn__Fdtx6:nth-child(4) .HowToRideBespoke_label__PTXqM {
    color: color-mix(in srgb,#fff calc(clamp(0, 1 - pow(calc(var(--gallery-active) - 4), 2), 1) * 100%),#34484a calc(clamp(0, pow(calc(var(--gallery-active) - 4), 2), 1) * 100%))
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_menu__vPRL9 .HowToRideBespoke_btn__Fdtx6:nth-child(4) .HowToRideBespoke_pill__Os6sg {
    -webkit-clip-path: inset(0 calc(clamp(0, 4 - var(--gallery-active), 1) * 100%) 0 calc(clamp(0, var(--gallery-active) - 4, 1) * 100%) round 1rem);
    clip-path: inset(0 calc(clamp(0, 4 - var(--gallery-active), 1) * 100%) 0 calc(clamp(0, var(--gallery-active) - 4, 1) * 100%) round 1rem)
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_menu__vPRL9 .HowToRideBespoke_btn__Fdtx6:nth-child(5) {
    transition-delay: .1s
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_menu__vPRL9 .HowToRideBespoke_btn__Fdtx6:nth-child(5) .HowToRideBespoke_label__PTXqM {
    color: color-mix(in srgb,#fff calc(clamp(0, 1 - pow(calc(var(--gallery-active) - 5), 2), 1) * 100%),#34484a calc(clamp(0, pow(calc(var(--gallery-active) - 5), 2), 1) * 100%))
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_menu__vPRL9 .HowToRideBespoke_btn__Fdtx6:nth-child(5) .HowToRideBespoke_pill__Os6sg {
    -webkit-clip-path: inset(0 calc(clamp(0, 5 - var(--gallery-active), 1) * 100%) 0 calc(clamp(0, var(--gallery-active) - 5, 1) * 100%) round 1rem);
    clip-path: inset(0 calc(clamp(0, 5 - var(--gallery-active), 1) * 100%) 0 calc(clamp(0, var(--gallery-active) - 5, 1) * 100%) round 1rem)
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_menu__vPRL9 .HowToRideBespoke_btn__Fdtx6:nth-child(6) {
    transition-delay: .12s
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_menu__vPRL9 .HowToRideBespoke_btn__Fdtx6:nth-child(6) .HowToRideBespoke_label__PTXqM {
    color: color-mix(in srgb,#fff calc(clamp(0, 1 - pow(calc(var(--gallery-active) - 6), 2), 1) * 100%),#34484a calc(clamp(0, pow(calc(var(--gallery-active) - 6), 2), 1) * 100%))
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_menu__vPRL9 .HowToRideBespoke_btn__Fdtx6:nth-child(6) .HowToRideBespoke_pill__Os6sg {
    -webkit-clip-path: inset(0 calc(clamp(0, 6 - var(--gallery-active), 1) * 100%) 0 calc(clamp(0, var(--gallery-active) - 6, 1) * 100%) round 1rem);
    clip-path: inset(0 calc(clamp(0, 6 - var(--gallery-active), 1) * 100%) 0 calc(clamp(0, var(--gallery-active) - 6, 1) * 100%) round 1rem)
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_menu__vPRL9 .HowToRideBespoke_btn__Fdtx6:nth-child(7) {
    transition-delay: .14s
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_menu__vPRL9 .HowToRideBespoke_btn__Fdtx6:nth-child(7) .HowToRideBespoke_label__PTXqM {
    color: color-mix(in srgb,#fff calc(clamp(0, 1 - pow(calc(var(--gallery-active) - 7), 2), 1) * 100%),#34484a calc(clamp(0, pow(calc(var(--gallery-active) - 7), 2), 1) * 100%))
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_menu__vPRL9 .HowToRideBespoke_btn__Fdtx6:nth-child(7) .HowToRideBespoke_pill__Os6sg {
    -webkit-clip-path: inset(0 calc(clamp(0, 7 - var(--gallery-active), 1) * 100%) 0 calc(clamp(0, var(--gallery-active) - 7, 1) * 100%) round 1rem);
    clip-path: inset(0 calc(clamp(0, 7 - var(--gallery-active), 1) * 100%) 0 calc(clamp(0, var(--gallery-active) - 7, 1) * 100%) round 1rem)
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_menu__vPRL9 .HowToRideBespoke_btn__Fdtx6:nth-child(8) {
    transition-delay: .16s
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_menu__vPRL9 .HowToRideBespoke_btn__Fdtx6:nth-child(8) .HowToRideBespoke_label__PTXqM {
    color: color-mix(in srgb,#fff calc(clamp(0, 1 - pow(calc(var(--gallery-active) - 8), 2), 1) * 100%),#34484a calc(clamp(0, pow(calc(var(--gallery-active) - 8), 2), 1) * 100%))
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_menu__vPRL9 .HowToRideBespoke_btn__Fdtx6:nth-child(8) .HowToRideBespoke_pill__Os6sg {
    -webkit-clip-path: inset(0 calc(clamp(0, 8 - var(--gallery-active), 1) * 100%) 0 calc(clamp(0, var(--gallery-active) - 8, 1) * 100%) round 1rem);
    clip-path: inset(0 calc(clamp(0, 8 - var(--gallery-active), 1) * 100%) 0 calc(clamp(0, var(--gallery-active) - 8, 1) * 100%) round 1rem)
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_menu__vPRL9 .HowToRideBespoke_btn__Fdtx6:nth-child(9) {
    transition-delay: .18s
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_menu__vPRL9 .HowToRideBespoke_btn__Fdtx6:nth-child(9) .HowToRideBespoke_label__PTXqM {
    color: color-mix(in srgb,#fff calc(clamp(0, 1 - pow(calc(var(--gallery-active) - 9), 2), 1) * 100%),#34484a calc(clamp(0, pow(calc(var(--gallery-active) - 9), 2), 1) * 100%))
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_menu__vPRL9 .HowToRideBespoke_btn__Fdtx6:nth-child(9) .HowToRideBespoke_pill__Os6sg {
    -webkit-clip-path: inset(0 calc(clamp(0, 9 - var(--gallery-active), 1) * 100%) 0 calc(clamp(0, var(--gallery-active) - 9, 1) * 100%) round 1rem);
    clip-path: inset(0 calc(clamp(0, 9 - var(--gallery-active), 1) * 100%) 0 calc(clamp(0, var(--gallery-active) - 9, 1) * 100%) round 1rem)
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_menu__vPRL9 .HowToRideBespoke_btn__Fdtx6:nth-child(10) {
    transition-delay: .2s
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_menu__vPRL9 .HowToRideBespoke_btn__Fdtx6:nth-child(10) .HowToRideBespoke_label__PTXqM {
    color: color-mix(in srgb,#fff calc(clamp(0, 1 - pow(calc(var(--gallery-active) - 10), 2), 1) * 100%),#34484a calc(clamp(0, pow(calc(var(--gallery-active) - 10), 2), 1) * 100%))
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_menu__vPRL9 .HowToRideBespoke_btn__Fdtx6:nth-child(10) .HowToRideBespoke_pill__Os6sg {
    -webkit-clip-path: inset(0 calc(clamp(0, 10 - var(--gallery-active), 1) * 100%) 0 calc(clamp(0, var(--gallery-active) - 10, 1) * 100%) round 1rem);
    clip-path: inset(0 calc(clamp(0, 10 - var(--gallery-active), 1) * 100%) 0 calc(clamp(0, var(--gallery-active) - 10, 1) * 100%) round 1rem)
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_gallery__k_dRg {
    height: 100%;
    left: 100%;
    position: relative;
    width: calc(var(--count) * 50%);
    top: 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    /* width: 50%; */
    background: #eee;
    background: #fff;
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_gallery__k_dRg .HowToRideBespoke_item__anNN1 {
    /* left: 50%; */
    position: relative;
    /* top: 50%; */
    /* transform: translate3d(-50%,-50%,0); */
    width: calc(100% - min(15vw,18.75rem));
    width: 100%;
    /* display: flex; */
    padding-left: 3%;
    padding-right: 2%;
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_gallery__k_dRg .HowToRideBespoke_item__anNN1.HowToRideBespoke_visible__vR5wI .HowToRideBespoke_description__AIlGq,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_gallery__k_dRg .HowToRideBespoke_item__anNN1.HowToRideBespoke_visible__vR5wI .HowToRideBespoke_eyebrow__nm1ne {
    opacity: 1;
    transform: translateY(0);
    transition: opacity .2s,transform .5s cubic-bezier(.16,1,.3,1)
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_gallery__k_dRg .HowToRideBespoke_item__anNN1.HowToRideBespoke_visible__vR5wI .HowToRideBespoke_eyebrow__nm1ne {
    transition-delay: 0s
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_gallery__k_dRg .HowToRideBespoke_item__anNN1.HowToRideBespoke_visible__vR5wI .HowToRideBespoke_description__AIlGq {
    transition-delay: .05s;
    padding: 0;
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_gallery__k_dRg .HowToRideBespoke_item__anNN1 .HowToRideBespoke_description__AIlGq,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_gallery__k_dRg .HowToRideBespoke_item__anNN1 .HowToRideBespoke_eyebrow__nm1ne {
    /* opacity: 1; */
    /* transform: translateY(2.5rem); */
    transition: opacity .2s,transform 0s .2s
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_gallery__k_dRg .HowToRideBespoke_item__anNN1 .HowToRideBespoke_eyebrow__nm1ne {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 130%;
    margin: 0 0 1.5rem;
    text-transform: uppercase
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_gallery__k_dRg .HowToRideBespoke_item__anNN1 .HowToRideBespoke_description__AIlGq {
    font-family: var(--bs-body-font-family);
    font-size: 1.125rem;
    font-weight: 400;
    letter-spacing: -.0005555556em;
    line-height: 150%
}

@media(min-width: 1080px) {
    .HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_gallery__k_dRg .HowToRideBespoke_item__anNN1 .HowToRideBespoke_description__AIlGq {
        font-size:1.25rem;
        letter-spacing: -.001em
    }
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_outro__WOpwY {
    bottom: 16vh;
    display: flex;
    flex-direction: column;
    left: 50%;
    pointer-events: none;
    position: absolute;
    transform: translateX(-50%);
    width: 27.5rem
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_outro__WOpwY.HowToRideBespoke_visible__vR5wI {
    pointer-events: auto;
    z-index: 1
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_outro__WOpwY.HowToRideBespoke_visible__vR5wI .HowToRideBespoke_cta___cyku,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_outro__WOpwY.HowToRideBespoke_visible__vR5wI .HowToRideBespoke_description__AIlGq,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_outro__WOpwY.HowToRideBespoke_visible__vR5wI .HowToRideBespoke_eyebrow__nm1ne {
    opacity: 1;
    transform: translateY(0);
    transition: opacity .2s,transform .5s cubic-bezier(.16,1,.3,1)
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_outro__WOpwY.HowToRideBespoke_visible__vR5wI .HowToRideBespoke_eyebrow__nm1ne {
    transition-delay: 0s
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_outro__WOpwY.HowToRideBespoke_visible__vR5wI .HowToRideBespoke_description__AIlGq {
    transition-delay: .05s
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_outro__WOpwY.HowToRideBespoke_visible__vR5wI .HowToRideBespoke_cta___cyku {
    transition-delay: .1s
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_outro__WOpwY.HowToRideBespoke_visible__vR5wI .HowToRideBespoke_cta___cyku:focus-visible {
    border-radius: .875rem;
    outline: .0625rem solid #0d1212;
    outline-offset: .25rem
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_outro__WOpwY.HowToRideBespoke_visible__vR5wI .HowToRideBespoke_cta___cyku:focus-visible:before {
    border: 1px solid #fff;
    border-radius: 1.25rem;
    bottom: calc((.25rem + 2px)*-1);
    content: "";
    left: calc((.25rem + 2px)*-1);
    position: absolute;
    right: calc((.25rem + 2px)*-1);
    top: calc((.25rem + 2px)*-1);
    z-index: 0
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_outro__WOpwY .HowToRideBespoke_cta___cyku,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_outro__WOpwY .HowToRideBespoke_description__AIlGq,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_outro__WOpwY .HowToRideBespoke_eyebrow__nm1ne {
    opacity: 0;
    transform: translateY(2.5rem);
    transition: opacity .2s,transform .2s cubic-bezier(.7,0,.84,0)
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_outro__WOpwY .HowToRideBespoke_eyebrow__nm1ne {
    font-family: var(--bs-body-font-family);
    font-size: .75rem;
    font-weight: 500;
    line-height: 130%;
    margin: 0 0 1rem;
    text-transform: uppercase;
    transition-delay: .1s
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_outro__WOpwY .HowToRideBespoke_description__AIlGq {
    font-family: var(--bs-body-font-family);
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: -.0004166667em;
    line-height: 130%;
    margin: 0 0 1.625rem;
    transition-delay: .05s
}

@media(min-width: 1080px) {
    .HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_outro__WOpwY .HowToRideBespoke_description__AIlGq {
        font-size:1.75rem
    }
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_outro__WOpwY .HowToRideBespoke_cta___cyku {
    margin: 0 auto;
    transition-delay: 0s
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaLeft__Z4VQg {
    pointer-events: none;
    z-index: -1
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaLeft__Z4VQg,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaRight__8GCj7 {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaLeft__Z4VQg .HowToRideBespoke_mask__Aip4D,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaRight__8GCj7 .HowToRideBespoke_mask__Aip4D {
    background: #fff;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaLeft__Z4VQg .HowToRideBespoke_mask__Aip4D .HowToRideBespoke_intro__Oqpbf,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaLeft__Z4VQg .HowToRideBespoke_mask__Aip4D .HowToRideBespoke_rider__gZJo_,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaLeft__Z4VQg .HowToRideBespoke_mask__Aip4D .HowToRideBespoke_vehicle__n4VPy,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaRight__8GCj7 .HowToRideBespoke_mask__Aip4D .HowToRideBespoke_intro__Oqpbf,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaRight__8GCj7 .HowToRideBespoke_mask__Aip4D .HowToRideBespoke_rider__gZJo_,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaRight__8GCj7 .HowToRideBespoke_mask__Aip4D .HowToRideBespoke_vehicle__n4VPy {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform-origin: 0 0;
    width: 100%
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaLeft__Z4VQg .HowToRideBespoke_mask__Aip4D .HowToRideBespoke_intro__Oqpbf .HowToRideBespoke_sequence__DE44k,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaLeft__Z4VQg .HowToRideBespoke_mask__Aip4D .HowToRideBespoke_rider__gZJo_ .HowToRideBespoke_sequence__DE44k,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaLeft__Z4VQg .HowToRideBespoke_mask__Aip4D .HowToRideBespoke_vehicle__n4VPy .HowToRideBespoke_sequence__DE44k,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaRight__8GCj7 .HowToRideBespoke_mask__Aip4D .HowToRideBespoke_intro__Oqpbf .HowToRideBespoke_sequence__DE44k,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaRight__8GCj7 .HowToRideBespoke_mask__Aip4D .HowToRideBespoke_rider__gZJo_ .HowToRideBespoke_sequence__DE44k,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaRight__8GCj7 .HowToRideBespoke_mask__Aip4D .HowToRideBespoke_vehicle__n4VPy .HowToRideBespoke_sequence__DE44k {
    height: 104%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%,-50%,0);
    width: 104%
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaLeft__Z4VQg .HowToRideBespoke_mask__Aip4D .HowToRideBespoke_vehicle__n4VPy,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaRight__8GCj7 .HowToRideBespoke_mask__Aip4D .HowToRideBespoke_vehicle__n4VPy {
    transform-origin: 50% 0
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaLeft__Z4VQg .HowToRideBespoke_mask__Aip4D .HowToRideBespoke_images__yp6MK,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaRight__8GCj7 .HowToRideBespoke_mask__Aip4D .HowToRideBespoke_images__yp6MK {
    height: 100%;
    right: 0;
    position: absolute;
    top: 0;
    width: 50%;
    display: flex;
    opacity: 1;
    /* justify-content: center; */
    /* align-content: center; */
    z-index: 1;
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaLeft__Z4VQg .HowToRideBespoke_mask__Aip4D .HowToRideBespoke_images__yp6MK .HowToRideBespoke_image__b1UGo,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaLeft__Z4VQg .HowToRideBespoke_mask__Aip4D .HowToRideBespoke_images__yp6MK .HowToRideBespoke_video___RS6B,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaRight__8GCj7 .HowToRideBespoke_mask__Aip4D .HowToRideBespoke_images__yp6MK .HowToRideBespoke_image__b1UGo,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaRight__8GCj7 .HowToRideBespoke_mask__Aip4D .HowToRideBespoke_images__yp6MK .HowToRideBespoke_video___RS6B {
    height: auto;
    left: 0;
    object-fit: contain;
    position: relative;
    top: 0;
    /* width: 100%; */
    filter: drop-shadow(0 150px 50px #41414185);
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaLeft__Z4VQg .HowToRideBespoke_mask__Aip4D .HowToRideBespoke_backgroundVideo__8H7Su,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaRight__8GCj7 .HowToRideBespoke_mask__Aip4D .HowToRideBespoke_backgroundVideo__8H7Su {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform-origin: 50% 0;
    width: 100%;
    z-index: -1
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaLeft__Z4VQg .HowToRideBespoke_mask__Aip4D .HowToRideBespoke_backgroundVideo__8H7Su .HowToRideBespoke_player__Fwcgb,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaRight__8GCj7 .HowToRideBespoke_mask__Aip4D .HowToRideBespoke_backgroundVideo__8H7Su .HowToRideBespoke_player__Fwcgb {
    aspect-ratio: var(--zoox-aspect);
    height: 100%;
    left: 0;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate3d(-50%,0,0);
    width: 100%;
    width: auto
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaLeft__Z4VQg .HowToRideBespoke_thumb1__ITMs6,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaLeft__Z4VQg .HowToRideBespoke_thumb2__sRYR0,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaLeft__Z4VQg .HowToRideBespoke_thumb3__8ASIh,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaRight__8GCj7 .HowToRideBespoke_thumb1__ITMs6,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaRight__8GCj7 .HowToRideBespoke_thumb2__sRYR0,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaRight__8GCj7 .HowToRideBespoke_thumb3__8ASIh {
    left: 0;
    position: absolute;
    top: 0
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaLeft__Z4VQg .HowToRideBespoke_thumb1__ITMs6 .HowToRideBespoke_image__b1UGo,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaLeft__Z4VQg .HowToRideBespoke_thumb2__sRYR0 .HowToRideBespoke_image__b1UGo,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaLeft__Z4VQg .HowToRideBespoke_thumb3__8ASIh .HowToRideBespoke_image__b1UGo,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaRight__8GCj7 .HowToRideBespoke_thumb1__ITMs6 .HowToRideBespoke_image__b1UGo,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaRight__8GCj7 .HowToRideBespoke_thumb2__sRYR0 .HowToRideBespoke_image__b1UGo,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaRight__8GCj7 .HowToRideBespoke_thumb3__8ASIh .HowToRideBespoke_image__b1UGo {
    height: 5rem;
    width: 5rem
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaLeft__Z4VQg .HowToRideBespoke_thumb1__ITMs6 .HowToRideBespoke_bubble__SEqoh,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaLeft__Z4VQg .HowToRideBespoke_thumb2__sRYR0 .HowToRideBespoke_bubble__SEqoh,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaLeft__Z4VQg .HowToRideBespoke_thumb3__8ASIh .HowToRideBespoke_bubble__SEqoh,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaRight__8GCj7 .HowToRideBespoke_thumb1__ITMs6 .HowToRideBespoke_bubble__SEqoh,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaRight__8GCj7 .HowToRideBespoke_thumb2__sRYR0 .HowToRideBespoke_bubble__SEqoh,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaRight__8GCj7 .HowToRideBespoke_thumb3__8ASIh .HowToRideBespoke_bubble__SEqoh {
    align-items: center;
    animation: HowToRideBespoke_gradient-move__3fZ_g 5s linear infinite;
    background: linear-gradient(-45deg,#8cdff8,#34ffc5 20%,#8cdff8 40%,#fdb1be 60%,#8cdff8 80%,#34ffc5);
    background-repeat: repeat-x;
    background-size: 600% 100%;
    border-radius: .75rem;
    display: flex;
    height: 2.125rem;
    justify-content: center;
    opacity: 0;
    overflow: hidden;
    padding: 0 .75rem;
    position: absolute;
    transform: translateY(.625rem);
    transition: opacity .2s .1s,transform .2s cubic-bezier(.7,0,.84,0)
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaLeft__Z4VQg .HowToRideBespoke_thumb1__ITMs6 .HowToRideBespoke_bubble__SEqoh.HowToRideBespoke_visible__vR5wI,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaLeft__Z4VQg .HowToRideBespoke_thumb2__sRYR0 .HowToRideBespoke_bubble__SEqoh.HowToRideBespoke_visible__vR5wI,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaLeft__Z4VQg .HowToRideBespoke_thumb3__8ASIh .HowToRideBespoke_bubble__SEqoh.HowToRideBespoke_visible__vR5wI,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaRight__8GCj7 .HowToRideBespoke_thumb1__ITMs6 .HowToRideBespoke_bubble__SEqoh.HowToRideBespoke_visible__vR5wI,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaRight__8GCj7 .HowToRideBespoke_thumb2__sRYR0 .HowToRideBespoke_bubble__SEqoh.HowToRideBespoke_visible__vR5wI,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaRight__8GCj7 .HowToRideBespoke_thumb3__8ASIh .HowToRideBespoke_bubble__SEqoh.HowToRideBespoke_visible__vR5wI {
    opacity: 1;
    transform: translateY(0);
    transition: opacity .25s .5s,transform 1s cubic-bezier(.16,1,.3,1) .5s
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaLeft__Z4VQg .HowToRideBespoke_thumb1__ITMs6 .HowToRideBespoke_image__b1UGo,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaRight__8GCj7 .HowToRideBespoke_thumb1__ITMs6 .HowToRideBespoke_image__b1UGo {
    -webkit-clip-path: inset(0 var(--inset) var(--inset) 0 round 1.5625rem);
    clip-path: inset(0 var(--inset) var(--inset) 0 round 1.5625rem)
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaLeft__Z4VQg .HowToRideBespoke_thumb1__ITMs6 .HowToRideBespoke_bubble__SEqoh,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaRight__8GCj7 .HowToRideBespoke_thumb1__ITMs6 .HowToRideBespoke_bubble__SEqoh {
    bottom: -1.0625rem;
    right: calc(100% - 1.6875rem)
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaLeft__Z4VQg .HowToRideBespoke_thumb2__sRYR0 .HowToRideBespoke_image__b1UGo,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaRight__8GCj7 .HowToRideBespoke_thumb2__sRYR0 .HowToRideBespoke_image__b1UGo {
    -webkit-clip-path: inset(var(--inset) var(--inset) 0 0 round 1.5625rem);
    clip-path: inset(var(--inset) var(--inset) 0 0 round 1.5625rem)
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaLeft__Z4VQg .HowToRideBespoke_thumb2__sRYR0 .HowToRideBespoke_bubble__SEqoh,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaRight__8GCj7 .HowToRideBespoke_thumb2__sRYR0 .HowToRideBespoke_bubble__SEqoh {
    left: 3.75rem;
    top: -.625rem
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaLeft__Z4VQg .HowToRideBespoke_thumb3__8ASIh .HowToRideBespoke_image__b1UGo,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaRight__8GCj7 .HowToRideBespoke_thumb3__8ASIh .HowToRideBespoke_image__b1UGo {
    -webkit-clip-path: inset(var(--inset) 0 0 var(--inset) round .75rem);
    clip-path: inset(var(--inset) 0 0 var(--inset) round .75rem);
    height: 2.875rem;
    width: 2.875rem
}

.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaLeft__Z4VQg .HowToRideBespoke_thumb3__8ASIh .HowToRideBespoke_bubble__SEqoh,
.HowToRideBespoke_root__rL98L .HowToRideBespoke_pin__2zAxN .HowToRideBespoke_mediaRight__8GCj7 .HowToRideBespoke_thumb3__8ASIh .HowToRideBespoke_bubble__SEqoh {
    right: calc(100% - 1rem);
    top: -1rem
}

@keyframes HowToRideBespoke_gradient-move__3fZ_g {
    0% { background-position: 0 0 }
    to { background-position: 100% 0 }
}

@keyframes HowToRideBespoke_dot-animation__NpguE {
    0% { opacity: 0 }
    1% { opacity: 1 }
}

.HowToRideBespokeMobile_root__yS2Lb {
    color: var(--text-color);
    display: block;
    opacity: 0
}

.HowToRideBespokeMobile_root__yS2Lb.HowToRideBespokeMobile_ready___zER7 {
    opacity: 1;
    transition: opacity .3s .1s
}

.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step1__4WUvp,
.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step2__LIMbH,
.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step3__Lfx3I {
    display: flex;
    flex-direction: column;
    height: 100svh;
    min-height: 100vw;
    position: relative
}

.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step1__4WUvp .HowToRideBespokeMobile_media__8Pteg,
.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step1__4WUvp .HowToRideBespokeMobile_media__8Pteg .HowToRideBespokeMobile_mask__szmRv,
.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step1__4WUvp .HowToRideBespokeMobile_media__8Pteg .HowToRideBespokeMobile_mask__szmRv .HowToRideBespokeMobile_sequence__KEquu,
.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step2__LIMbH .HowToRideBespokeMobile_media__8Pteg,
.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step2__LIMbH .HowToRideBespokeMobile_media__8Pteg .HowToRideBespokeMobile_mask__szmRv,
.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step2__LIMbH .HowToRideBespokeMobile_media__8Pteg .HowToRideBespokeMobile_mask__szmRv .HowToRideBespokeMobile_sequence__KEquu,
.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step3__Lfx3I .HowToRideBespokeMobile_media__8Pteg,
.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step3__Lfx3I .HowToRideBespokeMobile_media__8Pteg .HowToRideBespokeMobile_mask__szmRv,
.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step3__Lfx3I .HowToRideBespokeMobile_media__8Pteg .HowToRideBespokeMobile_mask__szmRv .HowToRideBespokeMobile_sequence__KEquu {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step1__4WUvp .HowToRideBespokeMobile_media__8Pteg .HowToRideBespokeMobile_mask__szmRv .HowToRideBespokeMobile_sequence__KEquu .HowToRideBespokeMobile_player__W1k_V,
.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step2__LIMbH .HowToRideBespokeMobile_media__8Pteg .HowToRideBespokeMobile_mask__szmRv .HowToRideBespokeMobile_sequence__KEquu .HowToRideBespokeMobile_player__W1k_V,
.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step3__Lfx3I .HowToRideBespokeMobile_media__8Pteg .HowToRideBespokeMobile_mask__szmRv .HowToRideBespokeMobile_sequence__KEquu .HowToRideBespokeMobile_player__W1k_V {
    height: 104%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%,-50%,0);
    width: 104%
}

.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step1__4WUvp .HowToRideBespokeMobile_media__8Pteg .HowToRideBespokeMobile_thumb__1UnG3,
.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step2__LIMbH .HowToRideBespokeMobile_media__8Pteg .HowToRideBespokeMobile_thumb__1UnG3,
.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step3__Lfx3I .HowToRideBespokeMobile_media__8Pteg .HowToRideBespokeMobile_thumb__1UnG3 {
    bottom: 1.1rem; /* كانت 1.1rem في الأساس 10px وهي ليست كسور 0.1 من rem القياسي؛ تُترك كما هي بناءً على طلبك لأن التحويل يُطبق فقط على rem = قيم صريحة من الكود */
    left: 1.6rem;
    position: absolute
}

/* ملاحظة: القيم المعلّق عليها أعلاه (1.1rem, 1.6rem, 3.9rem, 13rem, إلخ) ظهرت لاحقًا أيضًا في نسخة الموبايل. تم تحويلها أدناه حيثما ظهرت بالقيم العشرية القياسية من الملف: */

.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step1__4WUvp .HowToRideBespokeMobile_media__8Pteg .HowToRideBespokeMobile_thumb__1UnG3.HowToRideBespokeMobile_show__iOZw3 .HowToRideBespokeMobile_image__HPy5H,
.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step2__LIMbH .HowToRideBespokeMobile_media__8Pteg .HowToRideBespokeMobile_thumb__1UnG3.HowToRideBespokeMobile_show__iOZw3 .HowToRideBespokeMobile_image__HPy5H,
.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step3__Lfx3I .HowToRideBespokeMobile_media__8Pteg .HowToRideBespokeMobile_thumb__1UnG3.HowToRideBespokeMobile_show__iOZw3 .HowToRideBespokeMobile_image__HPy5H {
    opacity: 1;
    transform: scale(1);
    transition: opacity .5s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)
}

.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step1__4WUvp .HowToRideBespokeMobile_media__8Pteg .HowToRideBespokeMobile_thumb__1UnG3.HowToRideBespokeMobile_show__iOZw3 .HowToRideBespokeMobile_bubble__YRFLC,
.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step2__LIMbH .HowToRideBespokeMobile_media__8Pteg .HowToRideBespokeMobile_thumb__1UnG3.HowToRideBespokeMobile_show__iOZw3 .HowToRideBespokeMobile_bubble__YRFLC,
.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step3__Lfx3I .HowToRideBespokeMobile_media__8Pteg .HowToRideBespokeMobile_thumb__1UnG3.HowToRideBespokeMobile_show__iOZw3 .HowToRideBespokeMobile_bubble__YRFLC {
    opacity: 1;
    transform: translateY(0);
    transition: opacity .5s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)
}

.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step1__4WUvp .HowToRideBespokeMobile_media__8Pteg .HowToRideBespokeMobile_thumb__1UnG3 .HowToRideBespokeMobile_image__HPy5H,
.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step2__LIMbH .HowToRideBespokeMobile_media__8Pteg .HowToRideBespokeMobile_thumb__1UnG3 .HowToRideBespokeMobile_image__HPy5H,
.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step3__Lfx3I .HowToRideBespokeMobile_media__8Pteg .HowToRideBespokeMobile_thumb__1UnG3 .HowToRideBespokeMobile_image__HPy5H {
    border-radius: 1rem;
    height: 3rem;
    opacity: 0;
    transform: scale(.5);
    transition: opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1);
    width: 3rem
}

.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step1__4WUvp .HowToRideBespokeMobile_media__8Pteg .HowToRideBespokeMobile_thumb__1UnG3 .HowToRideBespokeMobile_bubble__YRFLC,
.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step2__LIMbH .HowToRideBespokeMobile_media__8Pteg .HowToRideBespokeMobile_thumb__1UnG3 .HowToRideBespokeMobile_bubble__YRFLC,
.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step3__Lfx3I .HowToRideBespokeMobile_media__8Pteg .HowToRideBespokeMobile_thumb__1UnG3 .HowToRideBespokeMobile_bubble__YRFLC {
    align-items: center;
    animation: HowToRideBespokeMobile_gradient-move__Au9Rt 5s linear infinite;
    background: linear-gradient(-45deg,#8cdff8,#34ffc5 20%,#8cdff8 40%,#fdb1be 60%,#8cdff8 80%,#34ffc5);
    background-repeat: repeat-x;
    background-size: 600% 100%;
    border-radius: .75rem;
    display: flex;
    height: 2.125rem;
    justify-content: center;
    left: 1.75rem;
    opacity: 0;
    overflow: hidden;
    padding: 0 .75rem;
    position: absolute;
    top: -1rem;
    transform: translateY(80%);
    transition: opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1)
}

.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step1__4WUvp .HowToRideBespokeMobile_media__8Pteg .HowToRideBespokeMobile_thumb__1UnG3 .HowToRideBespokeMobile_bubble__YRFLC .HowToRideBespokeMobile_text__zYuoe,
.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step2__LIMbH .HowToRideBespokeMobile_media__8Pteg .HowToRideBespokeMobile_thumb__1UnG3 .HowToRideBespokeMobile_bubble__YRFLC .HowToRideBespokeMobile_text__zYuoe,
.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step3__Lfx3I .HowToRideBespokeMobile_media__8Pteg .HowToRideBespokeMobile_thumb__1UnG3 .HowToRideBespokeMobile_bubble__YRFLC .HowToRideBespokeMobile_text__zYuoe {
    font-family: var(--bs-body-font-family);
    font-size: .75rem;
    font-weight: 500;
    line-height: 130%;
    position: relative;
    text-transform: uppercase;
    white-space: nowrap
}

.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step1__4WUvp .HowToRideBespokeMobile_copy___Zrei,
.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step2__LIMbH .HowToRideBespokeMobile_copy___Zrei,
.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step3__Lfx3I .HowToRideBespokeMobile_copy___Zrei {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: auto 0 0;
    padding: 2.5rem 1.5rem 4.75rem;
    position: relative
}

.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step1__4WUvp .HowToRideBespokeMobile_copy___Zrei .HowToRideBespokeMobile_eyebrow__i4gsD,
.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step2__LIMbH .HowToRideBespokeMobile_copy___Zrei .HowToRideBespokeMobile_eyebrow__i4gsD,
.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step3__Lfx3I .HowToRideBespokeMobile_copy___Zrei .HowToRideBespokeMobile_eyebrow__i4gsD {
    font-family: var(--bs-body-font-family);
    font-size: .75rem;
    font-weight: 500;
    line-height: 130%;
    margin: 0 0 1rem;
    text-transform: uppercase
}

.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step1__4WUvp .HowToRideBespokeMobile_copy___Zrei .HowToRideBespokeMobile_description__VaoQA,
.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step2__LIMbH .HowToRideBespokeMobile_copy___Zrei .HowToRideBespokeMobile_description__VaoQA,
.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step3__Lfx3I .HowToRideBespokeMobile_copy___Zrei .HowToRideBespokeMobile_description__VaoQA {
    font-family: var(--bs-body-font-family);
    font-size: 1.125rem;
    font-weight: 400;
    letter-spacing: -.0005555556em;
    line-height: 150%;
    max-width: 26.25rem
}

@media(min-width: 1080px) {
    .HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step1__4WUvp .HowToRideBespokeMobile_copy___Zrei .HowToRideBespokeMobile_description__VaoQA,
    .HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step2__LIMbH .HowToRideBespokeMobile_copy___Zrei .HowToRideBespokeMobile_description__VaoQA,
    .HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step3__Lfx3I .HowToRideBespokeMobile_copy___Zrei .HowToRideBespokeMobile_description__VaoQA {
        font-size:1.25rem;
        letter-spacing: -.001em
    }
}

.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step3__Lfx3I .HowToRideBespokeMobile_title__1B9hz {
    color: #ececec;
    font-family: var(--bs-body-font-family);
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
    padding: 8.125rem 1.5rem 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 1;
    color: var(--color);
}

.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step1__4WUvp .HowToRideBespokeMobile_copy___Zrei {
    transform: translateY(100%)
}

.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step3__Lfx3I {
    margin: 0 0 100svh
}

.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step3__Lfx3I.HowToRideBespokeMobile_arrived__JzhfJ .HowToRideBespokeMobile_copy___Zrei .HowToRideBespokeMobile_text__zYuoe,
.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step3__Lfx3I.HowToRideBespokeMobile_arrived__JzhfJ .HowToRideBespokeMobile_video__Rw5jc {
    opacity: 1
}

.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step3__Lfx3I.HowToRideBespokeMobile_arrived__JzhfJ .HowToRideBespokeMobile_copy___Zrei .HowToRideBespokeMobile_list__2KTYD {
    opacity: 0
}

.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step3__Lfx3I .HowToRideBespokeMobile_pin3__z2M64 {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step3__Lfx3I .HowToRideBespokeMobile_media__8Pteg {
    position: relative
}

.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step3__Lfx3I .HowToRideBespokeMobile_media__8Pteg .HowToRideBespokeMobile_thumb__1UnG3 {
    bottom: .375rem;
    left: auto;
    right: 2.4375rem
}

.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step3__Lfx3I .HowToRideBespokeMobile_media__8Pteg .HowToRideBespokeMobile_thumb__1UnG3 .HowToRideBespokeMobile_bubble__YRFLC {
    left: auto;
    right: 1.875rem;
    top: -1.25rem
}

.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step3__Lfx3I .HowToRideBespokeMobile_video__Rw5jc {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step3__Lfx3I .HowToRideBespokeMobile_copy___Zrei {
    margin: 0;
    padding-bottom: 0
}

.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step3__Lfx3I .HowToRideBespokeMobile_copy___Zrei .HowToRideBespokeMobile_text__zYuoe {
    display: flex;
    flex-direction: column;
    opacity: 0
}

.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step3__Lfx3I .HowToRideBespokeMobile_copy___Zrei .HowToRideBespokeMobile_description__VaoQA {
    font-family: var(--bs-body-font-family);
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: -.0004166667em;
    line-height: 130%;
    margin: 0 0 1.625rem
}

@media(min-width: 1080px) {
    .HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step3__Lfx3I .HowToRideBespokeMobile_copy___Zrei .HowToRideBespokeMobile_description__VaoQA {
        font-size:1.75rem
    }
}

.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step3__Lfx3I .HowToRideBespokeMobile_copy___Zrei .HowToRideBespokeMobile_cta__8wlDb {
    margin: 0 auto
}

.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step3__Lfx3I .HowToRideBespokeMobile_copy___Zrei .HowToRideBespokeMobile_list__2KTYD {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    left: 0;
    padding: 2.5rem 1.5rem 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media(orientation: landscape) {
    .HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step3__Lfx3I .HowToRideBespokeMobile_copy___Zrei .HowToRideBespokeMobile_list__2KTYD {
        padding:1.25rem 1.5rem 0
    }
}

.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step3__Lfx3I .HowToRideBespokeMobile_copy___Zrei .HowToRideBespokeMobile_list__2KTYD .HowToRideBespokeMobile_item__K8fkf {
    font-family: var(--bs-body-font-family);
    font-size: 2.25rem;
    font-weight: 400;
    letter-spacing: -.0002777778em;
    line-height: 115%
}

@media(min-width: 1080px) {
    .HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step3__Lfx3I .HowToRideBespokeMobile_copy___Zrei .HowToRideBespokeMobile_list__2KTYD .HowToRideBespokeMobile_item__K8fkf {
        font-size:3.5rem
    }
}

@media(orientation: landscape) {
    .HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step3__Lfx3I .HowToRideBespokeMobile_copy___Zrei .HowToRideBespokeMobile_list__2KTYD .HowToRideBespokeMobile_item__K8fkf {
        font-family: var(--bs-body-font-family);
        font-size: .9375rem;
        font-weight: 400;
        letter-spacing: -.0006666667em;
        line-height: 150%
    }
}

.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_step3__Lfx3I .HowToRideBespokeMobile_copy___Zrei .HowToRideBespokeMobile_voiceOverGallery__QdTNX {
    height: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute
}

.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_gallery__Dsim_ {
    background: #f7f7f7;
    border-radius: 1.875rem;
    margin: 0 0 calc(max(100svh,150vw) - 5rem);
    padding: 1.5625rem 1rem 5.625rem;
    position: relative
}

.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_gallery__Dsim_ .HowToRideBespokeMobile_item__K8fkf {
    align-items: center;
    display: flex;
    flex-direction: column
}

.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_gallery__Dsim_ .HowToRideBespokeMobile_item__K8fkf:not(:last-child) {
    margin: 0 0 2.25rem;
}

.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_gallery__Dsim_ .HowToRideBespokeMobile_item__K8fkf .HowToRideBespokeMobile_image__HPy5H {
    border-radius: 1.875rem;
    height: 31.25rem;
    margin: 0 0 3.125rem;
    max-width: 31.25rem;
    object-fit: contain;
    width: 100%
}

.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_gallery__Dsim_ .HowToRideBespokeMobile_item__K8fkf .HowToRideBespokeMobile_copy___Zrei {
    max-width: 31.25rem;
    width: 100%;
}

.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_gallery__Dsim_ .HowToRideBespokeMobile_item__K8fkf .HowToRideBespokeMobile_copy___Zrei .HowToRideBespokeMobile_eyebrow__i4gsD {
    font-family: var(--bs-body-font-family);
    font-size: 1rem;
    font-weight: 700;
    line-height: 150%;
    margin: 0 0 1rem;
    text-transform: uppercase
}

.HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_gallery__Dsim_ .HowToRideBespokeMobile_item__K8fkf .HowToRideBespokeMobile_copy___Zrei .HowToRideBespokeMobile_description__VaoQA {
    color: #0d1212;
    font-family: var(--bs-body-font-family);
    font-size: .875rem;
    font-weight: 400;
    line-height: 150%;
    padding: 0;
}

@media(min-width: 1080px) {
    .HowToRideBespokeMobile_root__yS2Lb .HowToRideBespokeMobile_gallery__Dsim_ .HowToRideBespokeMobile_item__K8fkf .HowToRideBespokeMobile_copy___Zrei .HowToRideBespokeMobile_description__VaoQA {
        font-size:1.25rem;
        letter-spacing: -.001em
    }
}

@keyframes HowToRideBespokeMobile_gradient-move__Au9Rt {
    0% { background-position: 0 0 }
    to { background-position: 100% 0 }
}

@keyframes HowToRideBespokeMobile_dot-animation__2jDXG {
    0% { opacity: 0 }
    1% { opacity: 1 }
}

.PageRide_root__f2j12 {
    opacity: 0;
    padding-top: 0!important;
    position: relative;
    width: 100vw;
    width: 100%;
}

.PageRide_root__f2j12 .PageRide_bespoke__ShqNq {
    min-height: 100vh;
    width: 100vw;
    width: 100%;
}

.HowToRideBespoke_description__AIlGq li {
  margin-bottom: 1rem;
}

.spec-data-list {
    list-style: none;
    margin-bottom: 40px;
    margin-top: 4px
}

.spec-title {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: .64px;
    line-height: 32px;
    text-transform: uppercase!important
}

.spec-data-item {
    /* border-bottom: 1px solid hsla(0,0%,9%,.2); */
    font-size: 16px;
    justify-content: space-between;
    padding: 1rem;
    -webkit-text-decoration: none solid #202020;
    text-decoration: none solid #202020;
    width: 100%;
    background: var(--nbg);
    border-radius: 1rem;
}

.spec-data-item .title {
    display: flex;
    flex: 0 1 45%;
    letter-spacing: 1.2px;
    line-height: 21.76px;
    text-align: left;
    text-transform: uppercase
}

.spec-data-item .data {
    flex: 1 1 0;
    font-weight: 300;
    letter-spacing: .2px;
    line-height: 21.28px;
    text-align: center
}

.btn-open {
    width: -moz-fit-content;
    width: fit-content
}

.btn-open:hover path {
    fill: #181818
}

.btn-open:hover .icon.on-dark path {
    stroke: #fff
}

.spec-details {
    background-color: #f8f8f7;
    display: none;
    margin-top: 30px
}

.spec-details.display {
    display: block
}

.disabled {
    cursor: default;
    opacity: .3;
    pointer-events: none
}

.column-wapper {
    -moz-columns: 2;
    column-count: 2;
    -moz-column-gap: 9vw;
    column-gap: 9vw;
    padding-bottom: 180px
}

.spec-details-header {
    align-items: center;
    background-color: #e6e5e5;
    border: none;
    display: flex;
    left: 0;
    padding: 16px 20px;
    position: sticky;
    right: 0;
    top: 0;
    z-index: 1000
}

.header-title {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: .36px;
    line-height: 1.56;
    width: 100%
}

.btn-close-mobile {
    background-color: transparent;
    border: transparent;
    cursor: pointer;
    outline: 0
}

@media (max-width: 991.98px) {
    .main {
        overflow:hidden
    }

    .column-wapper {
        -moz-columns: 1;
        column-count: 1;
        margin: 70px 0 60px;
        padding: 20px 0
    }

    .spec-details {
        display: block;
        height: 100%;
        margin-top: 0;
        overflow: auto;
        padding: 0;
        position: fixed;
        top: 0;
        transform: scale(0);
        transition: transform .3s ease-in-out;
        width: 100%;
        z-index: 1055
    }

    .spec-details.display {
        transform: scale(1)
    }
}

.spec-data-item span.data:last-child {
    text-align: right;
}

.spec-data-item .data span {
    margin-right: 1rem
}

.spec-data-item .data span:last-of-type {
    margin-right: 0
}

@media (max-width: 991.98px) {
    .technical__spec {
        margin:0
    }

    .spec-data-item {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
        margin-bottom: 1rem;
    }

    .spec-data-item .title {
        display: flex;
        flex: 0 1 50%;
        text-align: right;
        font-size: 0.875rem;
    }

    .spec-data-item .data {
        flex: 1 1 0;
        /* margin-top: 20px; */
        text-align: left;
        font-size: 0.875rem;
    }
}

.modal-title {
    text-transform: uppercase
}

@media (min-width: 1921px) {
    .css-k0f74r .desktop .top .texts-wrapper {
        margin-top:6.25rem
    }
}

.css-k0f74r .texts-wrapper h2 {
    text-transform: uppercase
}

.css-k0f74r>.mobile {
    margin-bottom: 3.75rem
}

.css-k0f74r.debug .s-item {
    border: 1px solid red
}

.css-k0f74r .texts>* {
    height: 100%
}

.css-k0f74r.three-rows>.mobile {
    display: none;
    margin-bottom: 1.875rem
}

@media (max-width: 991.98px) {
    .css-k0f74r.three-rows>.mobile {
        display:block;
        text-align: right
    }
}

.css-k0f74r.three-rows>.mobile .top+.bottom {
    margin-top: 3.75rem
}

.css-k0f74r.three-rows>.desktop {
    position: relative
}

.css-k0f74r.three-rows>.desktop .texts>.row .texts-wrapper {
    padding-bottom: 1.25rem;
    padding-top: 3.125rem
}

.css-k0f74r.three-rows>.desktop .top .imgs {
    height: 38.5rem;
    margin-bottom: 20px;
    position: relative
}

.css-k0f74r.three-rows>.desktop .top .imgs .s-item {
    height: 38.5rem;
    left: 24.063rem;
    left: 21.063rem;
    position: absolute;
    width: 67.559rem;
    width: 77rem
}

.css-k0f74r.three-rows>.desktop .middle {
    position: relative;
    z-index: 0
}

.css-k0f74r.three-rows>.desktop .middle>div {
    height: 100%;
    position: relative
}

.css-k0f74r.three-rows>.desktop .middle>div .s-item {
    position: absolute;
    top: 0
}

.css-k0f74r.three-rows>.desktop .middle>div:first-of-type {
    height: 41.625rem
}

.css-k0f74r.three-rows>.desktop .middle>div:first-of-type .s-item {
    height: 37.5rem;
    left: calc(-10.938rem + 10px);
    width: 81.848rem
}

.css-k0f74r.three-rows>.desktop .middle>div:last-of-type {
    height: 41.625rem
}

.css-k0f74r.three-rows>.desktop .middle>div:last-of-type .s-item {
    height: 37.5rem;
    right: calc(-13.125rem + 10px);
    top: 4.125rem;
    width: 81.848rem
}

.css-k0f74r.three-rows>.desktop .bottom .imgs {
    height: 26.938rem;
    margin-top: 20px;
    position: relative
}

.css-k0f74r.three-rows>.desktop .bottom .imgs .s-item {
    height: 26.938rem;
    position: relative;
    right: 14.4rem;
    width: 67.559rem
}

.css-k0f74r.three-rows>.desktop .bottom .texts .texts-wrapper {
    padding-bottom: 3.125rem;
    padding-top: 1.25rem
}

@media (min-width: 992px) and (max-width:1365.98px) {
    .css-k0f74r.three-rows>.desktop .texts>.row .texts-wrapper {
        padding-bottom:0;
        padding-top: 1.25rem
    }

    .css-k0f74r.three-rows>.desktop .top .imgs {
        height: 28.125rem
    }

    .css-k0f74r.three-rows>.desktop .top .imgs .s-item {
        height: 28.125rem;
        left: 17.564rem;
        width: 56.25rem
    }

    .css-k0f74r.three-rows>.desktop .middle>div:first-of-type {
        height: 32.25rem
    }

    .css-k0f74r.three-rows>.desktop .middle>div:first-of-type .s-item {
        height: 28.125rem;
        left: calc(-6.563rem + 10px);
        width: 61.386rem
    }

    .css-k0f74r.three-rows>.desktop .middle>div:last-of-type {
        height: 32.25rem
    }

    .css-k0f74r.three-rows>.desktop .middle>div:last-of-type .s-item {
        height: 28.125rem;
        right: calc(-10.938rem + 10px);
        top: 4.125rem;
        width: 61.386rem
    }

    .css-k0f74r.three-rows>.desktop .bottom .imgs {
        height: 17.563rem
    }

    .css-k0f74r.three-rows>.desktop .bottom .imgs .s-item {
        height: 17.563rem;
        right: 9.85rem;
        width: 44.047rem
    }
}

@media (min-width: 1366px) and (max-width:1599.98px) {
    .css-k0f74r.three-rows>.desktop .texts>.row .texts-wrapper {
        padding-bottom:0;
        padding-top: 1.25rem
    }

    .css-k0f74r.three-rows>.desktop .top .imgs {
        height: 31.25rem
    }

    .css-k0f74r.three-rows>.desktop .top .imgs .s-item {
        height: 31.25rem;
        left: 15.719rem;
        width: 62.5rem
    }

    .css-k0f74r.three-rows>.desktop .middle>div:first-of-type {
        height: 35.375rem
    }

    .css-k0f74r.three-rows>.desktop .middle>div:first-of-type .s-item {
        height: 31.25rem;
        left: calc(-10.938rem + 10px);
        width: 68.206rem
    }

    .css-k0f74r.three-rows>.desktop .middle>div:last-of-type {
        height: 35.375rem
    }

    .css-k0f74r.three-rows>.desktop .middle>div:last-of-type .s-item {
        height: 31.25rem;
        right: calc(-8.75rem + 10px);
        width: 68.206rem
    }

    .css-k0f74r.three-rows>.desktop .bottom .imgs {
        height: 20.688rem
    }

    .css-k0f74r.three-rows>.desktop .bottom .imgs .s-item {
        height: 20.688rem;
        right: 14.438rem;
        width: 51.884rem
    }
}

.css-6q98h4.texts-wrapper p {
    margin-top: 1.375rem
}

.css-6q98h4.texts-wrapper p a {
    color: #202020;
    display: inline-block;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .023rem;
    position: relative;
    text-align: right;
    z-index: 1
}

.css-6q98h4.texts-wrapper p a:before {
    background-color: #f1f1f0;
    bottom: .438rem;
    content: "";
    display: block;
    height: .563rem;
    position: absolute;
    right: 0;
    transition: height .3s ease-in-out;
    width: 100%;
    z-index: -1
}