@property --ow-ang{syntax:"<angle>";inherits:false;initial-value:0deg}.ow{--ow-ink:#0f2342;--ow-cream:#fff4e8;--ow-a:#ff5fa2;--ow-b:#12c2b4;--ow-c:#ffc93c;--ow-d:#9c7bff;--ow-ease:cubic-bezier(.2,.8,.2,1);--ow-spring:cubic-bezier(.34,1.56,.64,1);position:relative;display:block;color:var(--ow-ink)}.ow *,.ow *:before,.ow *:after{box-sizing:border-box}.ow-wrap{width:100%;max-width:1440px;margin:0 auto;padding:0 clamp(16px,4vw,56px)}.ow h1,.ow h2,.ow h3{color:inherit;text-transform:none}.ow-anim .ow-reveal{opacity:0;transform:translateY(36px);transition:opacity .9s var(--ow-ease),transform 1s var(--ow-ease);transition-delay:calc(var(--d,0) * 90ms)}.ow-anim .ow-reveal--zoom{transform:scale(.9) translateY(24px)}.ow-anim .ow-reveal--left{transform:translate(-48px)}.ow-anim .ow-reveal.is-in{opacity:1;transform:none}.ow-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 22px;padding:8px 16px 8px 12px;border-radius:999px;background:#ffffffb8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;line-height:1.2;box-shadow:0 8px 24px -12px #0f234259}.ow-dot{width:8px;height:8px;border-radius:50%;background:var(--ow-b);animation:ow-ping 2s infinite}@keyframes ow-ping{0%{box-shadow:0 0 color-mix(in srgb,var(--ow-b) 70%,transparent)}to{box-shadow:0 0 0 14px transparent}}.ow-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.65em;padding:1.05em 1.7em;border-radius:999px;border:0;overflow:hidden;cursor:pointer;font-size:15px;font-weight:800;letter-spacing:.01em;line-height:1;text-decoration:none;transition:translate .35s var(--ow-spring),box-shadow .35s,background-color .3s,color .3s}.ow-btn>*{position:relative;z-index:1}.ow-btn svg{width:18px;height:18px;transition:transform .4s var(--ow-ease)}.ow-btn:hover svg{transform:translate(5px)}.ow-btn--primary{background:var(--ow-ink);color:#fff;box-shadow:0 14px 34px -14px var(--ow-ink)}.ow-btn--primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(110deg,var(--ow-a),var(--ow-d),var(--ow-b));transform:translate(-101%);transition:transform .55s var(--ow-ease)}.ow-btn--primary:hover{color:#fff;box-shadow:0 20px 40px -14px var(--ow-a)}.ow-btn--primary:hover:before{transform:none}.ow-btn--ghost{background:#fff9;color:var(--ow-ink);box-shadow:inset 0 0 0 2px var(--ow-ink);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.ow-btn--ghost:hover{background:var(--ow-ink);color:#fff}.ow-h2{margin:0;font-size:clamp(38px,5.4vw,80px);font-weight:800;line-height:.95;letter-spacing:-.045em}.ow-lead{margin:18px 0 0;max-width:46ch;font-size:clamp(15px,1.25vw,18px);line-height:1.6;opacity:.75}.ow-mark{position:relative;display:inline-block;white-space:nowrap}.ow-mark svg{position:absolute;left:-2%;bottom:-.12em;width:104%;height:.32em;overflow:visible}.ow-mark path{fill:none;stroke:var(--ow-a);stroke-width:7;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.2s var(--ow-ease) .45s}.is-in .ow-mark path,.ow-mark.is-in path,html:not(.ow-anim) .ow-mark path{stroke-dashoffset:0}.ow-hero{isolation:isolate;overflow:hidden;background:var(--ow-cream);min-height:clamp(640px,92vh,940px);display:flex;align-items:center;padding:clamp(48px,7vw,96px) 0 clamp(110px,12vw,170px)}.ow-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.ow-blob{position:absolute;width:46vmax;height:46vmax;border-radius:50%;filter:blur(80px);opacity:.5;animation:ow-drift 18s ease-in-out infinite alternate}.ow-blob--1{background:var(--ow-a);top:-22%;left:-14%}.ow-blob--2{background:var(--ow-b);bottom:-30%;left:22%;animation-duration:23s;animation-delay:-7s}.ow-blob--3{background:var(--ow-c);top:-16%;right:-16%;animation-duration:20s;animation-delay:-3s;opacity:.55}.ow-blob--4{background:var(--ow-d);bottom:-24%;right:2%;width:34vmax;height:34vmax;animation-duration:16s;animation-delay:-10s}@keyframes ow-drift{0%{transform:translate(0) scale(1)}33%{transform:translate(6vw,5vh) scale(1.12)}66%{transform:translate(-5vw,7vh) scale(.9)}to{transform:translate(4vw,-6vh) scale(1.06)}}.ow-cursor{position:absolute;left:0;top:0;width:420px;height:420px;margin:-210px 0 0 -210px;border-radius:50%;background:radial-gradient(closest-side,#ffffffbf,#fff0);translate:50vw 40vh;transition:translate .25s linear}.ow-grain{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;opacity:.09;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:ow-grain 1.2s steps(6) infinite}@keyframes ow-grain{0%,to{transform:translate(0)}20%{transform:translate(-4%,3%)}40%{transform:translate(3%,-5%)}60%{transform:translate(-6%,-2%)}80%{transform:translate(5%,4%)}}.ow-bubbles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.ow-bubbles i{position:absolute;bottom:-60px;left:var(--x);width:var(--s);height:var(--s);border-radius:50%;background:radial-gradient(circle at 32% 30%,#fffffff2,#ffffff26 62%);box-shadow:inset 0 0 0 1.5px #ffffffe6;animation:ow-rise calc(9s + var(--i) * .55s) linear infinite;animation-delay:calc(var(--i) * -1.35s)}@keyframes ow-rise{0%{transform:translate(0) scale(.6);opacity:0}12%{opacity:.95}50%{transform:translate(28px,-55vh) scale(1)}to{transform:translate(-12px,-115vh) scale(1.15);opacity:0}}.ow-hero__inner{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(24px,4vw,72px);align-items:center}.ow-hero__title{margin:0 0 24px;font-size:clamp(46px,7.6vw,118px);font-weight:800;line-height:.9;letter-spacing:-.05em}.ow-line{display:block}.ow-w{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .02em .1em;margin-bottom:-.1em}.ow-w>span{display:inline-block}.ow-anim .ow-w>span{transform:translateY(115%) rotate(7deg);transition:transform 1.1s var(--ow-ease);transition-delay:calc(var(--w) * 85ms + .12s)}.ow-anim .ow-hero.is-in .ow-w>span{transform:none}.ow-line--grad .ow-w>span{background:linear-gradient(90deg,var(--ow-a),var(--ow-d),var(--ow-b),var(--ow-c),var(--ow-a));background-size:400% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:ow-shine 9s linear infinite}@keyframes ow-shine{to{background-position:400% 0}}.ow-hero__sub{margin:0 0 32px;max-width:40ch;font-size:clamp(16px,1.35vw,20px);line-height:1.6;opacity:.8}.ow-hero__ctas{display:flex;flex-wrap:wrap;gap:14px}.ow-hero__stats{display:flex;flex-wrap:wrap;gap:clamp(20px,3vw,44px);margin-top:clamp(28px,4vw,48px);padding-top:24px;border-top:1.5px solid color-mix(in srgb,var(--ow-ink) 14%,transparent)}.ow-stat strong{display:block;font-size:clamp(28px,2.8vw,42px);font-weight:800;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}.ow-stat span{display:block;margin-top:6px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.6}.ow-hero__stage{position:relative;height:clamp(440px,70vh,700px)}.ow-spot{position:absolute;top:4%;right:2%;bottom:4%;left:2%;border-radius:50%;background:radial-gradient(closest-side,#fff,#ffffffe6 52%,#fff0)}.ow-ring{position:absolute;left:50%;top:50%;width:80%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;border:2px dashed color-mix(in srgb,var(--ow-ink) 22%,transparent);animation:ow-spin 45s linear infinite}.ow-ring:before,.ow-ring:after{content:"";position:absolute;border-radius:50%}.ow-ring:before{top:-8px;left:calc(50% - 8px);width:16px;height:16px;background:var(--ow-a);box-shadow:0 0 22px var(--ow-a)}.ow-ring:after{bottom:12%;right:4%;width:11px;height:11px;background:var(--ow-b);box-shadow:0 0 18px var(--ow-b)}@keyframes ow-spin{to{rotate:360deg}}.ow-bottle{position:absolute;bottom:7%;height:66%;mix-blend-mode:multiply;will-change:translate}.ow-bottle--1{left:4%;height:64%}.ow-bottle--2{left:50%;margin-left:-12%;height:90%;bottom:4%}.ow-bottle--3{right:4%;height:58%}.ow-bottle__float{height:100%;animation:ow-bob 6.5s ease-in-out infinite;animation-delay:var(--fd,0s)}.ow-bottle img{display:block;height:100%;width:auto;max-width:none}.ow-bottle__shadow{position:absolute;left:12%;right:12%;bottom:-16px;height:20px;border-radius:50%;background:radial-gradient(closest-side,#0f234261,#0f234200);animation:ow-shadow 6.5s ease-in-out infinite;animation-delay:var(--fd,0s)}@keyframes ow-bob{0%,to{transform:translateY(0) rotate(-2.5deg)}50%{transform:translateY(-22px) rotate(2.5deg)}}@keyframes ow-shadow{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.7);opacity:.45}}.ow-anim .ow-bottle{opacity:0;transform:translateY(120px) scale(.85);transition:opacity 1s var(--ow-ease),transform 1.4s var(--ow-spring);transition-delay:calc(var(--bd) * .16s + .35s)}.ow-anim .ow-hero.is-in .ow-bottle{opacity:1;transform:none}.ow-badge{position:absolute;top:0;right:0;width:clamp(110px,11vw,156px);height:auto;animation:ow-spin 20s linear infinite}.ow-badge text{font-size:15.5px;font-weight:800;letter-spacing:3.2px;fill:var(--ow-ink);text-transform:uppercase}.ow-badge__core{fill:var(--ow-c)}.ow-badge__flake{fill:none;stroke:var(--ow-ink);stroke-width:4;stroke-linecap:round}.ow-chip{position:absolute;display:flex;align-items:center;gap:12px;padding:10px 16px 10px 10px;max-width:250px;border-radius:20px;background:#ffffffd1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 22px 44px -18px #0f234266;color:var(--ow-ink);text-decoration:none;font-size:13px;line-height:1.3;animation:ow-chipfloat 7s ease-in-out infinite;transition:box-shadow .3s,scale .4s var(--ow-spring)}.ow-chip:hover{scale:1.05;color:var(--ow-ink)}.ow-chip--1{left:-4%;top:20%}.ow-chip--2{right:-2%;bottom:22%;animation-delay:-3.5s}.ow-chip small{display:block;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:.55}.ow-chip b{display:block;font-weight:800}.ow-chip__icon{flex:0 0 auto;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--ow-a),var(--ow-d));color:#fff}.ow-chip__icon--cold{background:linear-gradient(135deg,var(--ow-b),#4ea8ff)}.ow-chip__icon svg{width:20px;height:20px}.ow-chip__bar{display:block;width:110px;height:6px;margin-top:6px;border-radius:6px;background:color-mix(in srgb,var(--ow-b) 18%,transparent);overflow:hidden}.ow-chip__bar:after{content:"";display:block;height:100%;width:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ow-b),#4ea8ff);transform-origin:left;animation:ow-fill 3.2s var(--ow-ease) infinite}@keyframes ow-fill{0%{transform:scaleX(.05)}60%,to{transform:scaleX(1)}}@keyframes ow-chipfloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.ow-anim .ow-chip{opacity:0;translate:0 30px;transition:opacity .8s var(--ow-ease) 1.1s,translate 1s var(--ow-spring) 1.1s}.ow-anim .ow-hero.is-in .ow-chip{opacity:1;translate:0 0}.ow-anim .ow-hero.is-in .ow-chip--2{transition-delay:1.35s}.ow-scroll{position:absolute;left:50%;bottom:clamp(78px,8.5vw,124px);width:26px;height:42px;margin-left:-13px;border-radius:14px;box-shadow:inset 0 0 0 2px var(--ow-ink);opacity:.55}.ow-scroll:after{content:"";position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:var(--ow-ink);animation:ow-wheel 1.8s var(--ow-ease) infinite}@keyframes ow-wheel{0%{transform:translateY(0);opacity:1}70%{transform:translateY(14px);opacity:0}to{opacity:0}}.ow-waves{position:absolute;left:0;right:0;bottom:-1px;height:clamp(56px,7vw,110px);pointer-events:none;overflow:hidden}.ow-waves svg{position:absolute;bottom:0;left:0;width:200%;height:100%;animation:ow-wave 16s linear infinite}.ow-waves svg+svg{animation-duration:10s;animation-direction:reverse;opacity:.5}.ow-waves path{fill:var(--ow-next,#fff)}@keyframes ow-wave{to{transform:translate(-50%)}}.ow-marquee{overflow:hidden;background:var(--ow-section-bg,#fff);padding:clamp(36px,5vw,72px) 0}.ow-ribbon{position:relative;display:flex;overflow:hidden;width:104%;margin-left:-2%;padding:clamp(14px,1.8vw,22px) 0}.ow-ribbon--1{background:var(--ow-ink);color:#fff;rotate:-2.2deg;z-index:2;box-shadow:0 24px 50px -30px #0f234299}.ow-ribbon--2{background:var(--ow-a);color:#fff;rotate:2.2deg;margin-top:calc(clamp(22px,3vw,40px)*-1)}.ow-ribbon__track{display:flex;flex:0 0 auto;width:max-content;animation:ow-marq var(--speed,34s) linear infinite}.ow-ribbon--2 .ow-ribbon__track{animation-direction:reverse;animation-duration:calc(var(--speed,34s) * 1.15)}.ow-marquee:hover .ow-ribbon__track{animation-play-state:paused}@keyframes ow-marq{to{transform:translate(-50%)}}.ow-ribbon__item{display:inline-flex;align-items:center;gap:clamp(18px,2.4vw,36px);padding-right:clamp(18px,2.4vw,36px);white-space:nowrap;font-weight:800;letter-spacing:-.03em;text-transform:uppercase;line-height:1}.ow-ribbon--1 .ow-ribbon__item{font-size:clamp(30px,4.6vw,68px)}.ow-ribbon--2 .ow-ribbon__item{font-size:clamp(18px,2.2vw,30px);letter-spacing:.02em}.ow-ribbon--1 .ow-ribbon__item:nth-child(2n) span{color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.9)}.ow-star{flex:0 0 auto;width:.72em;height:.72em;animation:ow-spin 7s linear infinite}.ow-ribbon__item:nth-child(4n+1) .ow-star{fill:var(--ow-c)}.ow-ribbon__item:nth-child(4n+2) .ow-star{fill:var(--ow-a)}.ow-ribbon__item:nth-child(4n+3) .ow-star{fill:var(--ow-b)}.ow-ribbon__item:nth-child(4n+4) .ow-star{fill:var(--ow-d)}.ow-ribbon--2 .ow-star{fill:#fff!important}
/*# sourceMappingURL=/cdn/shop/t/54/assets/owala-motion.css.map */