body{--accent:#a52c16;--on-accent:#fff2d6;--tone:#fda16d;--light:#ffe1c5;--dark:#bc451e;background:#fff6e9;color:#8c2b1b;transition:background .4s,color .4s}body[data-flavor=lime]{--accent:#315c31;--on-accent:#f4f6d6;--tone:#cee699;--light:#edf3d4;--dark:#618542;color:#315c31}body[data-flavor=berry]{--accent:#6d264f;--on-accent:#fff1ed;--tone:#da8daf;--light:#f1d1df;--dark:#933d6e;color:#6d264f}.brand{font-size:38px;font-weight:900;letter-spacing:-3px}.brand span{font-size:12px;vertical-align:top;letter-spacing:0}.bag-button{border:1px solid currentColor;background:none;color:inherit;border-radius:30px;padding:10px 20px;font-size:12px}.demo-nav{background:var(--light)}.soda-hero{background:var(--light);display:grid;grid-template-columns:1fr 1fr;position:relative;min-height:600px;padding:35px 5vw 60px;overflow:hidden;transition:background .4s}.soda-heading{align-self:center;position:relative;z-index:2}.soda-heading h1{font:clamp(66px,7.8vw,120px)/.92 Georgia,serif;letter-spacing:-6px;margin:25px 0}.soda-heading h1 i{font-weight:normal}.soda-heading>p:not(.eyebrow){font-size:14px;line-height:1.8}.soda-heading .btn{margin-top:20px;border-radius:40px}.soda-art{position:relative;min-height:500px;perspective:1000px}.soda-orbit{position:absolute;inset:60px 0 10px;border:1px solid #bc451e3d;border-radius:50%;transform:rotate(-25deg)}.soda-can{position:relative;width:205px;height:365px;border-radius:43px 43px 45px 45px;border-top:13px solid #d5d0c4;border-bottom:9px solid #ac9d86;background:linear-gradient(90deg,var(--dark) 0%,var(--tone) 20%,var(--light) 39%,var(--tone) 65%,var(--dark) 100%);box-shadow:inset 4px 0 12px #fff8,25px 35px 25px #703d192e;text-align:center;padding:35px 12px;color:var(--accent);transform:rotate(-15deg)}.soda-can:before{content:"";position:absolute;top:-14px;left:6px;right:6px;height:22px;border:2px solid #a3a092;border-radius:50%;background:linear-gradient(#91918b,#efefe7,#a1a193)}.soda-can:after{content:"";position:absolute;top:-12px;left:83px;width:32px;height:13px;border:3px solid #8f9087;border-radius:50%;background:#c5c5ba}.can-overline{font:8px monospace;letter-spacing:1.5px}.soda-can b{display:block;font:bold 72px/.83 Arial;letter-spacing:-6px;margin:22px 0 8px}.can-sun{display:block;font:87px/.95 Georgia}.soda-can strong{font:10px monospace;letter-spacing:1px;display:block;margin-top:20px}.soda-can small{font:6px/1.8 monospace;display:block;margin-top:12px}.hero-can{position:absolute;left:calc(50% - 100px);top:55px;animation:canFloat 7s ease-in-out infinite}.fruit-slice{position:absolute;font:185px/1 Georgia;color:var(--dark);opacity:.78;filter:drop-shadow(4px 10px 10px #a3391822)}.slice-one{left:-10px;top:30px;transform:rotate(25deg)}.slice-two{right:0;bottom:30px;font-size:250px;transform:rotate(-12deg)}.soda-art-caption{position:absolute;bottom:0;left:50%;transform:translateX(-50%);font:8px monospace;white-space:nowrap;letter-spacing:2px}.hero-side-note{position:absolute;right:15px;top:50%;writing-mode:vertical-rl;font:8px monospace;letter-spacing:2px}.soda-ribbon{display:flex;justify-content:space-around;align-items:center;gap:25px;padding:20px 5vw;background:var(--accent);color:var(--light);font:10px monospace;letter-spacing:1px}.soda-ribbon span{font-size:25px}.shop-section{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.shop-art{position:relative;display:grid;place-items:center;min-height:520px;background:var(--light);border-radius:160px 160px 8px 8px;overflow:hidden}.shop-can{transform:rotate(12deg);margin-bottom:40px}.shop-art-note{position:absolute;bottom:25px;left:25px;font:9px monospace;letter-spacing:1px}.product-detail h2{font:50px/1 Georgia;letter-spacing:-2px;margin:15px 0}.product-price{font-size:25px}.product-price span{font-size:12px}.product-detail>p:not(.eyebrow):not(.product-price):not(.small-note):not(.live-status){font-size:14px;line-height:1.8;max-width:430px}.flavors{border:0;padding:0;margin:30px 0 22px;display:flex;flex-wrap:wrap;gap:8px}.flavors legend{font-size:11px;margin-bottom:13px}.flavor{border:1px solid #0003;border-radius:30px;padding:8px 12px;color:inherit;background:none;font-size:10px;display:flex;align-items:center;gap:7px}.flavor[aria-pressed=true]{border:2px solid var(--accent);padding:7px 11px;background:var(--light)}.swatch{display:inline-block;width:16px;height:16px;border-radius:100%;border:1px solid #0002}.orange{background:#f57b3e}.lime{background:#b5d480}.berry{background:#cc6b9d}.buy-row{display:flex;gap:15px;align-items:end}.buy-row label{font-size:10px;display:flex;flex-direction:column;gap:6px;width:75px}.buy-row input{width:75px;border:1px solid #b3a692;background:transparent;border-radius:4px;padding:13px 8px;color:inherit}.buy-row .btn{flex:1;padding:15px}.product-details{margin-top:25px}.product-details details{border-top:1px solid #0002;padding:16px 0}.product-details summary{font-size:12px;cursor:pointer}.product-details p{font-size:12px;margin:15px 0 0}.soda-story{padding:85px 0;background:var(--accent);color:var(--light);overflow:hidden}.soda-story .demo-wrap{position:relative}.soda-story h2{font:75px/.95 Georgia;letter-spacing:-3px;position:relative;z-index:1}.soda-story p:not(.eyebrow){max-width:460px;font-size:14px;position:relative;z-index:1}.soda-story .btn{margin-top:18px;border-radius:40px;position:relative;z-index:1}.soda-story .demo-wrap>span{position:absolute;right:-30px;top:-70px;font:440px/1 Georgia;opacity:.16}@keyframes canFloat{50%{transform:translateY(-15px) rotate(-9deg)}}@media(max-width:900px){.soda-heading h1{font-size:80px}.soda-hero{min-height:550px}.soda-can{transform:scale(.9) rotate(-15deg)}.slice-one{font-size:120px}.slice-two{font-size:180px}.shop-section{gap:40px}.shop-art{min-height:490px}.buy-row{flex-wrap:wrap}.product-detail h2{font-size:42px}}@media(max-width:600px){.soda-hero{grid-template-columns:1fr;padding-top:20px;padding-bottom:25px}.soda-heading h1{font-size:80px;letter-spacing:-4px}.soda-art{min-height:420px;margin-top:10px}.hero-can{top:20px;transform:scale(.9) rotate(-15deg);animation:none}.slice-one{left:0;top:15px;font-size:135px}.slice-two{right:-30px;bottom:40px}.soda-heading>p:not(.eyebrow){font-size:13px}.soda-art-caption{bottom:0}.soda-ribbon{font-size:7px;gap:15px}.soda-ribbon span{font-size:20px}.shop-section{grid-template-columns:1fr;gap:40px}.shop-art{min-height:450px}.product-detail h2{font-size:44px}.soda-story h2{font-size:54px}.soda-story .demo-wrap>span{right:-170px;font-size:380px}.brand{font-size:30px}.bag-button{padding:9px 13px;font-size:10px}}
.soda-can b{font-size:65px;margin:16px 0 7px}.soda-can .can-sun{font-size:68px}.soda-can strong{font-size:9px;margin-top:12px}.soda-can small{font-size:5.5px;margin-top:9px}