.membership-how{scroll-margin-top:var(--header-height, 0px)}.membership-how__inner{display:grid;grid-template-columns:1fr;gap:var(--mh-gap, 60px);align-items:stretch;width:100%;max-width:var(--mh-max-width, 1200px);margin:0 auto}.membership-how__copy,.membership-how__media{min-width:0}.membership-how__eyebrow{margin:0 0 12px;font-family:var(--font-body--family);font-size:12px;font-weight:600;line-height:1.4;letter-spacing:.125em;text-transform:uppercase;color:var(--mh-eyebrow-color, #b98c4e)}.membership-how__heading{margin:0;font-family:var(--font-heading--family);font-size:clamp(26px,4vw,var(--mh-heading-size, 34px));font-weight:400;line-height:1.15}.membership-how__intro{max-width:540px;margin:12px 0 0;font-family:var(--font-body--family);font-size:var(--mh-intro-size, 15px);line-height:1.7;color:var(--mh-body-color, inherit)}.membership-how__intro>:first-child{margin-top:0}.membership-how__intro>:last-child{margin-bottom:0}.membership-how__steps{margin:28px 0 0;padding:0;list-style:none}.membership-how__step{position:relative;display:flex;gap:18px;padding-bottom:var(--mh-step-gap, 24px)}.membership-how__step:last-child{padding-bottom:0}.membership-how__step:before{content:"";position:absolute;top:calc(var(--mh-number-size, 44px) + 2px);bottom:2px;left:calc(var(--mh-number-size, 44px) / 2 - 1px);width:2px;background:var(--mh-connector-color, #e0d0bf)}.membership-how__step:last-child:before{display:none}.membership-how__number{position:relative;z-index:1;display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:var(--mh-number-size, 44px);height:var(--mh-number-size, 44px);border-radius:50%;background:var(--mh-number-background, #166449);font-family:var(--font-heading--family);font-size:calc(var(--mh-number-size, 44px) * .43);font-weight:600;line-height:1;color:var(--mh-number-color, #ffffff)}.membership-how__step-body{padding-top:8px}.membership-how__step-title{margin:0;font-family:var(--font-heading--family);font-size:var(--mh-step-title-size, 20px);font-weight:500;line-height:1.2;color:var(--mh-step-title-color, var(--heading-color, var(--color-foreground)))}.membership-how__step-text{margin:6px 0 0;font-family:var(--font-body--family);font-size:var(--mh-step-body-size, 14.5px);line-height:1.7;color:var(--mh-body-color, inherit)}.membership-how__step-text>:first-child{margin-top:0}.membership-how__step-text>:last-child{margin-bottom:0}.membership-how__buttons{display:flex;flex-direction:column;align-items:stretch;gap:13px;margin-top:30px}.membership-how__button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--minimum-touch-target, 44px);padding:17px 32px;border:1px solid transparent;border-radius:999px;font-size:1rem;font-weight:500;line-height:1.2;text-align:center;text-decoration:none;transition:background-color .25s ease,color .25s ease,transform .25s ease,box-shadow .25s ease}.membership-how__button:focus-visible{outline-color:var(--mh-button-accent, #166449)}.membership-how__button--filled{background:var(--mh-button-accent, #166449);border-color:var(--mh-button-accent, #166449);color:var(--mh-button-label, #ffffff)}a.membership-how__button--filled:hover,a.membership-how__button--filled:focus-visible{background:color-mix(in srgb,var(--mh-button-accent, #166449) 85%,#000000);border-color:color-mix(in srgb,var(--mh-button-accent, #166449) 85%,#000000);color:var(--mh-button-label, #ffffff)}.membership-how__button--outline{background:transparent;border-color:var(--mh-button-accent, #166449);color:var(--mh-button-accent, #166449)}a.membership-how__button--outline:hover,a.membership-how__button--outline:focus-visible{background:var(--mh-button-accent, #166449);color:var(--mh-button-label, #ffffff)}a.membership-how__button:hover{transform:translateY(-2px);box-shadow:0 10px 30px -18px #2b2b2659}.membership-how__app-blocks:not(:empty){margin-top:30px}.membership-how__media{overflow:hidden;border-radius:var(--mh-media-radius, 18px)}.membership-how__image{display:block;width:100%;height:var(--mh-media-height, 520px);object-fit:cover}@media screen and (min-width:750px){.membership-how__buttons{flex-direction:row;flex-wrap:wrap;align-items:center}}@media screen and (min-width:990px){.membership-how__inner{grid-template-columns:var(--mh-copy-width, 53fr) var(--mh-media-width, 47fr)}.membership-how--image-left .membership-how__media{order:-1}.membership-how__media{position:relative;min-height:100%}.membership-how__image{position:absolute;top:0;right:0;bottom:0;left:0;height:100%}}@media(prefers-reduced-motion:reduce){.membership-how__button{transition:none}a.membership-how__button:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/membership-how-it-works.css.map */