.water-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.water-hero__word{display:inline-block;position:relative}.water-hero__word:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:currentColor;animation:underline .6s ease-out forwards;animation-delay:inherit}@keyframes underline{to{width:100%}}@keyframes float{0%,to{transform:translateY(-50%) translateY(0)}50%{transform:translateY(-50%) translateY(-10px)}}.water-hero__product-image{animation:float 4s ease-in-out infinite;filter:drop-shadow(0 10px 20px rgba(0,0,0,.1))}.water-hero__button{position:relative;overflow:hidden;transition:all .3s ease}.water-hero__button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.water-hero__button:hover:before{left:100%}.water-hero__button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0003}.water-hero__scroll-cue{cursor:pointer;transition:opacity .3s ease}.water-hero__scroll-cue:hover{opacity:.8}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}.water-hero--animate{opacity:1;transform:translateY(0)}@media (max-width: 768px){.water-hero__product-image{animation:float 4s ease-in-out infinite}.water-hero__word:after{height:1px}}.water-hero--loading{opacity:0;transition:opacity .5s ease}.water-hero--loaded{opacity:1}.water-hero--gradient{background:linear-gradient(135deg,#e3f2fd,#bbdefb,#90caf9)}.water-hero--gradient-alt{background:linear-gradient(135deg,#f3e5f5,#e1bee7,#ce93d8)}@media (prefers-reduced-motion: reduce){.water-hero__word,.water-hero__subheading,.water-hero__button,.water-hero__product-image,.water-hero__scroll-cue{animation:none;opacity:1;transform:none}.water-hero__product-image{animation:none}.water-hero__word:after{animation:none;width:100%}}@media (prefers-contrast: high){.water-hero__button{border:2px solid currentColor}.water-hero__word:after{height:3px}}@media print{.water-hero{min-height:auto;page-break-inside:avoid}.water-hero__product-image,.water-hero__scroll-cue{display:none}}.water-hero__product-image img{will-change:transform}.water-hero__word{will-change:opacity,transform}html,.water-hero__scroll-cue{scroll-behavior:smooth}
/*# sourceMappingURL=/cdn/shop/t/3/assets/water-hero.css.map */