.referral-hero{position:relative;min-height:var(--referral-hero-height);overflow:hidden;background:var(--referral-hero-background);color:var(--referral-hero-text)}.referral-hero__media,.referral-hero__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.referral-hero__media img{display:block;max-width:none;object-fit:cover;object-position:center 48%}.referral-hero__content{position:absolute;z-index:1;top:var(--referral-hero-position);left:50%;width:100%;transform:translate(-50%,-50%);text-align:center}.referral-hero__eyebrow{display:inline-flex;margin:0 0 20px;padding:6px 16px;border:1px solid rgba(220,217,209,.3);border-radius:999px;color:#f4f2eeb3;font-size:12px;font-weight:500;line-height:1.35;letter-spacing:.2em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.referral-hero__heading{margin:0;color:var(--referral-hero-text);letter-spacing:-.025em;line-height:1.02}.referral-hero__heading span,.referral-hero__heading em{display:block}.referral-hero__heading span{font-size:var(--referral-hero-heading-size);font-weight:700}.referral-hero__heading em{color:var(--referral-hero-accent);font-family:var(--font-display-family, Georgia, "Times New Roman", serif);font-size:var(--referral-hero-accent-size);font-weight:700;font-style:italic}.referral-hero__scroll{position:absolute;z-index:1;bottom:0;left:50%;display:flex;flex-direction:column;align-items:center;transform:translate(-50%);color:#ffffffb3;font-size:10px;line-height:1.5;letter-spacing:.1em;text-transform:uppercase}.referral-hero__scroll i{width:1px;height:48px;margin-top:8px;background:linear-gradient(to bottom,rgba(255,255,255,.7),transparent)}@media screen and (max-width:749px){.referral-hero{min-height:var(--referral-hero-mobile-height)}.referral-hero__media img{top:0;right:0;bottom:auto;left:auto;width:auto;height:130.7%;transform:translateY(-23.4%);object-fit:fill;object-position:initial}.referral-hero__content{top:var(--referral-hero-mobile-position);padding-inline:20px}.referral-hero__eyebrow{margin-bottom:24px}.referral-hero__heading{width:min(345px,100%);margin-inline:auto}.referral-hero__heading span{font-size:var(--referral-hero-mobile-heading-size);line-height:1}.referral-hero__heading em{font-size:var(--referral-hero-mobile-accent-size);line-height:1.1}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/referral-hero.css.map */