.hf{position:relative;height:250vh;--jar-fall: 0px;--gummy-fall: 0px;--gummy-opacity: 1;--content-opacity: 1;--cloud-back-y: 118%;--cloud-front-y: 100%;background:#cfe8f7;font-family:var(--font-body-family),sans-serif;--hero-dark: var(--color-dark, #080808);--hero-accent: var(--color-accent, #d4ff87);-webkit-mask-image:linear-gradient(#fff 50%,transparent 100%);mask-image:linear-gradient(#fff 50%,transparent 100%)}.hf__stage{position:sticky;top:0;width:100%;height:100vh;height:100svh;overflow:hidden}.hf__bg,.hf__bg-img{position:absolute;top:0;left:0;z-index:0;width:100%;height:100vh;height:150svh;object-fit:cover;object-position:center top}.hf__bg--empty{background:linear-gradient(180deg,#bfe0f5,#dceeff 60%,#eef7ff)}.hf__veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(90deg,#fff6 28.85%,#fff0);pointer-events:none}.hf__inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr;align-items:center;gap:2.4rem;height:100%}@media screen and (min-width:990px){.hf__inner{grid-template-columns:minmax(0,56rem) minmax(0,1fr);gap:4rem}}.hf__content{position:relative;z-index:3;padding-top:3.2rem;text-align:center;will-change:opacity}@media screen and (min-width:990px){.hf__content{padding-top:0;text-align:left}}.hf__eyebrow{display:inline-flex;align-items:center;gap:.6rem;margin:0 0 2.4rem;padding:.5rem 1.2rem;border-radius:33px;background:#ffffff4d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:var(--hero-dark);font-size:1.4rem;font-weight:700;line-height:2.2rem;text-transform:uppercase}.hf__eyebrow a{display:flex;color:#080808;text-decoration:none;gap:6px}.hf__stars{display:inline-flex;color:var(--hero-accent)}.hf__stars svg{width:2rem;height:2rem}.hf__title{margin:0 0 1.6rem;color:var(--hero-dark)}.hf__title-serif{display:block;font-family:var(--font-accent-serif, Georgia),serif;font-size:6.4rem;font-weight:400;line-height:.84;letter-spacing:-.04em}.hf__title-serif em{font-style:italic}.hf__title-sans{display:block;margin-top:.8rem;font-family:var(--font-heading-family),sans-serif;font-size:4rem;font-weight:500;line-height:1.1;letter-spacing:-.03em}.hf__sub{max-width:35rem;margin:0 auto 2.8rem;color:var(--hero-dark);font-size:1.6rem;font-weight:400;line-height:2.2rem}.hf__btn{display:inline-flex;align-items:center;justify-content:center;gap:1rem;padding:1.3rem 1.6rem 1.3rem 2.4rem;border-radius:60px;background:var(--hero-accent);color:var(--hero-dark);font-size:1.6rem;font-weight:700;line-height:2.2rem;text-decoration:none;text-transform:uppercase}.hf__btn svg{width:2.2rem;height:2.2rem}@media screen and (min-width:990px){.hf__title-serif{font-size:12.8rem;line-height:.875;letter-spacing:-.03em}.hf__title-sans{font-size:6rem;line-height:.97;letter-spacing:-.04em}.hf__sub{max-width:44.5rem;margin-left:0;font-size:1.8rem}}@media screen and (max-width:767px){.hf__btn{width:100%}.hf__eyebrow{margin-top:40px}}.hf__stage-media{position:relative;width:100%;height:100%;min-height:42rem}.hf__jar-wrap{position:absolute;top:50%;left:50%;z-index:2;height:72%;aspect-ratio:1200 / 1300;transform:translate3d(-50%,-50%,0);pointer-events:none;will-change:transform}.hf__jar-glow{position:absolute;top:20%;right:16%;bottom:18%;left:18%;z-index:0;display:block;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,#ffffff73,#fff3 55%,#fff0);transform:translateY(4px)}.hf__jar-canvas{position:relative;z-index:1;display:block;width:auto;max-width:none;height:100%;vertical-align:top;pointer-events:none}@media screen and (min-width:990px){.hf__jar-wrap{height:90%}}.hf__gummies{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;will-change:transform,opacity}.hf__gummy{position:absolute;top:var(--top, 20%);left:var(--left, 20%);z-index:var(--z, 3);width:var(--w, 16%)}.hf__gummy-img{display:block;width:100%;height:auto;animation:hfFloat var(--fdur, 5s) ease-in-out var(--fdelay, 0s) infinite,hfSpin var(--rdur, 18s) linear infinite;animation-direction:normal,var(--rdir, normal);will-change:translate,rotate}.hf__gummy-follow{display:block;transform:translate3d(var(--fx, 0px),var(--fy, 0px),0);transition:transform .9s cubic-bezier(.22,1,.36,1);will-change:transform}.hf__gummy.is-magnetic .hf__gummy-follow{transition:transform .9s ease-out}.hf__gummy.is-magnetic .hf__gummy-img{animation-play-state:running,paused}@media(hover:none){.hf__gummy-follow{transform:none;transition:none;will-change:auto}}@keyframes hfFloat{0%,to{translate:0 0}50%{translate:0 var(--floatY, -22px)}}@keyframes hfSpin{to{rotate:360deg}}.hf__clouds{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;overflow:hidden;opacity:.8;pointer-events:none}.hf__cloud{position:absolute;right:0;bottom:0;left:0;width:100%;will-change:transform}.hf__cloud--back{height:62%;opacity:.5;transform:translate3d(0,var(--cloud-back-y),0)}.hf__cloud--front{height:78%;transform:translate3d(0,var(--cloud-front-y),0);background:linear-gradient(to top,#fff 0% 58%,#fff0)}.hf__cloud-img{position:absolute;top:0;right:0;left:0;width:100%;height:auto;transform:translateY(-55%)}@media screen and (max-width:989px){.hf__inner{display:flex;flex-direction:column;align-items:stretch;gap:.4rem;height:100%}.hf__content{z-index:4;flex:0 0 auto}.hf__stage-media{flex:1 1 0;min-height:0;height:auto;container-type:size}.hf__jar-wrap,.hf__gummies{--grow: 1.3;--jar: 1.3;--pull: .13;--jar-pull: .05;--box-ratio: .857;--box-w: min(100cqw * .92, 100cqh * .857 * var(--grow));--box-h: calc(var(--box-w) / var(--box-ratio));--lift: calc(min(0px, (100cqh - var(--box-h)) * .35) - var(--box-h) * var(--pull))}.hf__jar-wrap{top:calc(var(--lift) + var(--box-h) * (.52 - var(--jar-pull)));height:calc(var(--box-h) * var(--jar))}.hf__gummies{inset:auto;top:var(--lift);left:50%;width:var(--box-w);height:var(--box-h);transform:translate3d(-50%,0,0)}.hf__stage{height:100vh;height:100lvh}.hf__bg,.hf__bg-img{height:150vh;height:150lvh}.hf__cloud-img{top:0;height:100%;object-fit:cover;object-position:center top;transform:none}}@media screen and (max-width:989px)and (prefers-reduced-motion:reduce){.hf__stage-media{flex:none;height:110vw}}@media(prefers-reduced-motion:reduce){.hf{height:auto}.hf__stage{position:static;height:auto;min-height:90vh}.hf__jar-wrap{transform:translate3d(-50%,-50%,0)}.hf__gummy,.hf__gummy-img{animation:none}.hf__gummies{translate:none;opacity:1}.hf__content{opacity:1}.hf__clouds{display:none}}.hf__stars{position:relative;display:inline-flex}.hf__stars-base,.hf__stars-fill{display:inline-flex;white-space:nowrap}.hf__stars-base{color:#d4ff8759}.hf__stars-fill{position:absolute;top:0;left:0;bottom:0;width:var(--hf-star-fill, 100%);overflow:hidden;color:var(--hero-accent)}.hf__stars svg{flex:0 0 auto}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-hero.css.map */