.c-news-product-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr;gap:var(--xl-spacing);align-items:center;justify-items:center;padding-block:calc(var(--c-nav-height) + var(--2xl-spacing)) var(--3xl-spacing);padding-inline:var(--md-gutter);background-color:var(--c-news-product-hero-bg, var(--color-water));background-image:radial-gradient(62vh 15vh at 50% 66%,rgb(255 255 255 / 50%) 0%,transparent 72%),radial-gradient(28vh 44vh at 50% 40%,rgb(255 255 255 / 60%) 0%,transparent 70%),radial-gradient(85vh 85vh at 50% 44%,transparent 40%,rgb(108 142 172 / 26%) 100%)}.c-news-product-hero__product-wrap{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:center;inline-size:62%}.c-news-product-hero__product-wrap:after{content:"";position:absolute;inset-inline-start:50%;inset-block-end:-10%;inline-size:80%;block-size:9%;transform:translate(-50%);z-index:-1;background-image:radial-gradient(ellipse,rgb(0 0 0 / 72%),rgb(0 0 0 / 32%) 55%,transparent 75%);filter:blur(1.125rem);animation:hero-shadow-pulse 24s ease-in-out infinite}.c-news-product-hero__product-wrap img{inline-size:100%;block-size:auto}.c-news-product-hero__product-wrap img[data-float=true]{transform-origin:center bottom;animation:hero-bottle-float 24s ease-in-out infinite}@keyframes hero-bottle-float{0%{transform:translateY(.3rem) rotate(-.8deg)}12%{transform:translateY(-1.1rem) rotate(.9deg)}22%{transform:translateY(-.3rem) rotate(.2deg)}33%{transform:translateY(-1.4rem) rotate(1.2deg)}45%{transform:translateY(-.6rem) rotate(-.2deg)}56%{transform:translateY(-1.2rem) rotate(.8deg)}64%{transform:translateY(-.2rem) rotate(-.5deg)}75%{transform:translateY(-1rem) rotate(.6deg)}85%{transform:translateY(-.5rem) rotate(.1deg)}93%{transform:translateY(-.9rem) rotate(-.4deg)}to{transform:translateY(.3rem) rotate(-.8deg)}}@keyframes hero-shadow-pulse{0%{transform:translate(-50%) scale(1);opacity:.9}12%{transform:translate(-50%) scale(.71);opacity:.55}22%{transform:translate(-50%) scale(.87);opacity:.75}33%{transform:translate(-50%) scale(.64);opacity:.48}45%{transform:translate(-50%) scale(.81);opacity:.68}56%{transform:translate(-50%) scale(.69);opacity:.53}64%{transform:translate(-50%) scale(.89);opacity:.78}75%{transform:translate(-50%) scale(.73);opacity:.58}85%{transform:translate(-50%) scale(.83);opacity:.7}93%{transform:translate(-50%) scale(.75);opacity:.6}to{transform:translate(-50%) scale(1);opacity:.9}}.c-news-product-hero__content{display:flex;flex-direction:column;gap:var(--lg-spacing)}.c-news-product-hero__eyebrow{margin:0;font-family:var(--font-body);font-weight:var(--bold-font-weight);font-size:var(--xsm-font-size);letter-spacing:var(--letter-spacing-uppercase);text-transform:uppercase;color:var(--c-news-product-hero-eyebrow, var(--color-accent-dark))}.c-news-product-hero__title{margin:0;font-family:var(--font-heading);font-weight:var(--bold-font-weight);font-size:clamp(var(--3xl-font-size),5vw,var(--5xl-font-size));line-height:1.05;text-transform:uppercase;color:var(--c-news-product-hero-title, var(--color-primary))}.c-news-product-hero__how-to{margin:0;font-family:var(--font-heading);font-weight:var(--bold-font-weight);font-size:var(--xl-font-size);line-height:1.2;color:var(--c-news-product-hero-title, var(--color-primary))}.c-news-product-hero__steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--lg-spacing);counter-reset:c-news-product-hero-step}.c-news-product-hero__step{display:flex;gap:var(--md-spacing);align-items:flex-start;counter-increment:c-news-product-hero-step}.c-news-product-hero__step:before{content:counter(c-news-product-hero-step,decimal-leading-zero);flex-shrink:0;inline-size:2.25rem;block-size:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:var(--pill-border-radius);font-family:var(--font-mono);font-size:var(--md-font-size);font-weight:var(--bold-font-weight);line-height:1;background-color:var(--c-news-product-hero-badge-bg, var(--color-primary));color:var(--c-news-product-hero-badge-fg, var(--color-white))}.c-news-product-hero__step-title{margin:0 0 var(--xsm-spacing) 0;font-family:var(--font-body);font-weight:var(--bold-font-weight);font-size:var(--md-font-size);line-height:1.3;color:var(--c-news-product-hero-step-title, var(--color-primary))}.c-news-product-hero__step-body{font-family:var(--font-body);font-size:var(--sm-font-size-plus);line-height:1.55;color:var(--c-news-product-hero-body, var(--color-text-mid))}.c-news-product-hero__step-body p{margin:0}.c-news-product-hero__cta{align-self:flex-start;margin-block-start:var(--sm-spacing)}.c-news-product-hero__cta .c-find-local-button{inline-size:auto;padding-inline:var(--xl-spacing)}.c-news-product-hero__product-wrap{animation:u-animation-pop-in 1.1s ease-in-out forwards}.c-news-product-hero__eyebrow{animation:u-animation-slide-in-left 1.1s ease-in-out .2s forwards}.c-news-product-hero__title{animation:u-animation-slide-in-left 1.1s ease-in-out .35s forwards}.c-news-product-hero__how-to{animation:u-animation-slide-in-left 1.1s ease-in-out .5s forwards}.c-news-product-hero__step{animation:u-animation-slide-in-left 1.1s ease-in-out forwards}.c-news-product-hero__step:nth-child(1){animation-delay:.65s}.c-news-product-hero__step:nth-child(2){animation-delay:.8s}.c-news-product-hero__step:nth-child(3){animation-delay:.95s}.c-news-product-hero__step:nth-child(4){animation-delay:1.1s}.c-news-product-hero__cta{animation:u-animation-slide-in-left 1.1s ease-in-out 1.25s forwards}@keyframes c-news-product-hero-float{0%{transform:translateY(0)}50%{transform:translateY(-.625rem)}to{transform:translateY(0)}}@media(min-width:900px){.c-news-product-hero{grid-template-columns:1fr 1fr;gap:var(--xl-spacing-plus);padding-block:var(--5xl-spacing)}.c-news-product-hero[data-image-side=right] .c-news-product-hero__product-wrap{order:2}.c-news-product-hero__product-wrap{inline-size:23.56dvh}}@media(prefers-reduced-motion:reduce){.c-news-product-hero__product-wrap img[data-float=true]{animation:none}.c-news-product-hero__product-wrap:after{animation:none;opacity:.9}.c-news-product-hero__cta{transition:none}.c-news-product-hero__product-wrap,.c-news-product-hero__eyebrow,.c-news-product-hero__title,.c-news-product-hero__how-to,.c-news-product-hero__step,.c-news-product-hero__cta{animation:none}}@media(min-width:1600px){.c-news-product-hero{padding-inline:var(--xl-gutter)}}@media(min-width:900px)and (not (min-width:1600px)){.c-news-product-hero{padding-block:calc(var(--c-nav-height) + var(--3xl-spacing)) var(--4xl-spacing)}.c-news-product-hero__title{font-size:clamp(var(--2xl-font-size),4vw,var(--4xl-font-size))}.c-news-product-hero__product-wrap{inline-size:min(90%,16rem)}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-news-product-hero.css.map */