@font-face{font-family:Inter;src:url('assets/Inter-Regular.ttf')}@font-face{font-family:Inter;src:url('assets/Inter-ExtraBold.ttf');font-weight:800}@font-face{font-family:Inter;src:url('assets/Inter-SemiBold.ttf');font-weight:600}
*{box-sizing:border-box} :root{--ink:#4b1724;--accent:#f56b23;--paper:#f6e4c8;--ease:cubic-bezier(.2,.7,.2,1)}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--paper);min-width:320px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,.scene:focus-visible{outline:3px solid var(--ink);outline-offset:6px}a{color:inherit;text-decoration:none}.backgrounds{position:fixed;inset:0;z-index:-1}.wash{position:absolute;inset:0;opacity:0;transition:opacity 950ms var(--ease)}.wash.active{opacity:1}.wash.mango{background:radial-gradient(ellipse at 54% 54%,#ffd691 0%,#f5dfbf 58%,#f4e8d6 100%)}.wash.berry{background:radial-gradient(ellipse at 54% 54%,#f3abc3 0%,#f4d6df 58%,#f7e5e7 100%)}.wash.matcha{background:radial-gradient(ellipse at 54% 54%,#c5d7a2 0%,#e0e7ce 58%,#eef0e1 100%)}header{height:100px;padding:24px 4.2%;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:52px;line-height:1;font-weight:800;letter-spacing:-5px;position:relative}.wordmark span{font-size:12px;letter-spacing:0;vertical-align:top;margin-left:5px}.brand-line{font-size:10px;font-weight:600;letter-spacing:2.2px;margin-left:44px}.box-button{border:1px solid #4b172440;border-radius:100px;background:transparent;padding:12px 18px;display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:1px;font-weight:600}.box-button>span{font-size:11px}.box-button svg{height:18px;width:18px;fill:none;stroke:currentColor;stroke-width:1.5}.experience{height:calc(100svh - 150px);min-height:700px;max-height:1150px;position:relative;overflow:hidden}.edition{position:absolute;left:4.2%;top:35px;font-size:9px;letter-spacing:1.5px;font-weight:600;display:flex;align-items:center;gap:12px}.tiny-star{font-size:28px}.hero-copy{position:absolute;left:7.2%;top:17%;font-size:clamp(85px,10.2vw,180px);font-weight:800;letter-spacing:-.085em;line-height:.89;pointer-events:none;z-index:1}.line-three{color:transparent;-webkit-text-stroke:1.5px var(--ink)}.side-copy{position:absolute;right:6.4%;top:25%;width:190px;z-index:5}.eyebrow{font-size:9px;letter-spacing:1.5px;font-weight:600;line-height:1.6}.side-copy h1{font-size:35px;font-weight:600;letter-spacing:-1.8px;line-height:1.07;margin:20px 0 17px}.side-copy p{font-size:12px;line-height:1.6}.text-link{background:none;border:0;border-bottom:1px solid #4b17244a;padding:15px 0 10px;margin-top:9px;font-size:9px;font-weight:600;letter-spacing:1px;display:flex;gap:33px}.text-link span{font-size:18px}.scene{position:absolute;left:29%;top:0%;width:49%;height:78%;min-height:510px;z-index:3;cursor:grab;touch-action:pan-y}.scene:active{cursor:grabbing}.product-float{position:absolute;inset:0;animation:float 6s ease-in-out infinite}.product-tilt{position:absolute;inset:0;transition:transform 800ms var(--ease);transform:perspective(1000px) rotateY(var(--rx,0deg)) rotateX(var(--ry,0deg))}.product{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;opacity:0;transform:translateY(60px) rotate(9deg) scale(.88);transition:transform 1s var(--ease),opacity .5s ease;pointer-events:none;filter:drop-shadow(22px 30px 25px #49271c1b)}.product.active{opacity:1;transform:translateY(0) rotate(-5deg) scale(1.05)}.scene.changing .product.active{animation:product-pop 1.05s var(--ease)}.product-shadow{position:absolute;bottom:10%;left:24%;width:55%;height:6%;background:#6e362c30;filter:blur(18px);border-radius:50%;transform:rotate(-8deg);opacity:.4;animation:shadow-breathe 6s ease-in-out infinite}.orbit{position:absolute;width:81%;height:62%;border:1px solid #4b172417;left:6%;top:18%;border-radius:50%;transform:rotate(-25deg)}.orbit-two{transform:rotate(35deg);width:92%;height:43%;left:0;top:25%}.round-note{position:absolute;right:1%;top:15%;width:110px;height:110px;z-index:4}.round-note svg{width:100%;height:100%;animation:spin 28s linear infinite;fill:var(--ink);font-size:10.5px;letter-spacing:2.3px;font-weight:600}.round-note>span{position:absolute;inset:0;display:grid;place-items:center;font-size:46px}.product-hint{position:absolute;bottom:4%;left:40%;white-space:nowrap;font-size:8px;letter-spacing:1.3px;font-weight:600;display:flex;align-items:center;gap:10px}.product-hint>span{font-size:20px}.fruit{position:absolute;z-index:4;pointer-events:none;animation:fruit-float 7s ease-in-out infinite;filter:drop-shadow(12px 18px 12px #5c2c1e26);transition:opacity .3s,transform 1s var(--ease)}.fruit-one{width:118px;height:118px;top:20%;left:0;transform:rotate(-22deg)}.fruit-two{width:96px;height:96px;bottom:17%;right:6%;animation-delay:-3s;transform:rotate(26deg)}.fruit-three{width:65px;height:40px;top:14%;right:24%;animation-delay:-5s}.fruit svg{width:100%;height:100%;overflow:visible}.flavor-bottom{position:absolute;bottom:105px;left:6%;right:6%;z-index:7}.flavor-heading{display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:600;letter-spacing:1.4px;margin-bottom:16px}.flavor-position{letter-spacing:1px;opacity:.65}.flavor-position b{opacity:1}.flavor-selector{display:flex;width:620px;max-width:100%;gap:12px}.flavor-option{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#ffffff25;border:1px solid #4b172426;border-radius:12px;text-align:left;flex:1;min-width:0;transition:background .3s,transform .3s,border-color .3s}.flavor-option:hover{transform:translateY(-5px);background:#ffffff60}.flavor-option.active{border-color:var(--ink);background:#fff7}.flavor-option>span:not(.swatch){font-size:9px;line-height:1.4;font-weight:600;letter-spacing:.3px}.flavor-option small{font-size:8px;margin-left:auto;opacity:.5}.swatch{display:block;width:29px;height:29px;border-radius:50%;border:2px solid #fff9;box-shadow:inset -4px -5px 6px #0002;flex-shrink:0}.orange{background:#f78c2e}.pink{background:#df75a0}.green{background:#a6b56d}.hero-footer{height:72px;position:absolute;bottom:0;left:4.2%;right:4.2%;border-top:1px solid #4b17242b;display:flex;align-items:center;justify-content:space-between;gap:16px}.hero-footer>span{font-size:8px;letter-spacing:1px;font-weight:600}.add-button{background:var(--ink);border:0;color:var(--paper);font-size:10px;letter-spacing:1px;border-radius:100px;padding:16px 22px;display:flex;align-items:center;gap:40px;font-weight:600;transition:transform .2s}.add-button:hover{transform:translateY(-3px)}.add-button>span{font-size:20px;line-height:.6}.site-footer{height:50px;display:flex;justify-content:space-between;align-items:center;padding:0 4.2%;font-size:8px;letter-spacing:1px}.site-footer>a{border-bottom:1px solid #4b172440;padding-bottom:3px}.sound-toggle{border:0;background:none;font-size:8px;letter-spacing:1px;display:flex;align-items:center;gap:10px}.sound-toggle span{font-size:20px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:15px 25px;border-radius:30px;opacity:0;pointer-events:none;z-index:50;font-size:12px;transition:opacity .3s,transform .4s}.toast.visible{opacity:1;transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}dialog{border:0;padding:0;color:var(--ink);background:#fff7e9;border-radius:24px;max-width:920px;width:calc(100% - 40px);box-shadow:0 20px 100px #23141630}dialog::backdrop{background:#2a112657;backdrop-filter:blur(9px)}dialog[open]{animation:dialog-in .5s var(--ease)}#inside[open]{display:grid;grid-template-columns:1fr 1fr}.close-button{border:1px solid #4b172433;background:#ffffff80;border-radius:50%;width:36px;height:36px;font-size:15px;z-index:5}#inside>.close-button{position:absolute;right:18px;top:18px}.inside-art{min-height:540px;padding:44px;background:var(--accent);position:relative;overflow:hidden}.inside-word{font-size:70px;font-weight:800;line-height:.9;letter-spacing:-5px;color:var(--ink);opacity:.25}.small-label{position:absolute;bottom:30px;left:30px;font-size:8px;letter-spacing:1px;font-weight:600}.inside-info{padding:70px 38px 38px}.inside-info h2{font-size:44px;letter-spacing:-2.5px;line-height:1.02;font-weight:800;margin:20px 0}.inside-info>p{font-size:13px;line-height:1.65}.ingredients{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0}.ingredients span{border:1px solid #4b172433;border-radius:20px;padding:9px 11px;font-size:10px}.ingredient-note{opacity:.6;font-size:10px!important}.solid-button{border:0;background:var(--ink);color:#fff;padding:17px 20px;display:flex;justify-content:space-between;width:100%;font-size:10px;letter-spacing:1px;border-radius:30px;margin-top:24px}.inside-info>small{font-size:8px;line-height:1.6;opacity:.5;display:block;margin-top:15px}.scoop{position:absolute;left:10%;right:10%;top:45%;height:210px;transform:rotate(-12deg)}.scoop>div{position:absolute;width:170px;height:160px;border-radius:48% 52% 45% 55%;background:radial-gradient(ellipse at 35% 25%,#fff9,transparent 50%),repeating-radial-gradient(ellipse at 40% 40%,#ffffff0a 0px,#ffffff0a 4px,#0000000a 6px,#0000000a 8px),var(--accent);box-shadow:inset -20px -30px 24px #0002,inset 5px 10px 10px #fff4,10px 30px 25px #4b17242b}.scoop>div:nth-child(1){left:0;top:45px}.scoop>div:nth-child(2){right:0;top:30px}.scoop>div:nth-child(3){left:24%;top:-30px;transform:rotate(45deg)}#box{max-width:540px;padding:35px}.box-title{display:flex;justify-content:space-between;align-items:center}#box h2{font-size:42px;letter-spacing:-2.6px;line-height:1.05;margin:25px 0 10px}.box-note{font-size:13px}.box-row{display:grid;grid-template-columns:64px 1fr auto;align-items:center;border-top:1px solid #4b172422;padding:12px 0;gap:10px}.box-row img{width:64px;height:64px;object-fit:contain}.box-row strong{font-size:12px}.box-row small{display:block;margin-top:5px;opacity:.6;font-size:10px}.quantity{display:flex;gap:10px;align-items:center;font-size:12px}.quantity button{background:none;border:1px solid #4b172433;border-radius:50%;width:25px;height:25px}.box-total{display:flex;justify-content:space-between;margin:20px 0;font-size:11px;letter-spacing:1px}.box-total b{font-size:22px}.demo-disclaimer{font-size:9px;opacity:.6;line-height:1.5}.empty-box{padding:40px 0;font-size:14px;line-height:1.7;opacity:.7}.changing .fruit-one{animation:fruit-switch 1s var(--ease)}.changing .fruit-two{animation:fruit-switch 1.15s var(--ease)}.copy-in{animation:copy-in .65s var(--ease)}@keyframes float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-18px) rotate(1deg)}}@keyframes shadow-breathe{50%{transform:scale(.85) rotate(-8deg);opacity:.27}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fruit-float{50%{translate:0 -18px;rotate:8deg}}@keyframes fruit-switch{0%{opacity:0;transform:translateY(70px) rotate(-40deg) scale(.5)}100%{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@keyframes product-pop{0%{opacity:0;transform:translateY(70px) rotate(12deg) scale(.8)}100%{opacity:1;transform:translateY(0) rotate(-5deg) scale(1.05)}}@keyframes copy-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-in{from{opacity:0;transform:translateY(25px) scale(.96)}to{opacity:1;transform:none}}
@media(min-width:1800px){.hero-copy{left:12%;font-size:180px}.scene{left:31%;width:43%}.side-copy{right:10%}.flavor-bottom{left:12%;right:12%}}
@media(max-width:1100px){.hero-copy{left:5%;font-size:11vw;top:22%}.side-copy{right:4%;width:160px;top:26%}.side-copy h1{font-size:29px}.scene{left:24%;width:58%;top:3%}.round-note{right:9%;width:85px;height:85px;top:15%}.product-hint{left:37%}.fruit-one{width:85px;height:85px;left:5%}.fruit-two{width:72px;height:72px}.hero-footer>span:last-child{display:none}}
@media(max-width:700px){header{height:80px;padding:18px 6%}.wordmark{font-size:42px}.brand-line{display:none}.box-button{font-size:8px;padding:10px 14px}.experience{height:auto;min-height:950px;max-height:none}.edition{left:6%;top:5px;font-size:7px;gap:8px}.tiny-star{font-size:23px}.hero-copy{top:60px;left:6%;font-size:18vw;line-height:.88}.line-three{display:none}.side-copy{top:470px;left:7%;right:auto;width:auto}.side-copy h1{font-size:34px;margin:12px 0}.side-copy h1 br{display:none}.side-copy p{font-size:12px;margin-top:6px}.side-copy .text-link{position:absolute;left:calc(100vw - 190px);top:55px;white-space:nowrap;gap:12px}.eyebrow{font-size:8px}.scene{top:125px;left:6%;width:90%;height:400px;min-height:0}.product.active{transform:rotate(-6deg) scale(1.12)}.round-note{right:2%;top:4%;width:78px;height:78px}.round-note>span{font-size:32px}.product-hint{bottom:0%;left:37%;font-size:6px}.fruit-one{top:18%;left:0;width:73px;height:73px}.fruit-two{bottom:18%;right:0;width:64px;height:64px}.fruit-three{width:45px;height:30px;right:27%;top:4%}.orbit-one{top:15%}.flavor-bottom{bottom:115px;left:6%;right:6%}.flavor-selector{gap:7px}.flavor-option{padding:13px 9px;gap:7px;flex-wrap:wrap}.flavor-option .swatch{width:23px;height:23px}.flavor-option>span:not(.swatch){font-size:7px}.flavor-option small{display:none}.flavor-heading{font-size:8px}.hero-footer{height:88px;left:6%;right:6%}.hero-footer>span{font-size:7px;max-width:100px;line-height:1.7}.add-button{font-size:9px;padding:16px 19px;gap:28px}.site-footer{height:60px;padding:0 6%;font-size:6px}.site-footer>span{display:none}.sound-toggle{font-size:7px}#inside[open]{grid-template-columns:1fr;max-height:90svh;overflow:auto}.inside-art{min-height:260px;padding:27px}.inside-word{font-size:53px;letter-spacing:-4px}.scoop{top:28%;left:44%;right:4%;height:180px}.scoop>div{width:105px;height:100px}.small-label{bottom:20px;left:27px;font-size:7px}.inside-info{padding:30px}.inside-info h2{font-size:38px}#inside>.close-button{position:fixed}#box{padding:25px}#box h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.product-tilt{transform:none!important}.product.active{transform:rotate(-5deg) scale(1.05)}}
@media(min-width:701px) and (max-height:850px){header{height:85px;padding-top:18px;padding-bottom:18px}.experience{height:calc(100svh - 126px);min-height:560px}.scene{top:-5%;height:83%;min-height:0}.hero-copy{top:18%;font-size:10vw}.edition{top:16px}.flavor-bottom{bottom:87px}.flavor-selector{width:570px}.hero-footer{height:64px}.site-footer{height:40px}.product-hint{bottom:0%;font-size:7px}.round-note{top:13%;right:0%}.side-copy{top:22%}.flavor-option{padding-top:11px;padding-bottom:11px}}
@media(min-width:701px) and (max-height:850px){.hero-copy{top:16%;font-size:9.4vw}}

.initializing *{transition:none!important;animation:none!important}
@media(max-width:700px){.side-copy{top:540px}.side-copy h1{font-size:32px}.side-copy .text-link{top:56px}.hero-copy{z-index:4;pointer-events:none}}

.fruit img{width:100%;height:100%;object-fit:contain}.fruit-one{width:150px;height:150px;left:-4%;top:17%}.fruit-two{width:115px;height:115px;right:0;bottom:18%;transform:rotate(25deg)}@media(max-width:700px){.fruit-one{width:100px;height:100px;left:-4%;top:16%}.fruit-two{width:85px;height:85px;right:-2%;bottom:10%}}