.soda-page{--soda-accent:#fbcfe8;color:#fff;background:radial-gradient(circle at 52% 49%,var(--soda-inner),var(--soda-mid) 53%,var(--soda-outer) 100%);height:100svh;min-height:100svh;font-family:Inter,Arial,sans-serif;transition:background 1.1s;position:relative;overflow:hidden}.soda-page *{box-sizing:border-box}.soda-page a{color:inherit;text-decoration:none}.soda-noise{opacity:.12;pointer-events:none;background-image:radial-gradient(#ffffff8c 1px,#0000 1px);background-size:17px 17px;position:absolute;inset:0}.soda-header{z-index:10;justify-content:space-between;align-items:center;height:82px;padding:0 clamp(20px,4.6vw,78px);display:flex;position:relative}.soda-logo{align-items:center;gap:9px;font-family:Galada,cursive;font-size:1.05rem;display:flex}.soda-logo>span{border:2px solid #fff;border-radius:50%;place-items:center;width:27px;height:27px;display:grid;position:relative}.soda-logo>span svg{position:absolute}.soda-logo>span svg+svg{width:8px;position:relative}.soda-header nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff1c;border:1px solid #ffffff38;border-radius:999px;gap:5px;padding:5px;display:flex}.soda-header nav a{color:#ffffff9e;border-radius:999px;padding:9px 15px;font:500 .68rem Manrope,Arial,sans-serif;transition:all .25s}.soda-header nav a.active,.soda-header nav a:hover{background:var(--soda-accent);color:#12232e}.soda-contact{background:#00000061;border-radius:999px;padding:11px 20px;font:700 .7rem Manrope,Arial,sans-serif}.soda-hero{z-index:2;grid-template-columns:23% 53% 24%;align-items:center;height:calc(100svh - 82px);padding:0 clamp(20px,4.6vw,78px) 22px;display:grid;position:relative}.soda-left{z-index:4;align-self:center}.soda-left h1{letter-spacing:-.04em;flex-direction:column;margin:0;font:400 clamp(4.3rem,8.3vw,9rem)/.78 Galada,cursive;display:flex}.soda-left h1 span:last-child{color:var(--soda-accent);transition:color 1s}.soda-left p{color:#ffffffb3;max-width:250px;margin:33px 0 25px;font-size:.73rem;line-height:1.65}.soda-shop{background:#050f17;border-radius:999px;align-items:center;gap:17px;width:max-content;padding:8px 9px 8px 16px;font:700 .68rem Manrope,sans-serif;display:flex}.soda-shop span{background:var(--soda-accent);color:#12232e;border-radius:50%;place-items:center;width:31px;height:31px;display:grid}.soda-award{color:#ffffff8c;align-items:center;gap:9px;margin-top:31px;display:flex}.soda-award>span{border:1px solid #fff3;border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.soda-award small{letter-spacing:.12em;font:500 .48rem/1.35 Manrope,sans-serif}.soda-award b{color:#fff}.soda-stage{place-items:center;height:100%;display:grid;position:relative}.soda-can{z-index:4;width:190px;height:490px;transform-style:preserve-3d;filter:drop-shadow(18px 30px 28px #0000004d);transition:transform .16s;position:relative}.soda-can:before{content:"";z-index:3;background:linear-gradient(100deg,#0000006b,#0000 22%,#ffffff4d 50%,#0000 77%,#0006);border-radius:42px;position:absolute;inset:0 -16px}.soda-can-lid,.soda-can-foot{z-index:1;background:linear-gradient(#fafcf9,#a3aca8 44%,#eef2ee);border-radius:50%;width:96%;height:28px;position:absolute;left:2%}.soda-can-lid{top:-12px}.soda-can-foot{bottom:-12px}.soda-can-art{color:#082e31;background:linear-gradient(145deg,#f2f7f4,#abc6c1 50%,#315f5c);border-radius:37px;flex-direction:column;align-items:center;height:100%;padding-top:50px;display:flex;box-shadow:inset 18px 0 30px #ffffff2e,inset -17px 0 25px #00000047}.soda-can-art small{letter-spacing:.28em;font:800 .55rem Manrope}.soda-can-art strong{letter-spacing:-.12em;margin-top:32px;font:900 3.6rem/.8 Outfit,Arial,sans-serif}.soda-can-art em{color:#0c716b;margin-top:8px;font:400 1.1rem Galada,cursive}.soda-can-art i{text-align:center;border:1px solid #082e3180;border-radius:50%;place-items:center;width:45px;height:45px;margin-top:auto;margin-bottom:57px;font:800 1rem/.7 Outfit;display:grid}.soda-can-art i b{letter-spacing:.12em;font-size:.36rem}.soda-can-shadow{filter:blur(15px);background:#0006;border-radius:50%;width:210px;height:36px;position:absolute;bottom:12%}.soda-orbit{border:1px solid #fff3;border-radius:50%;position:absolute}.orbit-a{width:610px;height:260px;transform:rotate(-22deg)}.orbit-b{border-color:#ffffff1a;width:500px;height:200px;transform:rotate(57deg)}.soda-berry{z-index:5;background:radial-gradient(circle at 30% 25%,#b7bdf2,#596bc0 45%,#1a2c68 78%);border-radius:50%;animation:5s ease-in-out infinite soda-float;position:absolute;box-shadow:inset -8px -9px 15px #040c3266,0 10px 22px #00000038}.soda-berry:after{content:"";border:1px dotted #ffffff42;border-radius:50%;position:absolute;inset:14%}.berry-a{width:85px;height:85px;top:25%;left:7%}.berry-b{width:62px;height:62px;animation-delay:-1.4s;top:16%;right:15%}.berry-c{width:105px;height:105px;animation-delay:-2.3s;top:39%;right:7%}.berry-d{width:48px;height:48px;animation-delay:-3.1s;bottom:17%;left:15%}.berry-e{width:70px;height:70px;animation-delay:-.8s;bottom:10%;right:31%}.soda-leaf{z-index:5;background:linear-gradient(120deg,#5db27e,#123d45);border-radius:100% 0;width:58px;height:22px;position:absolute;transform:rotate(22deg)}.leaf-a{bottom:30%;right:11%}.leaf-b{top:22%;left:26%;transform:rotate(-34deg)scale(.7)}@keyframes soda-float{50%{transform:translateY(-13px)rotate(4deg)}}.soda-heading-script{z-index:6;text-align:left;white-space:nowrap;font:400 clamp(3.8rem,7vw,8rem)/.73 Galada,cursive;position:absolute;bottom:10%;right:-7%}.soda-heading-script em{margin-left:21%;font-style:normal}.soda-picker{z-index:7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff12;border:1px solid #ffffff2b;border-radius:16px;align-self:center;padding:15px 14px 17px}.soda-picker-top{justify-content:space-between;align-items:center;display:flex}.soda-picker-top small{letter-spacing:.12em;color:#ffffffb3;font:700 .48rem Manrope}.soda-picker-top div{gap:5px;display:flex}.soda-picker-top button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.soda-flavor-list{gap:9px;margin-top:14px;display:flex}.soda-flavor{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:9px;width:83px;padding:10px 8px 8px;transition:all .25s;display:flex}.soda-flavor:hover,.soda-flavor.selected{border-color:var(--soda-accent);background:#ffffff21}.soda-flavor small{color:#fffc;flex-direction:column;align-items:center;gap:3px;font:500 .52rem Manrope;display:flex}.soda-flavor small b{color:#fff;font-weight:700}.soda-mini-can{place-items:center;height:70px;display:grid}.soda-mini-can span{background:linear-gradient(90deg,#8aa2d7,#f1f3fa 44%,#314b81);border-radius:7px;width:27px;height:59px;display:block;transform:rotate(10deg);box-shadow:inset -4px 0 6px #00000040}.mini-lime span{background:linear-gradient(90deg,#76bca9,#f1f7d0 44%,#2d7269)}@media (max-width:900px){.soda-hero{grid-template-columns:23% 77%}.soda-picker{position:absolute;top:12%;right:0}.soda-heading-script{font-size:clamp(3.2rem,8vw,6rem);bottom:8%;right:-34%}}@media (max-width:600px){.soda-header{height:68px;padding:0 18px}.soda-header nav{display:none}.soda-contact{padding:9px 13px;font-size:.6rem}.soda-hero{height:calc(100svh - 68px);padding:0 18px;display:block}.soda-left{z-index:8;position:absolute;top:8%;left:18px}.soda-left h1{font-size:clamp(4rem,19vw,6rem)}.soda-left p{max-width:220px;margin:20px 0 15px;font-size:.67rem}.soda-award{display:none}.soda-stage{height:100%;min-height:560px}.soda-can{margin-top:30px;transform:scale(.76)rotate(-16deg)!important}.orbit-a{width:390px;height:175px}.orbit-b{width:330px;height:150px}.berry-a{width:58px;height:58px;top:31%;left:3%}.berry-b{width:44px;height:44px;top:24%;right:8%}.berry-c{width:68px;height:68px;top:42%;right:0}.berry-d{width:38px;height:38px;bottom:20%;left:7%}.berry-e{width:44px;height:44px;bottom:13%;right:25%}.soda-heading-script{font-size:clamp(3.2rem,16vw,5.8rem);bottom:11%;right:-10%}.soda-picker{padding:10px;top:4%;right:0}.soda-picker-top small{font-size:.4rem}.soda-flavor{width:68px;padding:6px}.soda-mini-can{height:55px}.soda-mini-can span{transform:scale(.8)rotate(10deg)}.soda-flavor small{font-size:.43rem}}
.soda-can-art{transform-origin:50%;animation:7s ease-in-out infinite soda-art-turn}.soda-can-art strong,.soda-can-art em,.soda-can-art i{animation:7s ease-in-out infinite soda-label-shine}@keyframes soda-art-turn{0%,18%{transform:rotateY(-8deg)scaleX(.98)}50%{transform:rotateY(8deg)scaleX(1)}82%,to{transform:rotateY(-8deg)scaleX(.98)}}@keyframes soda-label-shine{0%,18%,82%,to{filter:brightness()}50%{filter:brightness(1.18)}}