.ward-hero-lottie,.logo-lottie.ward-hero-lottie,.pb-row-splash-page__lottie{position:relative;width:100%;max-width:600px;margin:0 auto;opacity:0;transform:scale(.9) translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.pb-row-splash-page__headerLogo{display:flex;align-items:center;justify-content:center;width:100%}.ward-hero-logo-container{display:flex;align-items:center;justify-content:center;width:100%;padding:2rem 1rem;position:relative;z-index:2}.ward-hero-lottie.lottie-loaded,.pb-row-splash-page__lottie.lottie-loaded{opacity:1}.ward-hero-lottie.is-inview,.pb-row-splash-page__lottie.is-inview{opacity:1;transform:scale(1) translateY(0)}.ward-hero-lottie.is-playing,.pb-row-splash-page__lottie.is-playing{opacity:1}.ward-hero-lottie svg,.pb-row-splash-page__lottie svg{width:100%;height:100%;display:block;transform:translateZ(0);content-visibility:visible}.ward-hero-lottie,.pb-row-splash-page__lottie{aspect-ratio:var(--ratio, 820/160)}@media (max-width: 768px){.ward-hero-lottie,.pb-row-splash-page__lottie{aspect-ratio:var(--ratio-mobile, 820/160);max-width:100%;padding:0 1rem}.ward-hero-logo-container{padding:1.5rem 1rem}}.ward-hero-lottie[data-lottie-autoplay=true],.pb-row-splash-page__lottie[data-lottie-autoplay=true]{animation:fadeInScale .8s ease-out forwards}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.ward-hero-lottie[data-scroll],.pb-row-splash-page__lottie[data-scroll]{will-change:transform,opacity}.ward-hero-content{position:relative;z-index:2}.ward-hero-lottie{z-index:3}.ward-hero-lottie:not(.lottie-loaded){min-height:160px;background:transparent}.ward-hero-lottie:not(.lottie-loaded):before{content:"";display:block;width:100%;height:100%;background:transparent}.ward-hero-lottie.lottie-complete{opacity:1;transform:scale(1) translateY(0)}.ward-hero-lottie[data-lottie-on-rollover=true]:hover{cursor:pointer}#shopify-section-template--19403881545882__hero-banner .ward-hero-lottie,#shopify-section-template--19403881545882__hero-banner .pb-row-splash-page__lottie{display:block;visibility:visible}.position-relative{position:relative}.z-2{z-index:2}.m-0{margin:0}.align-self-center{align-self:center}.color-meadow{color:#f0d4d3}
/*# sourceMappingURL=/cdn/shop/t/5/assets/ward-hero-lottie-animation.css.map */