.loyalty-hero{position:relative;display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden;background:#000;color:var(--loyalty-hero-text-color, #fff)}.loyalty-hero--full{min-height:100dvh}.loyalty-hero--large{min-height:70dvh}.loyalty-hero--medium{min-height:50dvh}.loyalty-hero--center{text-align:center}.loyalty-hero--center .loyalty-hero__content{align-items:center}.loyalty-hero--left{text-align:start}.loyalty-hero--left .loyalty-hero__content{align-items:flex-start}.loyalty-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.loyalty-hero__image{width:100%;height:100%;object-fit:cover}.loyalty-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:rgba(0,0,0,var(--loyalty-hero-overlay-opacity, .4));pointer-events:none}.loyalty-hero__content{position:relative;z-index:2;display:flex;flex-direction:column;gap:1.5rem;width:min(100%,900px);padding:3rem 1.5rem}.loyalty-hero__subheading{font-size:.875rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;opacity:.85;margin:0}.loyalty-hero__heading{font-family:var(--font-heading, "Figtree", sans-serif);font-size:clamp(2.5rem,6vw,5rem);font-weight:700;letter-spacing:-.02em;line-height:1.05;text-transform:uppercase;margin:0}.loyalty-hero__description{font-size:1.125rem;line-height:1.6;opacity:.85;margin:0;max-width:600px}.loyalty-hero--center .loyalty-hero__description{margin-inline:auto}.loyalty-hero__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-block-start:.5rem}.loyalty-hero__cta{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2rem;font-size:.875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border-radius:0;min-height:44px;min-width:44px;transition:opacity .2s ease}.loyalty-hero__cta:focus-visible{outline:2px solid var(--loyalty-hero-accent-color, #DBFF00);outline-offset:2px}.loyalty-hero__cta--primary{background:var(--loyalty-hero-accent-color, #DBFF00);color:#000}.loyalty-hero__cta--primary:hover{opacity:.85}.loyalty-hero__cta--secondary{background:transparent;color:var(--loyalty-hero-text-color, #fff);border:1px solid currentColor}.loyalty-hero__cta--secondary:hover{background:#ffffff1a}@media screen and (max-width:749px){.loyalty-hero__content{padding:2rem 1.25rem}.loyalty-hero__actions{flex-direction:column}.loyalty-hero__cta{width:100%}}@media(prefers-reduced-motion:reduce){.loyalty-hero__cta{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/82/compiled_assets/styles.css.map */
