.referral-section{display:flex;flex-direction:column;width:100%}.referral-section__image-container,.referral-section__image-container img{position:relative;width:100%}.referral-section__image-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 63.2%,#0000008f 87.73%);pointer-events:none;z-index:1}.referral-section__image{width:100%;height:100%;object-fit:cover;display:block}@media screen and (max-width:767px){.referral-section__image-container{height:auto;min-height:0}.referral-section__image{height:auto;object-fit:cover;position:relative;inset:auto}main .shopify-section:first-child:has(.referral-section--header-overlay){margin-top:calc(-1 * var(--header-height))}}@media screen and (min-width:768px){main .shopify-section:first-child:has(.referral-section--header-overlay){margin-top:calc(-1 * (var(--header-height, 0px) + var(--announcement-height, 0px)))}.referral-section--height-adapt_image .referral-section__image-container{height:auto;line-height:0}.referral-section--height-adapt_image{align-items:stretch}.referral-section--height-adapt_image .referral-section__image-container{display:flex;flex-direction:column;align-self:stretch}.referral-section--height-adapt_image .referral-section__image{flex:1 1 auto;width:100%;height:100%;min-height:100%;object-fit:cover;object-position:right}main .shopify-section:first-child:has(.referral-section--header-overlay) .referral-section__content-container{padding-top:calc(var(--header-height, 0px) + var(--announcement-height, 0px) + 44px)}main .shopify-section:first-child:has(.referral-section--header-overlay) .referral-section--height-full_viewport .referral-section__image-container{height:calc(100svh - var(--announcement-height, 0px));min-height:calc(100svh - var(--announcement-height, 0px))}main .shopify-section:first-child:has(.referral-section--header-overlay){margin-top:calc(-1 * var(--header-height))}}.referral-section__image-overlay{position:absolute;bottom:36px;left:44px;font-size:4.4rem;line-height:1;transform:rotate(-4deg);max-width:300px;letter-spacing:normal;z-index:2;text-transform:uppercase}.referral-section__content-container{width:100%;padding:40px 20px;display:flex;flex-direction:column;justify-content:start}.referral-section__subheading{font-size:1.6rem;letter-spacing:normal;margin-bottom:1.6rem;font-weight:700}.referral-section__heading{line-height:1.23;margin:0 0 15px;letter-spacing:-.7px;max-width:407px;font-weight:700}.referral-section__heading.h2{font-size:2.5rem}.referral-section__heading.h1{font-size:3.5rem}.referral-section__heading.h0{font-size:4.4rem}.referral-section__heading.hxl{font-size:5.5rem}.referral-section__heading.hxxl{font-size:6.5rem}.referral-section__description,.referral-section__description *{font-size:1.6rem;font-weight:400;letter-spacing:normal;max-width:530px;line-height:1.15;margin:0}.referral-section__circles-wrapper{position:relative;display:flex;align-items:center;margin-bottom:33px;padding-block-end:24px;border-bottom:1px solid #FFFFFF24;margin-top:28px}.referral-section__circles-wrapper--no-divider{border-bottom:none;padding-block-end:0}.referral-section__circle{width:100%;height:100%;max-width:280px;aspect-ratio:1 / 1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;position:relative;z-index:1}.referral-section__circle--right{background-color:#ffffff1a;border:1px solid #FFFFFF73;margin-left:-50px;z-index:2}.referral-section__circle-label{font-size:1.5rem;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:4px;font-weight:500}.referral-section__circle-value{font-size:5.6rem;font-weight:700;line-height:1;margin-bottom:4px;letter-spacing:-1.68px}.referral-section__circle-subtext{font-size:1.5rem;line-height:1.15;letter-spacing:normal;max-width:137px;font-weight:400}.referral-section__circles-side-text{margin-left:16px}.referral-section__circles-side-text *{font-size:1.6rem;line-height:1.15;letter-spacing:normal;max-width:137px;font-weight:400}.referral-section__circles-side-text p{display:flex;flex-direction:column;margin:0;gap:2px;align-items:flex-start;max-width:90px}.referral-section__circles-side-text b,.referral-section__circles-side-text strong{font-size:2.4rem;line-height:1.25;letter-spacing:1.6px;font-weight:700;text-transform:uppercase}.referral-section__steps{display:grid;gap:2.2rem;grid-template-columns:repeat(1,1fr)}.referral-section__step-number{font-size:3.2rem;margin-bottom:6px;line-height:1;letter-spacing:normal;font-weight:700}.referral-section__step-heading{font-size:1.4rem;font-weight:700;margin:0 0 9px;line-height:1.15;letter-spacing:normal}.referral-section__step-description{font-size:1.4rem;line-height:1.3;margin:0;letter-spacing:normal}.referral-section__btn-wrapper{margin-top:28px}.referral-section__btn-wrapper--double{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.referral-section__button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}button.referral-section__button{margin:0;padding:0;border:none;background:none;cursor:pointer;font:inherit;color:inherit;-webkit-appearance:none;appearance:none}a.referral-section__button[href^="#"]{cursor:pointer}.referral-section__button--primary span,.referral-section__button--primary .call-to-icon{border:1px solid transparent}.referral-section__button--primary span{padding-inline:34px;height:57px;min-height:57px;font-size:16px;letter-spacing:normal;font-weight:700;line-height:normal}.template-page-loyalty-subpage .referral-section__button--primary span{min-width:199px}.referral-section__button--primary:hover span,.referral-section__button--primary:hover .call-to-icon{border:1px solid #FFFFFF73}.template-page-loyalty-subpage .referral-section__button--primary:hover span,.template-page-loyalty-subpage .referral-section__button--primary:hover .call-to-icon{border:none}.referral-section__button--secondary span,.referral-section__button--secondary .call-to-icon{border:1px solid rgba(255,255,255,.45)}.referral-section__button--secondary span{display:flex;align-items:center;justify-content:center;border-radius:100px;background:transparent;padding-inline:34px;height:57px;min-height:57px;font-size:16px;letter-spacing:normal;font-weight:700;line-height:normal;min-width:206px}.referral-section__button--secondary .call-to-icon{background:#ffffff1a}.referral-section__button--secondary:hover span,.referral-section__button--secondary:hover .call-to-icon{border:1px solid #FFFFFF73}.referral-section__button--no-border.referral-section__button--primary span,.referral-section__button--no-border.referral-section__button--primary .call-to-icon,.referral-section__button--no-border.referral-section__button--secondary span,.referral-section__button--no-border.referral-section__button--secondary .call-to-icon,.referral-section__button--no-border.referral-section__button--primary:hover span,.referral-section__button--no-border.referral-section__button--primary:hover .call-to-icon,.referral-section__button--no-border.referral-section__button--secondary:hover span,.referral-section__button--no-border.referral-section__button--secondary:hover .call-to-icon{border-color:transparent!important}.referral-section__button--no-arrow .call-to-icon{display:none!important}.template-page-loyalty-subpage .referral-section__circle--right .referral-section__circle-subtext{color:#b4afa8!important}@media screen and (min-width:768px){.referral-section__steps{grid-template-columns:repeat(2,1fr);gap:3.4rem}.referral-section{flex-direction:row}.referral-section__image-container{width:38.9%;flex-shrink:0}.referral-section--height-full_viewport{align-items:stretch}.referral-section--height-full_viewport .referral-section__image-container{height:100vh;position:sticky;top:0}.referral-section--height-adapt_image{align-items:stretch}.referral-section--height-adapt_image .referral-section__image-container{position:relative;top:auto;display:flex;flex-direction:column;align-self:stretch}.referral-section--height-adapt_image .referral-section__image{width:100%;height:100%;min-height:100%;object-fit:cover;object-position:top center}.referral-section__content-container{width:61.1%;padding:80px 88px}.template-page-loyalty-subpage .referral-section__subheading,.template-page-loyalty-subpage .referral-section__heading{margin-bottom:2.8rem}.template-page-loyalty-subpage .referral-section__description,.template-page-loyalty-subpage .referral-section__description *{font-size:1.8rem;max-width:560px;line-height:1.45}.template-page-loyalty-subpage .referral-section__circle{max-width:240px}.template-page-loyalty-subpage .referral-section__circle-label{font-size:1.4rem;max-width:100%;font-weight:700}.template-page-loyalty-subpage .referral-section__circle-value{font-size:4.4rem}.template-page-loyalty-subpage .referral-section__circles-wrapper{margin-bottom:28px}.template-page-loyalty-subpage .referral-section__btn-wrapper{margin-top:0}.template-page-loyalty-subpage .referral-section__button span{height:61px;min-height:61px;font-size:18px;font-weight:400}.template-page-loyalty-subpage .referral-section__image-container{width:33.4%}.template-page-loyalty-subpage .referral-section__content-container{width:66.6%}.template-page-loyalty-subpage .referral-section__circle{padding:0}.template-page-loyalty-subpage .referral-section__circle-subtext{max-width:100%;font-size:1.4rem}.template-page-loyalty-subpage .referral-section__button--secondary span{min-width:225px}}@media screen and (min-width:1200px){.referral-section__steps{grid-template-columns:repeat(4,1fr);gap:2.4rem}}.referral-section__circles-side-text i,.referral-section__circles-side-text em{font-family:var(--font-heading-family);font-weight:700;font-style:normal;font-size:2.4rem;line-height:1.16;letter-spacing:.16rem;text-transform:uppercase}.referral-section__step-number{font-family:var(--font-heading-family);font-weight:700;font-size:3.2rem;line-height:1;letter-spacing:-.07rem}@media screen and (max-width:1024px){.referral-section__content-container{padding:50px}.referral-section__circle{max-width:180px;max-height:180px}.referral-section__heading.h0{font-size:3.5rem}.referral-section__description,.referral-section__description *{font-size:1.4rem;margin-bottom:24px;max-width:100%;line-height:1.15}.referral-section__description *:last-child{margin-bottom:0}.referral-section__circle-value{font-size:3.6rem;line-height:1.05;letter-spacing:-1.14px}.referral-section__circle-subtext{font-size:1.2rem;line-height:1.25;max-width:110px}.referral-section__circle-label{font-size:1.2rem;letter-spacing:1.32px;margin-bottom:1px}.referral-section__circle--right{margin-left:-30px}.referral-section__circles-wrapper{flex-wrap:wrap}.referral-section__circles-side-text{margin:3.1rem 0 0}.referral-section__circles-side-text p{flex-direction:row;margin:0;gap:10px;align-items:flex-end;max-width:100%;justify-content:center}.referral-section__circles-side-text b,.referral-section__circles-side-text strong{font-size:1.6rem;position:relative;top:2px}.referral-section__image-overlay{font-size:3.2rem;line-height:1.05;bottom:17px;left:21px}.referral-section__circles-side-text i,.referral-section__circles-side-text em{font-size:1.6rem;letter-spacing:.12rem}.referral-section__step-number{font-size:2.8rem;letter-spacing:-.06rem}.referral-section__circle-value{font-size:3.6rem;letter-spacing:-1.08px}.referral-section__circle-label{font-size:1.2rem;letter-spacing:1.44px}}@media screen and (max-width:767px){.referral-section__content-container{padding:28px 24px 48px}.referral-section__subheading{font-size:1.4rem;margin-bottom:1.1rem;line-height:1.3}.referral-section__heading.h0{font-size:2.8rem}.referral-section__description,.referral-section__description *{font-size:1.4rem}.referral-section__description *{margin-bottom:2.1rem}.referral-section__circles-wrapper{padding-block-end:2.4rem;justify-content:center;margin-bottom:27px}.referral-section__heading.h2{font-size:1.8rem}.referral-section__heading.h1{font-size:2.2rem}.referral-section__heading.hxl{font-size:4.2rem}.referral-section__heading.hxxl{font-size:5rem}.referral-section__heading{line-height:1.1;margin:0 0 11px;letter-spacing:normal;max-width:77%}.referral-section__description,.referral-section__description *,.referral-section__subheading{max-width:80%}.referral-section__circles-side-text{width:100%}.referral-section__circles-side-text *{font-size:1.4rem;line-height:1.1}.referral-section__steps{grid-template-columns:repeat(1,1fr);gap:2.2rem}.referral-section__step{display:flex;align-items:start;gap:14px}.referral-section__step-number{margin-bottom:0;margin-right:14px;font-size:2.8rem}.referral-section__step-heading{margin:0 0 3px;line-height:1.3}.referral-section__btn-wrapper{margin-top:24px}.referral-section__btn-wrapper--double{flex-direction:column;width:100%;gap:12px}.referral-section--hide-secondary-btn-mobile .referral-section__button--secondary{display:none!important}.referral-section--hide-secondary-btn-mobile .referral-section__btn-wrapper--double{flex-direction:column;gap:0}.referral-section__button{width:100%}.referral-section__button--primary span,.referral-section__button--secondary span{height:60px;min-height:60px;width:100%}.template-page-loyalty-subpage .referral-section__subheading{font-size:1.6rem;margin-bottom:2rem}.template-page-loyalty-subpage .referral-section__heading{line-height:1.36;margin:0 0 20px}.template-page-loyalty-subpage .referral-section__description,.template-page-loyalty-subpage .referral-section__description *{font-size:1.4rem;line-height:1.5;margin:0}.template-page-loyalty-subpage .referral-section__circles-wrapper{margin-bottom:20px;margin-top:20px}.template-page-loyalty-subpage .referral-section__btn-wrapper{margin-top:0}.template-page-loyalty-subpage .referral-section__button--primary span,.template-page-loyalty-subpage .referral-section__button--secondary span{height:57px;min-height:57px}.template-page-loyalty-subpage .referral-section__circle--right{border:none}.template-page-loyalty-subpage .referral-section__circle-value{font-size:2.4rem;letter-spacing:-.6px}}.referral-section__copy--mobile-only{display:none}@media screen and (max-width:767px){.referral-section__copy--hide-mobile{display:none!important}.referral-section__copy--mobile-only{display:block}.template-page-loyalty-subpage .referral-section__content-container{padding:28px 24px 36px}.template-page-loyalty-subpage .referral-section__circles-wrapper{justify-content:start}}@media screen and (max-width:380px){.referral-section__content-container{padding:28px 16px 48px}.referral-section__description,.referral-section__description *,.referral-section__subheading,.referral-section__heading{max-width:100%}}@media screen and (max-width:767px){.referral-section .referral-section__circles-wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));flex-wrap:nowrap;width:100%;max-width:100%;align-items:center}.referral-section .referral-section__circle{box-sizing:border-box;flex:unset;min-width:0;width:100%;height:auto;max-width:none;max-height:none;aspect-ratio:1 / 1;padding:clamp(10px,2.8vw,18px)}.referral-section .referral-section__circle--right{margin-left:-10%}.referral-section .referral-section__circle-label{max-width:85%}.referral-section .referral-section__circle-subtext{max-width:88%}}@media screen and (max-width:380px){.referral-section .referral-section__circle--right{margin-left:-12%}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/referral-section.css.map */