.bb-how-it-works{overflow-x:clip}.bb-how-it-works__heading{margin:0 0 clamp(2.4rem,4vw,4.8rem);color:var(--bb-color-text-deep);font-family:var(--bb-font-display);font-size:clamp(3.8rem,5vw,6.4rem);line-height:1;text-align:center}.bb-how-it-works__slider{--bb-slider-gap: clamp(1.6rem, 2.4vw, 3.2rem);--bb-slider-arrow-top: 48%}.bb-how-it-works__card{position:relative;display:flex;flex-direction:column;overflow:hidden;height:clamp(52rem,42vw,67rem);color:var(--bb-color-brand-forest);background:#c4e9db;clip-path:url(#bbBlogCardClip);transition:background-color .18s ease}.bb-how-it-works__card:hover,.bb-how-it-works__card:focus-within{background:#e5e3f7}.bb-how-it-works__card-top{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:1.2rem;min-height:12.4rem;padding:clamp(1.6rem,2vw,2.4rem)}.bb-how-it-works__number{font-family:var(--bb-font-brand);font-size:clamp(6rem,5vw,7rem);font-weight:900;line-height:.9}.bb-how-it-works__title{margin:0;font-family:var(--bb-font-brand);font-size:clamp(2.1rem,2vw,2.4rem);font-weight:700;line-height:1.05}.bb-how-it-works__copy{margin-top:.6rem;font-size:clamp(1.3rem,1.1vw,1.6rem);line-height:1.35}.bb-how-it-works__copy p{margin:0}.bb-how-it-works__media{position:relative;min-height:0;flex:1;overflow:hidden}.bb-how-it-works__media img,.bb-how-it-works__media video{display:block;width:100%;height:100%;object-fit:cover}.bb-how-it-works__media video{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .18s ease}.bb-how-it-works__media.is-playing video{opacity:1}.bb-how-it-works__card-link{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;overflow:hidden;white-space:nowrap;text-indent:200%}.bb-how-it-works__card:has(.bb-how-it-works__card-link){cursor:pointer}.bb-how-it-works__card-link:focus-visible{outline:3px solid var(--bb-color-brand-lilac);outline-offset:-5px}@media(max-width:749px){.bb-how-it-works__card{height:min(150vw,62rem)}.bb-how-it-works__card-top{min-height:12rem}.bb-how-it-works__number{font-size:7rem}.bb-how-it-works__title{font-size:clamp(1.9rem,6vw,2.4rem)}.bb-how-it-works__copy{font-size:1.4rem}}@media(prefers-reduced-motion:reduce){.bb-how-it-works__card,.bb-how-it-works__media video{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-bb-how-it-works.css.map */