.s-membership-hero{display:flex;flex-direction:center;align-items:center;justify-content:space-between;position:relative;padding-top:90px;padding-bottom:100px;width:100%;height:100vh;min-height:750px;max-height:800px;background:var(--color-brand-3);overflow:hidden;color:var(--color-white)}@media only screen and (max-width: 987px){.s-membership-hero{padding-top:180px;height:80vh;min-height:600px;max-height:700px}}@media only screen and (max-width: 767px)and (orientation: landscape),only screen and (max-width: 576px){.s-membership-hero{padding-top:180px;height:80vh;min-height:500px;max-height:600px}}.s-membership-hero .s__background{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%}.s-membership-hero .s__image,.s-membership-hero .s__video{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.s-membership-hero .s__overlay{position:absolute;bottom:0;left:0;z-index:2;width:100%;height:50%;background:linear-gradient(180deg, rgba(1, 25, 52, 0) 0%, rgb(1, 25, 52) 90%, rgb(1, 25, 52) 100%);pointer-events:none}.s-membership-hero .u-container{position:relative;z-index:3;width:100%}.s-membership-hero .s__content{display:flex;flex-direction:column;align-items:center;margin:0 auto;max-width:70rem;text-align:center}.s-membership-hero .s__content .btn-set{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem}.s-membership-hero .s__title{font:400 var(--font-size-h-2xl)/1.1 var(--font-heading);margin-bottom:1rem;text-shadow:0 4px 8px rgba(0,0,0,.3)}@media only screen and (max-width: 987px){.s-membership-hero .s__title{font:400 var(--font-size-h-2xl)/1.1 var(--font-heading)}}@media only screen and (max-width: 767px)and (orientation: landscape),only screen and (max-width: 576px){.s-membership-hero .s__title{font:400 var(--font-size-h-2xl)/1.1 var(--font-heading)}}.s-membership-hero .s__text{font:300 var(--font-size-t-md)/1.6 var(--font-text);margin-bottom:1.5rem;max-width:38rem;color:var(--color-off-white);text-shadow:0 2px 4px rgba(0,0,0,.2)}@media only screen and (max-width: 767px)and (orientation: landscape),only screen and (max-width: 576px){.s-membership-hero .s__text{font:300 var(--font-size-t-md)/1.5 var(--font-text)}}.s-membership-hero .s__text p{margin:0}.s-membership-hero .s__cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem;margin:0;transform-origin:center top}.s-membership-hero .s__cta a{min-width:224px}