*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#edf5f3;color:#142b2b;font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.topbar{height:78px;padding:0 6.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #142b2b18;position:absolute;top:0;width:100%;z-index:10}.logo{font-size:19px;font-weight:800;letter-spacing:-1px}.logo span{color:#f06a3c}.topbar nav{display:flex;gap:38px;font-size:12px;font-weight:700}.top-cta{font-size:11px;font-weight:800;border-bottom:1px solid #142b2b;padding:9px 0}.top-cta span{margin-left:15px;color:#f06a3c}.menu-toggle{display:none;background:none;font-size:22px}.hero{min-height:760px;height:100vh;max-height:950px;position:relative;display:grid;grid-template-columns:48% 52%;padding:145px 7% 85px;overflow:hidden;background:radial-gradient(ellipse at 75% 48%,#d6e9df 0%,#edf5f3 54%)}.hero-copy{z-index:2;align-self:center;padding-bottom:30px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#68817a}.eyebrow span{display:inline-block;width:7px;height:7px;background:#f06a3c;border-radius:50%;margin-right:9px}.hero h1{font-size:clamp(58px,8vw,116px);line-height:.91;letter-spacing:-.085em;margin:30px 0 22px;font-weight:800}.hero h1 em,.section h2 em,.story h2 em,.closing em{font-style:normal;color:#f06a3c}.hero-desc{max-width:350px;color:#647a73;font-size:14px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:34px}.button{display:inline-flex;align-items:center;gap:30px;padding:17px 21px;border-radius:3px;font-size:11px;font-weight:800}.button b{font-size:16px}.dark{background:#142b2b;color:#fff}.micro{font-size:8px;letter-spacing:1.5px;line-height:1.8;color:#82958e}.hero-visual{position:relative;min-height:480px;display:flex;align-items:center;justify-content:center}.hero-visual:before{content:"";position:absolute;width:min(42vw,520px);height:min(42vw,520px);border-radius:50%;background:#d9e9dc;box-shadow:inset 0 0 70px #fff9}.hero-visual:after{content:"";position:absolute;width:330px;height:30px;bottom:75px;border-radius:50%;background:#45645b24;filter:blur(18px)}#scene{position:relative;z-index:2;width:100%;height:100%;min-height:480px;cursor:grab}#scene:active{cursor:grabbing}.orbit{position:absolute;border:1px solid #78958a55;border-radius:50%;z-index:1}.orbit-one{width:470px;height:170px;transform:rotate(-28deg)}.orbit-two{width:400px;height:130px;transform:rotate(52deg)}.visual-label{position:absolute;z-index:3;font-size:9px;letter-spacing:2px;font-weight:800;line-height:1.6;color:#779087}.label-top{top:45px;right:12%}.label-bottom{bottom:45px;left:8%}.float-chip{position:absolute;z-index:4;right:2%;top:56%;padding:12px 16px;border-radius:30px;background:#fff;font-size:9px;font-weight:800;box-shadow:0 8px 30px #315a4b16;transform:rotate(8deg)}.float-chip span{color:#f06a3c;margin-left:12px}.hero-foot{position:absolute;bottom:27px;left:7%;right:7%;display:flex;align-items:center;gap:18px;font-size:8px;letter-spacing:2px;color:#82958e}.scroll-line{height:1px;background:#9bada5;flex:1}.ticker{overflow:hidden;background:#f06a3c;color:#fff;padding:17px 0;white-space:nowrap;font-size:13px;font-weight:800;letter-spacing:3px}.ticker div{word-spacing:15px;animation:marquee 24s linear infinite}.ticker b{margin:0 24px}@keyframes marquee{to{transform:translateX(-30%)}}.section{padding:120px 8%}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.section h2,.story h2{font-size:clamp(42px,6vw,76px);line-height:.98;letter-spacing:-.075em;margin:22px 0 0}.section-note{font-size:12px;line-height:1.9;color:#71857e}.flavor-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.flavor-list{border-top:1px solid #142b2b30}.flavor{width:100%;display:flex;align-items:center;gap:20px;padding:22px 5px;background:none;border:0;border-bottom:1px solid #142b2b30;text-align:left;color:#142b2b;cursor:pointer}.flavor span{font-size:10px;color:#98aaa2}.flavor strong{font-size:18px;flex:1}.flavor i{font-style:normal;color:#f06a3c;font-size:20px;opacity:0;transition:.25s}.flavor.active strong{color:#f06a3c}.flavor.active i,.flavor:hover i{opacity:1}.flavor-description{max-width:360px;font-size:12px;line-height:1.9;color:#71857e;margin-top:28px}.flavor-card{height:390px;position:relative;overflow:hidden;background:#d9e9dc;display:flex;align-items:center;justify-content:center}.card-glow{position:absolute;width:260px;height:260px;border-radius:50%;background:#fff8;filter:blur(5px)}.mini-can{position:relative;width:100px;height:205px;border-radius:19px 19px 16px 16px;background:linear-gradient(90deg,#a9d7ed,#d9f4ff 15%,#1686c4 35%,#0062a7 67%,#003e7d 91%,#9ddcf3);box-shadow:inset -7px 0 12px #00395c66,inset 7px 0 10px #ffffff99,0 24px 30px #315b6b35;display:grid;place-items:center;color:#fff;font-size:18px;font-weight:800;transform:rotate(-9deg);transition:background .5s,transform .5s}.mini-can:before,.mini-can:after{content:"";position:absolute;left:6px;right:6px;height:10px;border-radius:50%;background:linear-gradient(#e8f0f4,#879ba5,#fff);border:1px solid #8498a3}.mini-can:before{top:-3px}.mini-can:after{bottom:-3px}.mini-can span{z-index:1;text-shadow:0 2px 5px #0004}.card-bottom{position:absolute;bottom:18px;left:20px;right:20px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#657c72}.story{background:#142b2b;color:#edf5f3;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.story-image{height:460px;background:linear-gradient(145deg,#f8b27b,#f06a3c 55%,#d64e32);position:relative;overflow:hidden;display:grid;place-items:center}.sun-disc{width:270px;height:270px;border-radius:50%;background:linear-gradient(140deg,#ffe6b2,#f9a15e);box-shadow:0 30px 80px #8f351e55}.story-stamp{position:absolute;font-size:54px;line-height:.82;font-weight:800;letter-spacing:-5px;color:#fff;transform:rotate(-10deg);text-shadow:0 5px 20px #9b452b44}.story-side{position:absolute;bottom:18px;left:18px;font-size:8px;letter-spacing:2px;color:#fff}.story h2{font-size:clamp(40px,5vw,66px)}.story-copy>p:not(.eyebrow){max-width:390px;color:#aabdb5;font-size:13px;line-height:2;margin:30px 0}.text-link{display:inline-block;border-bottom:1px solid #9aafa5;padding:12px 0;font-size:11px;font-weight:800}.text-link span{margin-left:30px;color:#f06a3c}.ingredients{padding-bottom:100px}.ingredient-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ingredient-grid article{padding:30px 25px;border:1px solid #cbdad3;min-height:190px}.ingredient-grid article>span{font-size:25px;color:#f06a3c}.ingredient-grid h3{font-size:12px;letter-spacing:1px;margin:25px 0 10px}.ingredient-grid p{font-size:11px;line-height:1.8;color:#71857e}.disclaimer{font-size:9px;color:#8b9c95;margin-top:35px;line-height:1.7}.closing{padding:80px 8%;background:#d9e9dc;display:flex;align-items:center;justify-content:space-between}.closing p{font-size:clamp(45px,8vw,100px);font-weight:800;letter-spacing:-.08em;line-height:.9;margin:0}.light{background:#fff;color:#142b2b}footer{padding:27px 7%;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px;color:#74877f}footer>a:last-child{font-weight:800;color:#142b2b}
@media(max-width:700px){.topbar{height:65px;padding:0 6%}.topbar nav,.top-cta{display:none}.menu-toggle{display:block}.hero{height:auto;min-height:850px;max-height:none;grid-template-columns:1fr;padding:120px 7% 75px}.hero-copy{padding:0}.hero h1{font-size:clamp(60px,15vw,90px);margin:25px 0 16px}.hero-desc{font-size:12px}.hero-visual{min-height:390px;margin-top:10px}.hero-visual:before{width:320px;height:320px}.hero-visual:after{bottom:45px}.orbit-one{width:330px;height:120px}.orbit-two{width:300px;height:100px}#scene{min-height:390px}.label-top{top:22px}.label-bottom{bottom:20px}.float-chip{right:0}.hero-foot{bottom:20px}.section{padding:80px 7%}.section-head{display:block;margin-bottom:35px}.section-note{margin-top:22px}.flavor-layout,.story{grid-template-columns:1fr;gap:35px}.flavor-card{height:330px}.story-image{height:330px;order:2}.story-copy{order:1}.ingredient-grid{grid-template-columns:1fr}.ingredient-grid article{min-height:150px}.closing{padding:60px 7%;display:block}.closing .button{margin-top:30px}footer{gap:15px;flex-wrap:wrap}footer>span{order:3;width:100%}}