.membership-banner{--mb-gap: 6rem;--mb-col-ratio: 1fr 1fr;--mb-eyebrow-size: 1.2rem;--mb-heading-size-mob: 2.8rem;--mb-heading-size-tab: 3.6rem;--mb-heading-size-desk: 4.4rem;--mb-desc-size: 1.6rem;--mb-benefit-size: 1.4rem;--mb-benefit-desc-size: 1.3rem;--mb-transition: .3s ease;--mb-anim-duration: .8s;--mb-anim-stagger: .1s}.membership-banner{position:relative}.membership-banner__grid{display:grid;grid-template-columns:1fr;gap:4rem;align-items:center}@media screen and (min-width:990px){.membership-banner__grid{grid-template-columns:var(--mb-col-ratio);gap:var(--mb-gap)}}@media screen and (min-width:990px){.membership-banner__grid--image-left .membership-banner__content-col{order:2}.membership-banner__grid--image-left .membership-banner__image-col{order:1}}.membership-banner__content{display:flex;flex-direction:column}.membership-banner__eyebrow{font-size:var(--mb-eyebrow-size);letter-spacing:.18em;text-transform:uppercase;opacity:.65;margin:0 0 1.6rem;color:currentColor}.membership-banner__heading{font-size:var(--mb-heading-size-mob);font-weight:400;line-height:1.2;letter-spacing:.02em;margin:0 0 2.4rem;color:currentColor}@media screen and (min-width:750px){.membership-banner__heading{font-size:var(--mb-heading-size-tab)}}@media screen and (min-width:990px){.membership-banner__heading{font-size:var(--mb-heading-size-desk)}}.membership-banner__description{font-size:var(--mb-desc-size);line-height:1.7;opacity:.8;margin:0 0 3.2rem;color:currentColor}.membership-banner__description p{margin:0}.membership-banner__benefits{list-style:none;margin:0 0 3.2rem;padding:0;display:grid;grid-template-columns:1fr;gap:1.6rem}@media screen and (min-width:750px){.membership-banner__benefits{grid-template-columns:1fr 1fr;gap:1.6rem 3.2rem}}.membership-banner__benefit{display:flex;align-items:flex-start;gap:1.2rem}.membership-banner__benefit-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin-top:.1rem;color:currentColor;opacity:.8}.membership-banner__benefit-icon svg{width:100%;height:100%;display:block}.membership-banner__benefit-text{display:flex;flex-direction:column;gap:.2rem}.membership-banner__benefit-title{font-size:var(--mb-benefit-size);font-weight:500;letter-spacing:.01em;line-height:1.4;color:currentColor}.membership-banner__benefit-desc{font-size:var(--mb-benefit-desc-size);font-weight:400;line-height:1.5;opacity:.65;color:currentColor}.membership-banner__buttons{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:0}@media screen and (max-width:749px){.membership-banner__buttons{flex-direction:column}.membership-banner__buttons .button{width:100%;justify-content:center}}.membership-banner__media{position:relative;aspect-ratio:4 / 5;overflow:hidden;width:100%}.membership-banner__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;display:block}.membership-banner__img--mobile{display:block}.membership-banner__img--desktop{display:none}@media screen and (min-width:750px){.membership-banner__img--mobile{display:none}.membership-banner__img--desktop{display:block}}.membership-banner__img--always{display:block!important}.membership-banner__media--placeholder{background-color:rgba(var(--color-foreground),.04);display:flex;align-items:center;justify-content:center}.membership-banner__placeholder-svg{width:100%;height:100%;object-fit:cover}@keyframes mb-fade-up{0%{opacity:0;transform:translateY(2.4rem)}to{opacity:1;transform:translateY(0)}}.membership-banner--animate .membership-banner__content--animate>*{opacity:0;animation:mb-fade-up var(--mb-anim-duration) cubic-bezier(.22,1,.36,1) forwards}.membership-banner--animate .membership-banner__content--animate .membership-banner__eyebrow{animation-delay:calc(var(--mb-anim-stagger) * 0)}.membership-banner--animate .membership-banner__content--animate .membership-banner__heading{animation-delay:calc(var(--mb-anim-stagger) * 1)}.membership-banner--animate .membership-banner__content--animate .membership-banner__description{animation-delay:calc(var(--mb-anim-stagger) * 2)}.membership-banner--animate .membership-banner__content--animate .membership-banner__benefits{animation-delay:calc(var(--mb-anim-stagger) * 3)}.membership-banner--animate .membership-banner__content--animate .membership-banner__buttons{animation-delay:calc(var(--mb-anim-stagger) * 4)}.membership-banner--animate .membership-banner__image-col--animate{opacity:0;animation:mb-fade-up var(--mb-anim-duration) cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--mb-anim-stagger) * 2)}@media(prefers-reduced-motion:reduce){.membership-banner--animate .membership-banner__content--animate>*,.membership-banner--animate .membership-banner__image-col--animate{animation:none;opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/membership-banner.css.map */