.cs__featured-rider-hero{position:relative;width:100vw;margin-left:calc(-50vw + 50%);overflow:hidden;background:var(--kb-bg);margin-top:2.5rem}.cs__featured-rider-hero__media{position:relative;width:100%;line-height:0}.cs__featured-rider-hero__image{display:block;width:100%;height:auto}.cs__featured-rider-hero__image--mobile{display:none}@media(max-width:767px){.cs__featured-rider-hero__image--desktop{display:none}.cs__featured-rider-hero__image--mobile{display:block}}.cs__featured-rider-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--fr-overlay-color, var(--kb-bg));opacity:var(--fr-overlay-opacity, .4);z-index:1}.cs__featured-rider-hero__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:flex-end;justify-content:var(--fr-content-justify, flex-start)}.cs__featured-rider-hero__content-inner{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:48rem;padding:2.5rem 5%;box-sizing:border-box;text-align:var(--fr-content-text-align, left)}.cs__featured-rider-hero__heading{margin:0;font-size:var(--fr-heading-size, 88px);font-weight:800;line-height:1;color:var(--fr-heading-color, var(--kb-fg))}.cs__featured-rider-hero__quote{margin:0;max-width:36rem;font-size:var(--fr-description-size, 17px);line-height:1.6;font-style:italic;color:var(--fr-description-color, var(--kb-fg));opacity:.92}.cs__featured-rider-hero__cta{display:inline-block;align-self:var(--fr-content-justify, flex-start);margin-top:.25rem;padding:.75rem 2rem;border-radius:5px;background-color:var(--color-accent, #d62828);color:#fff;font-size:.9375rem;font-weight:600;text-decoration:none;transition:opacity .2s ease}.cs__featured-rider-hero__cta:hover{opacity:.85}@media(max-width:767px){.cs__featured-rider-hero__heading{font-size:var(--fr-heading-size-mobile, 48px)}.cs__featured-rider-hero__quote{font-size:var(--fr-description-size-mobile, 15px)}}.cs__featured-rider-hero__cta{display:inline-flex;align-items:center;min-height:3rem;font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);letter-spacing:.08em;text-transform:uppercase;transition:background-color .2s ease}.cs__featured-rider-hero__cta:hover{opacity:1;background:var(--color-accent-hover, #d62828)}.cs__featured-rider-hero__cta:focus-visible{outline:2px solid var(--kb-fg);outline-offset:3px}
/*# sourceMappingURL=/cdn/shop/t/16/assets/snippet-rider-feature-hero.css.map */
