.membership-welcome-banner{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;background:#e3e3e3;height:calc(100vh - var(--header-height));height:calc(100svh - var(--header-height));min-height:720px}.membership-welcome-banner__background{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.membership-welcome-banner__background-media{width:100%;height:100%;object-fit:cover;object-position:center center;vertical-align:middle}.membership-welcome-banner__tint{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000 11.479%,rgba(0,0,0,var(--welcome-banner-tint-opacity, .75)));pointer-events:none}.membership-welcome-banner__content{position:relative;z-index:1;width:100%;max-width:100%;padding:10.2rem 2.133rem 0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-inline:32px}.membership-welcome-banner__wordmark{margin-bottom:-8px;position:relative;z-index:0}.membership-welcome-banner__wordmark-image{width:100%;height:auto;max-width:25rem;display:block}.membership-welcome-banner__heading{margin:0;font-family:var(--font-snell-roundhand, serif);font-size:11rem;max-width:400px;line-height:.89;letter-spacing:-.014em;color:var(--welcome-banner-text-color, #ffffff);text-align:center;word-wrap:break-word}.membership-welcome-banner__content-inner{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-l, 4rem);width:100%;max-width:100%}.membership-welcome-banner__microcopy-row{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:100%;gap:1rem;position:relative}.membership-welcome-banner__microcopy{margin:0;font-family:var(--font-din, "DIN Next LT Pro", sans-serif);font-size:1.1rem;font-weight:400;line-height:1.18;letter-spacing:.06em;text-transform:uppercase;color:var(--welcome-banner-text-color, #ffffff);white-space:pre-wrap;flex-shrink:0}.membership-welcome-banner__microcopy--left{text-align:left;width:6.625rem}.membership-welcome-banner__microcopy--right{text-align:right;width:6.6875rem}.membership-welcome-banner__microcopy--center{text-align:center;width:5.9375rem;margin:0 auto}.membership-welcome-banner__secondary-media-wrap{flex-shrink:0;width:30rem;height:20rem;position:relative;overflow:hidden;border-radius:.25rem}.membership-welcome-banner__secondary-media{width:100%;height:100%;object-fit:cover;object-position:center center;vertical-align:middle}.membership-welcome-banner__actions{display:flex;gap:.5rem;align-items:center;justify-content:center;flex-wrap:wrap}.membership-welcome-banner__btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 24px 11px;font-family:var(--font-din, "DIN Next LT Pro", sans-serif);font-size:1.1rem;font-weight:500;text-decoration:none;text-transform:uppercase;letter-spacing:.06875rem;border:.0625rem solid transparent;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease;white-space:nowrap}.membership-welcome-banner__btn:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}.membership-welcome-banner__btn--primary{background-color:var(--welcome-banner-cta-primary-bg, #ffffff);color:var(--welcome-banner-cta-primary-color, #000000);border-color:var(--welcome-banner-cta-primary-bg, #ffffff)}.membership-welcome-banner__btn--secondary{background-color:var(--welcome-banner-cta-secondary-bg, transparent);color:var(--welcome-banner-cta-secondary-color, #ffffff);border-color:var(--welcome-banner-cta-secondary-border, #ffffff)}@media(hover:hover){.membership-welcome-banner__btn--primary:hover{opacity:.9}.membership-welcome-banner__btn--secondary:hover{background-color:#ffffff1a}}.membership-welcome-banner_content_mobile{display:none}@media screen and (max-width:749px){.membership-welcome-banner__microcopy--center,.membership-welcome-banner__microcopy--left,.membership-welcome-banner__microcopy--right{display:none}.membership-welcome-banner_content_mobile{display:flex;gap:50px}.membership-welcome-banner__microcopy__mobile{font-family:var(--font-din);font-size:1.1rem;font-weight:400;line-height:1.18;letter-spacing:.06em;text-transform:uppercase;color:var(--welcome-banner-text-color, #ffffff)}.membership-welcome-banner__microcopy__mobile.first{text-align:left;width:25%}.membership-welcome-banner__microcopy__mobile.center{text-align:center;width:25%}.membership-welcome-banner__microcopy__mobile.end{text-align:right;width:25%}.membership-welcome-banner__content{padding:9.3rem 1.3rem 0}.membership-welcome-banner__content-inner{gap:3.2rem}.membership-welcome-banner__wordmark-image{max-width:18.75rem}.membership-welcome-banner__microcopy-row{flex-direction:column;gap:1rem;align-items:center}.membership-welcome-banner__microcopy{width:auto;text-align:center}.membership-welcome-banner__microcopy--left,.membership-welcome-banner__microcopy--right{width:auto}.membership-welcome-banner__secondary-media{order:-1;width:18rem;height:12rem}}.has-gsap .membership-welcome-banner__background{transform:scale(1.2);will-change:transform}.has-gsap .membership-welcome-banner__wordmark,.has-gsap .membership-welcome-banner__heading,.has-gsap .membership-welcome-banner__microcopy,.has-gsap .membership-welcome-banner__microcopy__mobile{opacity:0;transform:translateY(40px);will-change:transform,opacity}.has-gsap .membership-welcome-banner__secondary-media-wrap{transform:translateY(40px);-webkit-clip-path:inset(0% 50%);clip-path:inset(0% 50%);will-change:transform,clip-path}.has-gsap .membership-welcome-banner__btn{opacity:0;transform:translateY(56px);will-change:transform,opacity}
/*# sourceMappingURL=/cdn/shop/t/1665/assets/membership-welcome-banner.css.map */