:root{--bg:#260b1b;--fg:#fff5ed;--accent:#ff92b2;--surface:#3b152d}
:root{--display:Syne;--radius:28px}.soda-hero{display:block;min-height:780px}.soda-heading{position:relative;z-index:0;text-align:center}.soda-heading .eyebrow{justify-content:center}.soda-heading h1{font-size:clamp(80px,11.8vw,180px);line-height:.88;letter-spacing:-.07em}.soda-hero .stage{position:absolute;inset:60px 23% 50px;width:54%;height:620px;z-index:1}.soda-note{position:absolute;right:0;bottom:160px;z-index:2}.soda-note p{font-size:22px}.flavors{position:relative;z-index:3;margin-top:145px;text-align:center}.flavors .pill-group{justify-content:center}.flavors .mono{font-size:9px}.btn{border-radius:99px}body{transition:background .6s}.stage-tag,.stage-corner{display:none}@media(max-width:680px){.soda-hero{min-height:780px;padding-top:45px}.soda-heading h1{font-size:13.5vw}.soda-hero .stage{inset:95px 0 0;width:100%;height:480px}.soda-note{bottom:100px;left:0;right:auto}.soda-note .label,.soda-note p{display:none}.flavors{margin-top:355px}.flavors .pill{padding:9px 12px}.soda-note{position:relative;bottom:auto;text-align:center;margin-top:320px}.flavors{margin-top:20px}}