.luvia-hero{position:relative;min-height:max(var(--hero-height, 90vh),700px);background:rgb(var(--color-background));overflow:hidden;display:flex;align-items:flex-start;z-index:2}@media screen and (min-width:750px){.luvia-hero{align-items:center;min-height:max(var(--hero-height, 90vh),600px)}}@media screen and (max-width:749px){.luvia-hero{min-height:max(var(--hero-height, 85vh),750px)}}.luvia-hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:15vh;background:linear-gradient(to bottom,rgba(var(--luvia-off-white),0),rgba(var(--luvia-off-white),.6),rgba(var(--luvia-off-white),.95));pointer-events:none;z-index:1}.luvia-hero__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.luvia-hero__background-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden}.luvia-hero__background-img{width:100%;height:100%;object-fit:cover;object-position:center}.luvia-hero__background-image--placeholder{background-color:rgb(var(--luvia-ivory));background-image:url("data:image/svg+xml,%3Csvg width='100' height='20' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.184 20c.357-.13.72-.264 1.088-.402l1.768-.661C33.64 15.347 39.647 14 50 14c10.271 0 15.362 1.222 24.629 4.928.955.383 1.869.74 2.75 1.072h6.225c-2.51-.73-5.139-1.691-8.233-2.928C65.888 13.278 60.562 12 50 12c-10.626 0-16.855 1.397-26.66 5.063l-1.767.662c-2.475.923-4.66 1.674-6.724 2.275h6.335zm0-20C13.258 2.892 8.077 4 0 4V2c5.744 0 9.951-.574 14.85-2h6.334zM77.38 0C85.239 2.966 90.502 4 100 4V2c-6.842 0-11.386-.542-16.396-2h-6.225zM0 14c8.44 0 13.718-1.21 22.272-4.402l1.768-.661C33.64 5.347 39.647 4 50 4c10.271 0 15.362 1.222 24.629 4.928C84.112 12.722 89.438 14 100 14v-2c-10.271 0-15.362-1.222-24.629-4.928C65.888 3.278 60.562 2 50 2 39.374 2 33.145 3.397 23.34 7.063l-1.767.662C13.223 10.84 8.163 12 0 12v2z' fill='%233DD6B5' fill-opacity='0.04' fill-rule='evenodd'/%3E%3C/svg%3E")}.luvia-hero .luvia-hero__background-overlay{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(150deg,rgba(var(--luvia-off-white),.92),rgba(var(--luvia-off-white),.85),rgba(var(--luvia-off-white),.6) 50%,rgba(var(--luvia-off-white),.2) 70%,rgba(var(--luvia-off-white),.05))}.luvia-hero .luvia-hero__background-glow{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:radial-gradient(ellipse 60% 60% at 70% 50%,rgba(var(--luvia-aqua),.08) 0%,transparent 60%),radial-gradient(ellipse 40% 40% at 20% 30%,rgba(var(--luvia-aqua),.04) 0%,transparent 50%)}.luvia-hero__container{position:relative;display:grid;grid-template-columns:1fr;gap:2rem;align-items:flex-start;width:100%;padding-top:5rem;padding-bottom:4rem;z-index:2}@media screen and (max-width:749px){.luvia-hero__container{padding-top:calc(var(--luvia-header-height, 70px) + 3rem);gap:0}}@media screen and (min-width:750px){.luvia-hero__container{align-items:center;grid-template-columns:1fr 1fr;gap:3rem;padding-top:0;padding-bottom:0}}@media screen and (min-width:990px){.luvia-hero__container{grid-template-columns:1fr 35%;gap:3rem}}.luvia-hero__content{position:relative;z-index:5;display:flex;flex-direction:column;align-items:flex-start;gap:1.8rem}@media screen and (min-width:750px){.luvia-hero__content{gap:2rem}}@media screen and (min-width:990px){.luvia-hero__content{gap:2.2rem;padding-right:2rem}}@media screen and (max-width:749px){.luvia-hero__content{text-align:center;align-items:center;gap:1.2rem}}.luvia-hero__badge{animation:heroFadeIn .8s ease both;animation-delay:.1s}.luvia-hero__title{font-size:clamp(3.2rem,8vw,4.5rem);font-weight:600;line-height:var(--luvia-leading-extra-tight);color:rgb(var(--luvia-charcoal));margin:0;letter-spacing:var(--luvia-tracking-tight);animation:heroFadeIn .8s ease both;animation-delay:.2s}@media screen and (min-width:750px){.luvia-hero__title{font-size:clamp(4rem,6vw,5.5rem)}}@media screen and (min-width:990px){.luvia-hero__title{font-size:clamp(5rem,5vw,7rem)}}.luvia-hero__subtitle{font-size:var(--luvia-text-md);line-height:var(--luvia-leading-relaxed);color:rgb(var(--luvia-slate));margin:0;max-width:52rem;animation:heroFadeIn .8s ease both;animation-delay:.3s}@media screen and (min-width:750px){.luvia-hero__subtitle{font-size:var(--luvia-text-lg);line-height:var(--luvia-leading-loose)}}@media screen and (min-width:990px){.luvia-hero__subtitle{font-size:var(--luvia-text-lg)}}.luvia-hero__cta-group{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;margin-top:2.5rem;animation:heroFadeIn .8s ease both;animation-delay:.4s}@media screen and (min-width:750px){.luvia-hero__cta-group{gap:2rem;margin-top:3rem}}@media screen and (max-width:749px){.luvia-hero__cta-group{margin-top:1.2rem}}.luvia-hero__cta{display:inline-flex;align-items:center;gap:.8rem;padding:1.4rem 2.8rem;font-size:var(--luvia-text-base);font-weight:600}@media screen and (min-width:750px){.luvia-hero__cta{padding:1.5rem 3.2rem;font-size:var(--luvia-text-md)}}.luvia-hero__cta svg{width:18px;height:18px;transition:transform var(--luvia-duration-default) var(--luvia-easing)}@media screen and (min-width:750px){.luvia-hero__cta svg{width:20px;height:20px}}.luvia-hero__cta:hover svg{transform:translate(4px)}.luvia-hero__trust{display:flex;flex-wrap:wrap;align-items:center;gap:0;margin-top:2rem;animation:heroFadeIn .8s ease both;animation-delay:.5s}@media screen and (min-width:750px){.luvia-hero__trust{margin-top:2.5rem}}.luvia-hero__trust-item{display:inline-flex;align-items:center;gap:.6rem;font-size:var(--luvia-text-xs);font-weight:500;color:rgb(var(--luvia-mist));padding:0 1.2rem;border-right:1px solid rgba(var(--luvia-mist),.3)}.luvia-hero__trust-item:first-child{padding-left:0}.luvia-hero__trust-item:last-child{border-right:none;padding-right:0}@media screen and (min-width:750px){.luvia-hero__trust-item{font-size:var(--luvia-text-sm);gap:.8rem;padding:0 1.5rem}}@media screen and (max-width:749px){.luvia-hero__trust{justify-content:center;margin-top:.8rem}.luvia-hero__trust-item{padding:.5rem 1rem;border-right:none}}.luvia-hero__trust-item svg{width:16px;height:16px;color:rgb(var(--luvia-aqua-dark));flex-shrink:0}@media screen and (min-width:750px){.luvia-hero__trust-item svg{width:18px;height:18px}}.luvia-hero__visual{position:relative;height:100%;min-height:400px}@media screen and (max-width:749px){.luvia-hero__visual{position:relative;height:40vh;min-height:auto;margin-top:1.5rem;z-index:1;will-change:transform}}.luvia-hero__parallax-container{position:relative;width:100%;height:100%;min-height:400px}@media screen and (max-width:749px){.luvia-hero__parallax-container{min-height:auto}}@media screen and (min-width:750px){.luvia-hero__parallax-container{min-height:500px}}.luvia-hero__layer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;will-change:transform;transition:transform var(--luvia-duration-short) linear}.luvia-hero__layer--product{z-index:2}@media screen and (max-width:749px){.luvia-hero__layer--product{transform:translateY(18%)}}.luvia-hero__bottles{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.luvia-hero__bottle{position:absolute;display:flex;align-items:center;justify-content:center}.luvia-hero__bottle--left{z-index:1;transform:translate(-30%) rotate(-10deg) scale(.82);opacity:.9}.luvia-hero__bottle--left .luvia-hero__product-image{animation-delay:.3s}.luvia-hero__bottle--right{z-index:1;transform:translate(30%) rotate(10deg) scale(.82);opacity:.9}.luvia-hero__bottle--right .luvia-hero__product-image{animation-delay:.6s}.luvia-hero__bottle--center{z-index:3}.luvia-hero__product-image{max-width:100%;max-height:85%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 30px 60px rgba(0,0,0,.2)) drop-shadow(0 10px 20px rgba(var(--luvia-aqua),.15))}.luvia-hero__bottle--left .luvia-hero__product-image,.luvia-hero__bottle--right .luvia-hero__product-image{filter:drop-shadow(0 20px 40px rgba(0,0,0,.15)) drop-shadow(0 8px 16px rgba(var(--luvia-aqua),.1))}.luvia-hero__product-placeholder{width:60%;aspect-ratio:1 / 1.5;background:rgb(var(--luvia-ivory));border-radius:12px;display:flex;align-items:center;justify-content:center}.luvia-hero__product-placeholder .placeholder-svg{width:50%;opacity:.3}.luvia-hero__layer--drops-back{z-index:1}.luvia-hero__layer--drops-front{z-index:3}.luvia-hero__drop{position:absolute;color:rgb(var(--luvia-aqua));transform:translate(-50%,-50%);animation:heroDropFloat 4s ease-in-out infinite;animation-delay:var(--drop-delay, 0s)}.luvia-hero__drop--sm{width:20px;height:auto}.luvia-hero__drop--md{width:32px;height:auto}.luvia-hero__drop--lg{width:48px;height:auto}.luvia-hero__drop svg{width:100%;height:auto;filter:drop-shadow(0 4px 12px rgba(var(--luvia-aqua),.3))}.luvia-hero__layer--particles{z-index:1;pointer-events:none}@media screen and (max-width:749px){.luvia-hero__layer--particles{display:none}}.luvia-hero__particle{position:absolute;width:6px;height:6px;background:rgba(var(--luvia-aqua),.4);border-radius:50%;animation:heroParticleFloat 8s ease-in-out infinite}.luvia-hero__particle--1{left:15%;top:30%;animation-delay:0s}.luvia-hero__particle--2{left:80%;top:20%;width:8px;height:8px;animation-delay:1s}.luvia-hero__particle--3{left:60%;top:75%;width:4px;height:4px;animation-delay:2s}.luvia-hero__particle--4{left:25%;top:65%;animation-delay:3s}.luvia-hero__particle--5{left:90%;top:50%;width:5px;height:5px;animation-delay:4s}.luvia-hero__scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.6rem;color:rgb(var(--luvia-mist));font-size:var(--luvia-text-xs);text-transform:uppercase;letter-spacing:var(--luvia-tracking-widest);animation:heroScrollBounce 2s ease-in-out infinite;cursor:pointer;z-index:5}.luvia-hero__scroll-indicator svg{animation:heroScrollArrow 2s ease-in-out infinite}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes heroDropFloat{0%,to{transform:translate(-50%,-50%) translateY(0) rotate(0)}25%{transform:translate(-50%,-50%) translateY(-8px) rotate(3deg)}75%{transform:translate(-50%,-50%) translateY(5px) rotate(-3deg)}}@keyframes heroParticleFloat{0%,to{transform:translateY(0) translate(0);opacity:.4}25%{transform:translateY(-20px) translate(10px);opacity:.7}50%{transform:translateY(-10px) translate(-5px);opacity:.5}75%{transform:translateY(-25px) translate(15px);opacity:.6}}@keyframes heroScrollBounce{0%,to{opacity:.6}50%{opacity:1}}@keyframes heroScrollArrow{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@media(prefers-reduced-motion:reduce){.luvia-hero__product-image,.luvia-hero__drop,.luvia-hero__particle,.luvia-hero__scroll-indicator,.luvia-hero__scroll-indicator svg{animation:none}.luvia-hero__layer,.luvia-hero__bottle{transition:none}.luvia-hero__badge,.luvia-hero__title,.luvia-hero__subtitle,.luvia-hero__cta-group,.luvia-hero__trust{animation:none;opacity:1}.luvia-hero__bottle--left,.luvia-hero__bottle--right{opacity:.85}}@media screen and (max-width:749px){.luvia-hero__bottle--left{transform:translate(-25%) rotate(-10deg) scale(.82)}.luvia-hero__bottle--right{transform:translate(25%) rotate(10deg) scale(.82)}.luvia-hero__bottle--center{transform:scale(1)}}@media screen and (min-width:990px){.luvia-hero__bottle--left{transform:translate(-35%) rotate(-12deg) scale(.82)}.luvia-hero__bottle--right{transform:translate(35%) rotate(12deg) scale(.82)}}@media(hover:hover)and (min-width:750px){.luvia-hero:hover .luvia-hero__bottle--center .luvia-hero__product-image{filter:drop-shadow(0 35px 70px rgba(0,0,0,.22))}.luvia-hero:hover .luvia-hero__bottle--left,.luvia-hero:hover .luvia-hero__bottle--right{opacity:.9}.luvia-hero:hover .luvia-hero__drop{filter:drop-shadow(0 6px 16px rgba(var(--luvia-aqua),.4))}}@media screen and (max-width:749px){.luvia-hero__background:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(170deg,rgba(var(--luvia-off-white),.93),rgba(var(--luvia-off-white),.85) 30%,rgba(var(--luvia-off-white),.5) 55%,rgba(var(--luvia-off-white),.1) 75%,rgba(var(--luvia-off-white),0) 90%);z-index:2}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/luvia-hero.css.map */