.hero{position:relative;display:flex;align-items:center;min-height:var(--hero-min-height, 80vh);padding-block:clamp(4rem,12vh,9rem);overflow:hidden}.hero__inner{position:relative;z-index:2;text-align:center}.hero__heading{margin-bottom:.35em}.hero__sub{max-width:44rem;margin-inline:auto;margin-bottom:2.5rem;opacity:.85}.hero__actions{margin-top:.5rem}.hero__shapes{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.hero__shape{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);background:var(--shape-color);animation:hero-float 7s ease-in-out infinite;animation-delay:var(--float-delay, 0s)}.hero__shape--circle{border-radius:50%}.hero__shape--square{border-radius:22%}.hero__shape--pill{height:calc(var(--size) * .45);border-radius:999px}.hero__shape--blob{border-radius:50% 50% 50% 4%;transform:rotate(-15deg)}@keyframes hero-float{0%,to{transform:translateY(0) rotate(var(--rot, 0deg)) scale(var(--shape-scale, 1))}50%{transform:translateY(-18px) rotate(var(--rot, 0deg)) scale(var(--shape-scale, 1))}}.hero__shape--blob{--rot: -15deg}@media(prefers-reduced-motion:reduce){.hero__shape{animation:none}}@media(max-width:749px){.hero__shape{opacity:.55;--shape-scale: .6;transform:scale(.6)}.hero__shape--blob{transform:scale(.6) rotate(-15deg)}}.hero--image{min-height:0;padding-block:clamp(2rem,4vw,3.5rem);--color-accent: 192 58 19;--color-accent-contrast: 255 255 255}.hero--image .hero__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,4vw,4rem);max-width:1344px;text-align:left}.hero--image .hero__copy{min-width:0}.hero--image .text-eyebrow{margin-bottom:1.25rem}.hero--image .hero__heading{font-size:clamp(2.6rem,4.5vw,4.4rem);line-height:1.05;letter-spacing:-.045em;margin-bottom:1.5rem}.hero--image .hero__sub{max-width:30rem;margin:0 0 1.75rem;font-size:clamp(1rem,1.35vw,1.15rem);line-height:1.65}.hero--image .hero__actions{justify-content:flex-start;gap:.75rem}.hero--image .hero__actions .btn{min-height:52px;border-radius:12px;font-size:.9375rem}.hero__media{min-width:0;overflow:hidden;border-radius:24px;aspect-ratio:1;background:rgb(var(--color-cream))}.hero__image{display:block;width:100%;height:100%;object-fit:cover}.hero__media picture{display:block;width:100%;height:100%}@media(max-width:989px){.hero--image .hero__inner{grid-template-columns:minmax(0,1fr);max-width:720px;gap:2rem}.hero--image .hero__heading{max-width:12ch;font-size:clamp(2.5rem,6vw,3.8rem)}}@media(max-width:749px){.hero--image{padding-block:1.5rem 2rem}.hero--image .hero__inner{padding-inline:20px;gap:1.75rem}.hero--image .text-eyebrow{font-size:.6875rem;margin-bottom:1rem}.hero--image .hero__heading{font-size:clamp(2.15rem,9vw,3.3rem);margin-bottom:1rem}.hero--image .hero__sub{font-size:.9375rem;line-height:1.6;margin-bottom:1.25rem}.hero--image .hero__actions .btn{flex:1 1 auto;padding-inline:1rem;font-size:.8125rem}.hero__media{border-radius:18px}}.hero--showcase{display:block;padding:0;isolation:isolate;width:calc(100% - var(--gutter) * 2);max-width:var(--page-width);margin-inline:auto;border-radius:24px}.hero--showcase>.hero__media{position:absolute;top:0;right:0;bottom:0;left:0;aspect-ratio:auto;border-radius:0}.hero--showcase .hero__image{object-position:right center}.hero--showcase>.hero__media--layered{container-type:size}.hero__scene{position:absolute;right:0;top:50%;width:max(100cqw,calc(100cqh * var(--scene-ratio)));aspect-ratio:var(--scene-ratio);transform:translateY(-50%)}.hero__scene-background{display:block;width:100%;height:auto}.hero__bottle{position:absolute;left:66.3%;bottom:30.2%;width:21.3%;aspect-ratio:1;transform:translate(-50%);transform-origin:50% 95%}.hero__bottle:after{content:"";position:absolute;left:28%;bottom:2.3%;width:45%;height:1.2%;border-radius:50%;background:#31181366;filter:blur(2px)}.hero__bottle-image{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain}.hero__bottle--2{left:50.6%;bottom:20.2%;width:19.5%;transform:translate(-50%) rotate(4deg)}.hero__bottle--3{left:83.3%;bottom:17.2%;width:19.3%;transform:translate(-50%) rotate(-6deg)}.hero--showcase .hero__inner{display:flex;align-items:center;min-height:clamp(420px,36vw,520px);max-width:none;padding-block:2rem}.hero--showcase .hero__copy{width:41%;max-width:31rem}.hero--showcase .hero__heading{max-width:14ch;font-size:clamp(2.5rem,3.65vw,4rem);line-height:1.08;text-wrap:balance}.hero--showcase .hero__sub{max-width:29rem;font-size:clamp(1rem,1.1vw,1.125rem);opacity:1}.hero--showcase .hero__actions{gap:.75rem}.hero--showcase .hero__actions .btn{padding-inline:1.3rem}@media(min-width:990px)and (max-width:1199px){.hero--showcase .hero__copy{width:37.5%}.hero--showcase .hero__heading{font-size:2.35rem}.hero--showcase .hero__sub{font-size:.9375rem}.hero--showcase .hero__actions .btn{min-height:48px;padding-inline:1rem;font-size:.8125rem}}@media(max-width:989px){.hero--showcase>.hero__media{position:relative;aspect-ratio:8 / 5}.hero__scene{width:max(156.25cqw,calc(100cqh * var(--scene-ratio)))}.hero--showcase .hero__inner{display:block;min-height:0;max-width:720px;padding-block:2rem 2.25rem;text-align:center}.hero--showcase .hero__copy{width:100%;max-width:none}.hero--showcase .text-eyebrow{margin-bottom:.875rem}.hero--showcase .hero__heading{max-width:18ch;margin-inline:auto;font-size:clamp(2rem,5.8vw,3.2rem);margin-bottom:1rem}.hero--showcase .hero__sub{max-width:34rem;margin:0 auto 1.25rem;font-size:1rem}.hero--showcase .hero__actions{justify-content:center}}@media(max-width:749px){.hero--showcase{border-radius:18px}.hero--showcase .hero__inner{padding:1.25rem 18px 1.5rem}.hero--showcase .hero__heading{max-width:13ch;font-size:clamp(2rem,8vw,2.75rem)}.hero--showcase .hero__sub{font-size:.9375rem}.hero--showcase .hero__actions .btn{flex:0 1 auto;font-size:.8125rem}}@media(min-width:750px)and (max-width:989px){.hero--showcase>.hero__media{width:100%;height:clamp(340px,40vw,400px);aspect-ratio:auto}.hero--showcase .hero__inner{padding-block:1.5rem}.hero--showcase .hero__heading{font-size:2.5rem}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-hero.css.map */