.loyalty{background:rgb(var(--color-background));color:rgb(var(--color-foreground));overflow-x:clip}.loyalty__inner{max-width:var(--page-width, 120rem);margin:0 auto;padding:0 var(--sb-space-24)}.loyalty__kicker{display:inline-flex;align-items:center;font-family:var(--font-body-family);font-size:1.3rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(var(--color-foreground),.55);margin:0}.loyalty__title{font-family:var(--font-heading-family);font-weight:var(--sb-fw-regular);font-size:clamp(3.4rem,5vw,6rem);line-height:1.03;margin:var(--sb-space-14) 0 0}.loyalty__lede{font-family:var(--font-body-family);font-size:1.7rem;line-height:1.6;color:rgba(var(--color-foreground),.72);max-width:56ch;margin:var(--sb-space-16) 0 0}.loyalty__hero{position:relative;width:auto;margin:var(--sb-frame-inset);min-height:clamp(54rem,76vh,80rem);display:flex;align-items:center;overflow:hidden;border-radius:var(--sb-frame-radius);isolation:isolate}.loyalty__hero-img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:70% center}.loyalty__hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(to top,rgba(var(--sb-scrim-rgb),.55),rgba(var(--sb-scrim-rgb),.18) 34%,rgba(var(--sb-scrim-rgb),0) 60%),linear-gradient(94deg,rgba(var(--sb-scrim-rgb),.95),rgba(var(--sb-scrim-rgb),.88) 26%,rgba(var(--sb-scrim-rgb),.62) 46%,rgba(var(--sb-scrim-rgb),.2) 64%,rgba(var(--sb-scrim-rgb),0) 80%)}.loyalty__hero-content{width:100%;max-width:var(--page-width, 120rem);margin:0 auto;padding:0 clamp(2.4rem,5vw,6rem);text-align:left;display:flex;flex-direction:column;align-items:flex-start}.loyalty__hero-content .loyalty__kicker{color:rgba(var(--sb-on-forest-rgb),.8)}.loyalty__hero-content .loyalty__title{color:var(--sb-cream);max-width:16ch;line-height:1.06;text-shadow:0 1px 30px rgba(var(--sb-scrim-rgb),.45)}.loyalty__hero-content .loyalty__lede{color:rgba(var(--sb-on-forest-rgb),.92);max-width:46ch;line-height:1.66;text-shadow:0 1px 18px rgba(var(--sb-scrim-rgb),.4)}.loyalty__actions{display:flex;flex-wrap:wrap;gap:var(--sb-space-12);justify-content:flex-start;margin-top:var(--sb-space-32)}.loyalty__hero-content .loyalty__btn--solid{background:var(--sb-cream);color:var(--sb-forest-deep);border-color:var(--sb-cream)}.loyalty__hero-content .loyalty__btn--solid:hover{background:rgb(var(--color-button));border-color:rgb(var(--color-button));color:var(--sb-white)}.loyalty__hero-content .loyalty__btn--ghost{color:var(--sb-cream);border-color:rgba(var(--sb-on-forest-rgb),.55)}.loyalty__hero-content .loyalty__btn--ghost:hover{background:rgba(var(--sb-on-forest-rgb),.14);border-color:rgba(var(--sb-on-forest-rgb),.85)}@media(max-width:749px){.loyalty__hero{align-items:flex-end;min-height:clamp(48rem,82vh,60rem)}.loyalty__hero-img{object-position:64% center}.loyalty__hero:before{background:linear-gradient(to top,rgba(var(--sb-scrim-rgb),.94),rgba(var(--sb-scrim-rgb),.66) 36%,rgba(var(--sb-scrim-rgb),.18) 66%,rgba(var(--sb-scrim-rgb),0))}.loyalty__hero-content{padding-bottom:clamp(4rem,12vw,6rem)}}.loyalty__hero-content>*{opacity:0;transform:translateY(1.4rem);animation:loyalty-hero-in .9s cubic-bezier(.16,1,.3,1) forwards}.loyalty__hero-content>:nth-child(1){animation-delay:.05s}.loyalty__hero-content>:nth-child(2){animation-delay:.14s}.loyalty__hero-content>:nth-child(3){animation-delay:.23s}.loyalty__hero-content>:nth-child(4){animation-delay:.32s}@keyframes loyalty-hero-in{to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.loyalty__hero-content>*{animation:none;opacity:1;transform:none}}.loyalty__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sb-space-08);font-family:var(--font-body-family);font-size:1.4rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;cursor:pointer;padding:var(--sb-space-14) var(--sb-space-28);border-radius:var(--sb-radius-pill);border:var(--sb-border-w) solid rgb(var(--color-foreground));transition:background .25s ease,color .25s ease,transform .25s ease}.loyalty__btn--solid{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.loyalty__btn--solid:hover{background:rgb(var(--color-button));border-color:rgb(var(--color-button));color:var(--sb-paper)}.loyalty__btn--ghost{background:transparent;color:rgb(var(--color-foreground))}.loyalty__btn--ghost:hover{background:rgba(var(--color-foreground),.06)}.loyalty__section{padding:5rem 0}.loyalty__section-head{text-align:center;max-width:60rem;margin:0 auto var(--sb-space-40);display:flex;flex-direction:column;align-items:center;gap:var(--sb-space-12)}.loyalty__h2{font-family:var(--font-heading-family);font-weight:var(--sb-fw-regular);font-size:clamp(2.6rem,3.4vw,4rem);line-height:1.08;margin:0}.loyalty__sub{font-family:var(--font-body-family);font-size:1.5rem;line-height:1.55;color:rgba(var(--color-foreground),.7);margin:0}.loyalty__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sb-space-24);list-style:none;margin:0;padding:0}.loyalty__step{text-align:center;padding:0 var(--sb-space-15)}.loyalty__step-num{width:4.6rem;height:4.6rem;margin:0 auto var(--sb-space-16);border-radius:var(--sb-radius-round);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading-family);font-size:2rem;border:var(--sb-border-w) solid rgba(var(--color-foreground),.25);color:rgb(var(--color-foreground))}.loyalty__step h3{font-family:var(--font-heading-family);font-weight:var(--sb-fw-regular);font-size:2.2rem;margin:0 0 var(--sb-space-08)}.loyalty__step p{font-family:var(--font-body-family);font-size:1.45rem;line-height:1.55;color:rgba(var(--color-foreground),.7);margin:0}.loyalty__cards{display:grid;gap:var(--sb-space-18);list-style:none;margin:0;padding:0}.loyalty__cards--earn{grid-template-columns:repeat(3,1fr)}.loyalty__cards--rewards{grid-template-columns:repeat(4,1fr)}.loyalty__card{background:rgba(var(--color-foreground),.03);border:var(--sb-border-w) solid rgba(var(--color-foreground),.08);border-radius:var(--sb-radius-md);padding:var(--sb-space-26) var(--sb-space-24);display:flex;flex-direction:column;gap:var(--sb-space-08);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease,border-color .35s ease}.loyalty__card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(var(--color-foreground),.12);border-color:rgba(var(--color-foreground),.14)}.loyalty__card-credits{font-family:var(--font-heading-family);font-size:3.2rem;line-height:1;color:rgb(var(--color-foreground))}.loyalty__card-credits span{font-family:var(--font-body-family);font-size:1.3rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(var(--color-foreground),.72);display:block;margin-top:var(--sb-space-04)}.loyalty__card-label{font-family:var(--font-body-family);font-size:1.5rem;line-height:1.5;color:rgba(var(--color-foreground),.8)}.loyalty__tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sb-space-18);list-style:none;margin:0;padding:0;align-items:stretch}.loyalty__tier{position:relative;display:flex;flex-direction:column;border:var(--sb-border-w) solid rgba(var(--sb-forest-rgb),.16);border-radius:var(--sb-radius-md);padding:clamp(2.6rem,2.8vw,3.4rem);color:var(--sb-ink);background:var(--sb-paper);box-shadow:0 1.2rem 3rem rgba(var(--sb-forest-rgb),.05);transition:transform .4s var(--sb-ease),box-shadow .4s var(--sb-ease)}.loyalty__tier:hover{transform:translateY(-.4rem);box-shadow:0 2rem 4.4rem rgba(var(--sb-forest-rgb),.1)}.loyalty__tier--top{background:color-mix(in srgb,var(--sb-paper),var(--sb-amber) 9%);border-color:color-mix(in srgb,var(--sb-amber) 55%,transparent);box-shadow:0 1.6rem 4rem color-mix(in srgb,var(--sb-amber) 22%,transparent)}.loyalty__tier-name{font-family:var(--sb-serif);font-weight:var(--sb-fw-medium);font-size:2.6rem;letter-spacing:-.01em;margin:0;color:var(--sb-ink)}.loyalty__tier--top .loyalty__tier-name{color:var(--sb-amber-deep)}.loyalty__tier-min{font-family:var(--font-body-family);font-size:1.25rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(var(--sb-forest-rgb),.72);margin:var(--sb-space-07) 0 var(--sb-space-18)}.loyalty__tier-list{list-style:none;margin:0;padding:var(--sb-space-18) 0 0;border-top:var(--sb-border-w) solid rgba(var(--sb-forest-rgb),.14);display:flex;flex-direction:column;gap:var(--sb-space-11)}.loyalty__tier--top .loyalty__tier-list{border-top-color:color-mix(in srgb,var(--sb-amber) 30%,transparent)}.loyalty__tier-list li{font-family:var(--font-body-family);font-size:1.45rem;line-height:1.45;padding-left:1.9rem;position:relative;color:rgba(var(--sb-forest-rgb),.86)}.loyalty__tier-list li:before{content:"";position:absolute;left:0;top:.62em;width:.5rem;height:.5rem;border-radius:var(--sb-radius-round);background-color:var(--sb-amber)}@media(prefers-reduced-motion:reduce){.loyalty__tier{transition:none}.loyalty__tier:hover{transform:none}}.loyalty__section--refer{width:calc(100vw - 2 * var(--sb-frame-inset));margin-left:calc(50% - 50vw + var(--sb-frame-inset));margin-block:clamp(3rem,5vw,6rem);padding-block:0}.loyalty__refer{position:relative;overflow:hidden;border-radius:var(--sb-frame-radius);isolation:isolate;min-height:clamp(52rem,64vw,74rem);display:flex;align-items:center}.loyalty__refer-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:center;filter:blur(3px);transform:scale(1.06)}.loyalty__refer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:linear-gradient(96deg,rgba(var(--sb-ink-warm-rgb),.88),rgba(var(--sb-ink-warm-rgb),.7) 30%,rgba(var(--sb-ink-warm-rgb),.42),rgba(var(--sb-ink-warm-rgb),.32) 74%,rgba(var(--sb-ink-warm-rgb),.3))}.loyalty__refer-grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px}.loyalty__refer-inner{position:relative;width:100%;max-width:124rem;margin-inline:auto;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(2rem,4vw,5rem);padding:clamp(4rem,6vw,7rem) clamp(2.4rem,5vw,7rem)}.loyalty__refer-content{color:var(--sb-cream);max-width:42rem}.loyalty__refer-title{font-family:var(--sb-serif);font-style:normal;font-weight:var(--sb-fw-regular);color:var(--sb-cream);margin:0;font-size:clamp(3.2rem,4vw,4.6rem);line-height:1.04;letter-spacing:-.012em;text-shadow:0 1px 26px rgba(var(--sb-scrim-warm-rgb),.4)}.loyalty__refer-lede{font-family:var(--font-body-family);color:rgba(var(--sb-on-forest-rgb),.9);margin:var(--sb-space-18) 0 0;font-size:1.6rem;line-height:1.6;max-width:34ch;text-shadow:0 1px 16px rgba(var(--sb-scrim-warm-rgb),.35)}.loyalty__refer-btn{display:inline-flex;align-items:center;gap:var(--sb-space-10);margin-top:var(--sb-space-28);padding:1.3rem var(--sb-space-26);border:var(--sb-border-w) solid rgba(var(--sb-on-forest-rgb),.6);border-radius:var(--sb-radius-pill);font-family:var(--font-body-family);font-size:1.35rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--sb-cream);transition:background .3s var(--sb-ease),border-color .3s ease,gap .3s var(--sb-ease)}.loyalty__refer-btn svg{width:1.7rem;height:.8rem}.loyalty__refer-btn:hover{background:rgba(var(--sb-on-forest-rgb),.14);border-color:rgba(var(--sb-on-forest-rgb),.9);gap:var(--sb-space-15)}.loyalty__refer-card{justify-self:end;width:100%;max-width:38rem;padding:clamp(2.4rem,2.6vw,3.2rem);border-radius:var(--sb-radius-md);background:rgba(var(--sb-ink-warm-rgb),.34);border:var(--sb-border-w) solid rgba(var(--sb-on-forest-rgb),.24);backdrop-filter:blur(14px) saturate(115%);-webkit-backdrop-filter:blur(14px) saturate(115%);color:var(--sb-cream);will-change:transform}.loyalty__refer-card-title{font-family:var(--sb-serif);font-style:normal;font-weight:var(--sb-fw-regular);font-size:2.2rem;letter-spacing:-.005em;margin:0;color:var(--sb-cream)}.loyalty__refer-card-rule{display:block;height:1px;background:rgba(var(--sb-on-forest-rgb),.28);margin:var(--sb-space-16) 0 var(--sb-space-20)}.loyalty__refer-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sb-space-18);counter-reset:refer}.loyalty__refer-step{display:flex;align-items:flex-start;gap:var(--sb-space-14)}.loyalty__refer-step-num{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;border-radius:var(--sb-radius-round);border:var(--sb-border-w) solid rgba(var(--sb-on-forest-rgb),.45);font-family:var(--font-body-family);font-size:1.3rem;font-weight:var(--sb-fw-medium);color:var(--sb-cream)}.loyalty__refer-step-body{display:flex;flex-direction:column;gap:var(--sb-space-03)}.loyalty__refer-step-title{font-family:var(--font-body-family);font-size:1.55rem;font-weight:var(--sb-fw-semibold);color:var(--sb-cream)}.loyalty__refer-step-desc{font-family:var(--font-body-family);font-size:1.35rem;line-height:1.5;color:rgba(var(--sb-on-forest-rgb),.78)}.loyalty__refer-step{position:relative}.loyalty__refer-step:not(:last-child):after{content:"";position:absolute;left:1.4rem;transform:translate(-50%);top:3rem;bottom:-1.8rem;width:1px;background:rgba(var(--sb-on-forest-rgb),.3)}@media(max-width:749px){.loyalty__refer-inner{grid-template-columns:1fr;gap:var(--sb-space-24)}.loyalty__refer-card{justify-self:stretch;max-width:none}.loyalty__refer{min-height:0}}@media(prefers-reduced-motion:reduce){.loyalty__refer-btn{transition:none}}.loyalty__section--redeem{margin-bottom:0}.loyalty__redeem .loyalty__refer-bg{object-position:50% center}.loyalty__redeem.loyalty__refer:before{background:linear-gradient(264deg,rgba(var(--sb-ink-warm-rgb),.88),rgba(var(--sb-ink-warm-rgb),.7) 30%,rgba(var(--sb-ink-warm-rgb),.42),rgba(var(--sb-ink-warm-rgb),.34) 74%,rgba(var(--sb-ink-warm-rgb),.32))}.loyalty__redeem-inner{grid-template-columns:.92fr 1.08fr}.loyalty__redeem-join{justify-self:start}.loyalty__redeem-join-text{margin:var(--sb-space-14) 0 var(--sb-space-24);font-family:var(--font-body-family);font-size:1.45rem;line-height:1.55;color:rgba(var(--sb-on-forest-rgb),.82)}.loyalty__redeem-join .loyalty__refer-btn{margin-top:0}.loyalty__redeem-content{justify-self:end;text-align:left}@media(max-width:749px){.loyalty__redeem-inner{grid-template-columns:1fr}.loyalty__redeem-join{justify-self:stretch;max-width:none}.loyalty__redeem-content{justify-self:stretch}}@media screen and (max-width:989px){.loyalty__cards--earn,.loyalty__cards--rewards{grid-template-columns:repeat(2,1fr)}.loyalty__tiers{grid-template-columns:1fr;max-width:46rem;margin-inline:auto}}@media screen and (max-width:749px){.loyalty__steps{grid-template-columns:1fr;gap:var(--sb-space-30)}.loyalty__cards--earn,.loyalty__cards--rewards,.loyalty__tiers{grid-template-columns:1fr}.loyalty__hero{padding:var(--sb-space-60) 0 var(--sb-space-40)}}@media(prefers-reduced-motion:reduce){.loyalty__card,.loyalty__btn{transition:none}.loyalty__card:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-loyalty.css.map */