.loyalty-referrals-hero-banner{align-items:center;background:linear-gradient(0deg,#f6f6f6,#fff);display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;overflow:hidden;transform:translateY(-50px);width:100%}.loyalty-referrals-hero-banner .loyalty-referrals-hero__tag{display:inline-block;font-size:14px;font-weight:400;text-transform:uppercase}.loyalty-referrals-hero-banner__headline{font-family:Poppins;font-weight:500;line-height:1.15;margin:0}.loyalty-referrals-hero-banner__content{align-items:center;display:flex;flex:1;flex-direction:column;gap:1rem;justify-content:center;max-width:800px;padding-bottom:3rem;padding-top:calc(var(--header-height) + 3rem);text-align:center}.loyalty-referrals-hero-banner__carousel{height:420px;margin-bottom:2rem;min-height:0;overflow:hidden;width:100%}.loyalty-referrals-hero-banner__carousel .embla__viewport{cursor:grab;height:100%;overflow:hidden}.loyalty-referrals-hero-banner__carousel .embla__container{display:flex;height:100%}.loyalty-referrals-hero-banner__carousel .embla__slide{aspect-ratio:9/16;border:1px solid var(--border-color);border-radius:25px;flex:0 0 auto;height:100%;margin:0 .5rem;min-width:0;overflow:hidden;position:relative;transition:width .5s cubic-bezier(.4,0,.2,1),padding .5s cubic-bezier(.4,0,.2,1)}.loyalty-referrals-hero-banner__carousel .embla__slide.is-hovered{aspect-ratio:7/4;width:735px}.loyalty-referrals-hero-banner__carousel .embla__slide[data-direction=left]:hover,.loyalty-referrals-hero-banner__carousel .embla__slide[data-direction=right]:hover{padding:40px 20px}.loyalty-referrals-hero-banner__carousel .embla__slide:after{background:transparent;border-radius:25px;content:"";inset:0;pointer-events:none;position:absolute;transition:background .5s cubic-bezier(.4,0,.2,1);z-index:2}.loyalty-referrals-hero-banner__carousel .embla__container:has(.embla__slide:hover) .embla__slide:not(:hover):after{background:rgba(0,0,0,.15)}.loyalty-referrals-hero-banner__carousel .embla__slide img{border-radius:12px;display:block;height:100%;object-fit:contain;position:relative;transition:transform .5s cubic-bezier(.4,0,.2,1),border-radius .5s cubic-bezier(.4,0,.2,1);user-select:none;width:auto;z-index:1}.loyalty-referrals-hero-banner__carousel .embla__slide[data-direction=left]{align-items:flex-start;display:flex;justify-content:flex-start}.loyalty-referrals-hero-banner__carousel .embla__slide[data-direction=right]{align-items:flex-start;display:flex;justify-content:flex-end}.loyalty-referrals-hero-banner__carousel .embla__slide:hover img{border-radius:0}.loyalty-referrals-hero-banner__carousel .embla__slide .embla__slide-hover-img{border-radius:12px;height:100%;inset:0;object-fit:contain;opacity:0;position:absolute;transition:opacity .5s cubic-bezier(.4,0,.2,1);width:auto;z-index:0}.loyalty-referrals-hero-banner__carousel .embla__slide:hover .embla__slide-hover-img{opacity:1}.loyalty-referrals-hero-banner__slide-placeholder{align-items:center;background:#e9ecef;border:2px dashed #dee2e6;border-radius:12px;color:#6c757d;display:flex;font-size:1.125rem;height:auto;justify-content:center;width:100%}@media (max-width:1024px){.loyalty-referrals-hero-banner{height:100vh}.loyalty-referrals-hero-banner__headline{font-size:2.25rem}.loyalty-referrals-hero-banner__carousel{height:fit-content}.loyalty-referrals-hero-banner__carousel .embla__slide{aspect-ratio:4/7;flex:0 0 auto;height:auto;transition:none}.loyalty-referrals-hero-banner__carousel .embla__slide img{height:100%;object-fit:cover;width:100%}.loyalty-referrals-hero-banner__carousel .embla__slide .embla__slide-hover-img{display:none}.loyalty-referrals-hero-banner__carousel .embla__slide.is-hovered{aspect-ratio:unset}.loyalty-referrals-hero-banner__carousel .embla__slide[data-direction=left]:hover,.loyalty-referrals-hero-banner__carousel .embla__slide[data-direction=right]:hover{padding:0}.loyalty-referrals-hero-banner__carousel .embla__slide:after{display:none}.loyalty-referrals-hero-banner__carousel .embla__slide:hover img{border-radius:12px;transform:none}}@media (max-width:767px){.loyalty-referrals-hero-banner__carousel .embla__slide{flex:0 0 50%}.loyalty-referrals-hero-banner__headline{font-size:32px}.loyalty-referrals-hero-banner__content{align-items:flex-start}.loyalty-referrals-hero-banner__content h1,.loyalty-referrals-hero-banner__content p{text-align:left}.loyalty-referrals-hero-banner__content{padding-top:calc(var(--header-height) + 1rem)}}