/* KNASHI v2 — original product photography, choreographed in 3D space. */
.announcement{display:none}.capsule-header{position:relative;top:0;padding:20px 34px 12px;background:transparent;border:0;gap:20px;min-height:112px}.capsule-header>.brand{background:#fffaf1;border:1px solid #163c2712;border-radius:22px;width:150px;height:75px;justify-content:center;padding:7px 12px}.capsule-header>.brand img{width:127px;height:45px}.capsule-header>.brand span{font-size:7px}.capsule-header .desktop-nav{border:1px solid #163c2740;border-radius:80px;padding:5px;gap:2px;background:#ffffff50;backdrop-filter:blur(12px)}.capsule-header .desktop-nav a{font-size:11px;min-width:96px;padding:15px 21px;border-radius:60px;text-align:center;transition:background .25s}.capsule-header .desktop-nav a:after{display:none}.capsule-header .desktop-nav a[aria-current],.capsule-header .desktop-nav a:hover{background:#163c2714}.capsule-header .header-actions{gap:12px}.capsule-header .header-actions>.button{background:#163c27;color:#f5f1e7;min-height:48px;padding-inline:24px}.shop-bag{height:48px;width:48px;border:1px solid #163c2745;border-radius:50%;display:flex;align-items:center;justify-content:center}.shop-bag:hover{background:#d8eaa2}.capsule-header .mobile-nav{top:100%;left:20px;right:20px;border:1px solid #163c2720;border-radius:18px;box-shadow:0 20px 30px #163c2710}.photo-model{position:relative;overflow:visible;perspective:1300px}.photo-can{position:absolute;height:78%;max-height:560px;width:auto;aspect-ratio:330/800;left:50%;top:50%;transform:translate(-50%,-50%) rotateZ(-8deg) rotateY(var(--photo-y,0deg)) rotateX(2deg);transform-style:preserve-3d;transition:transform .9s cubic-bezier(.2,.7,.2,1);z-index:2}.photo-can>img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(14px 23px 15px #163c272c);backface-visibility:visible}.photo-ground-shadow{position:absolute;width:45%;height:20px;left:27%;bottom:10%;border-radius:50%;background:#163c2720;filter:blur(15px);transform:rotate(-8deg);z-index:0}.home-hero{padding-top:55px;min-height:820px}.hero-art{min-height:700px}.hero-halo{top:27%;width:490px;height:490px}.hero-word{top:26%}.hero-pour-scene{position:absolute;inset:0;perspective:1400px;isolation:isolate}.hero-can{position:absolute;inset:0}.hero-can .photo-can{height:57.15%;max-height:none;left:56%;top:71%;transform:translate(-50%,-50%) rotateZ(-4deg) rotateY(-7deg);width:auto}.hero-can .photo-ground-shadow{bottom:0;left:36%;width:42%}.hero-coconut{position:absolute;width:42%;height:auto;left:31%;top:14.5%;transform:translate(-50%,-50%) rotate(55deg) rotateY(-12deg);filter:drop-shadow(12px 20px 12px #163c2728);z-index:4;pointer-events:none;transform-origin:50% 50%}.hero-water{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:1;pointer-events:none}.hero-water .water-ribbon{stroke:url(#hero-liquid);stroke-width:13;fill:none;stroke-linecap:round;opacity:0}.hero-water .water-glint{stroke:#fff;stroke-width:2;fill:none;opacity:0;stroke-dasharray:12 22}.hero-splash{fill:none;stroke:#f4ffff;stroke-width:2;opacity:0}.pour-active .hero-coconut{animation:coconut-pour 8s cubic-bezier(.3,.1,.25,1) infinite}.pour-active .water-ribbon{animation:hero-stream 8s infinite}.pour-active .water-glint{animation:hero-stream 8s infinite,water-shimmer .7s linear infinite}.pour-active .hero-splash{animation:hero-stream 8s infinite,splash-pulse .6s ease-in-out infinite}.pour-active .hero-can .photo-can{animation:can-receives 8s ease-in-out infinite}.ingredient-seal{width:115px;height:115px;right:-8px;top:60px}.floating-note{font-size:20px;right:-12px;bottom:54px}.hero-baseline{bottom:-34px}.pour-replay{position:absolute;z-index:6;bottom:-3px;left:46%;font-size:10px;border:0;border-bottom:1px solid #163c2740;padding:4px 0;background:none}.hero-actions{position:relative;z-index:5}
@keyframes coconut-pour{0%,10%,100%{transform:translate(-50%,-50%) rotate(55deg) rotateY(-12deg)}24%,75%{transform:translate(-50%,-50%) rotate(75deg) rotateY(-6deg)}}@keyframes hero-stream{0%,20%,83%,100%{opacity:0}27%,74%{opacity:.93}}@keyframes can-receives{0%,20%,80%,100%{transform:translate(-50%,-50%) rotateZ(-4deg) rotateY(-7deg)}40%,65%{transform:translate(-50%,-50%) rotateZ(-2deg) rotateY(3deg)}}@keyframes water-shimmer{to{stroke-dashoffset:-34}}@keyframes splash-pulse{50%{stroke-width:4;transform:translateY(-1px)}}
.anatomy-grid{min-height:700px;grid-template-columns:1fr 1.5fr 1fr;gap:50px 45px}.anatomy-model{min-height:590px}.glass-pour-scene{position:absolute;width:500px;height:580px;left:50%;top:50%;transform:translate(-50%,-50%);perspective:1400px}.pouring-can-photo{position:absolute;left:70px;top:5px;height:310px;width:128px;z-index:3;transform:rotateZ(-7deg) rotateY(-10deg);transform-style:preserve-3d;transform-origin:50% 50%}.pouring-can-photo img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(12px 20px 10px #0004)}.glass-water{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.glass-water path{fill:none;stroke:url(#glass-liquid);stroke-width:12;stroke-linecap:round;opacity:0}.glass-water ellipse{fill:none;stroke:#f9ffff;stroke-width:2;opacity:0}.drinking-glass{position:absolute;width:135px;height:225px;left:260px;top:290px;border:2px solid #f6ffff9c;border-top:0;border-radius:0 0 25px 25px;background:linear-gradient(90deg,#f2ffff14,#ffffff04 25%,#fff1 70%,#e8ffff36);box-shadow:inset 8px 0 15px #fff1,inset -5px 0 9px #e1ffff18,9px 22px 15px #0003;overflow:visible;transform:perspective(800px) rotateY(-7deg);z-index:4}.glass-rim{position:absolute;top:-7px;left:-2px;width:135px;height:15px;border:2px solid #f8ffffce;border-radius:50%;background:linear-gradient(#ffffff20,#ffffff04);z-index:4}.glass-fill{position:absolute;bottom:8px;left:5px;right:5px;height:158px;border-radius:0 0 18px 18px;background:linear-gradient(90deg,#d7e2c865,#f1f0d5a6 55%,#d0d8b97a);transform-origin:bottom;transform:scaleY(.03);overflow:visible}.liquid-surface{position:absolute;left:0;top:-7px;width:100%;height:14px;background:#eeefd8b3;border:1px solid #f8ffffa0;border-radius:50%}.glass-fill i{position:absolute;width:4px;height:4px;border:1px solid #fff9;border-radius:50%;left:25%;top:50%}.glass-fill i:nth-child(2){left:65%;top:27%;width:3px;height:3px}.glass-fill i:nth-child(3){left:40%;top:75%}.glass-highlight{position:absolute;top:12px;bottom:18px;left:11px;width:5px;background:linear-gradient(#fff6,#fff1);border-radius:6px}.glass-base{position:absolute;height:12px;bottom:-1px;left:2px;right:2px;border-radius:0 0 24px 24px;border-bottom:4px solid #efffff80}.glass-scene-caption{position:absolute;bottom:4px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:.13em;color:#bcae98}.glass-replay{position:absolute;right:47px;bottom:27px;color:#e7dece;border:0;border-bottom:1px solid #c2b19970;font-size:10px;padding:6px 0}.pour-playing .pouring-can-photo{animation:glass-can-pour 7s cubic-bezier(.35,.15,.25,1) both}.pour-playing .glass-water path,.pour-playing .glass-water ellipse{animation:glass-stream 7s both}.pour-playing .glass-fill{animation:fill-glass 7s ease-in-out both}.pour-complete .glass-fill{transform:scaleY(1)}
@keyframes glass-can-pour{0%,10%{transform:rotateZ(-7deg) rotateY(-10deg)}28%,72%{transform:rotateZ(105deg) rotateY(-8deg)}92%,100%{transform:rotateZ(-7deg) rotateY(-10deg)}}@keyframes glass-stream{0%,23%,78%,100%{opacity:0}30%,70%{opacity:.95}}@keyframes fill-glass{0%,24%{transform:scaleY(.03)}75%,100%{transform:scaleY(1)}}
.coconut-lens-section{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:60px 60px 60px 0;margin-top:10px;margin-bottom:40px;min-height:550px;border-top:1px solid #163c2725;border-bottom:1px solid #163c2725}.lens-copy h2{font-size:clamp(45px,5vw,73px);margin:24px 0}.lens-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;margin-bottom:27px}.lens-instruction{display:block;font-size:8px;letter-spacing:.14em;margin-top:30px}.dither-lens{position:relative;width:100%;max-width:500px;height:460px;justify-self:end;border-radius:50%;background:#e3e8d1;isolation:isolate;cursor:crosshair;overflow:hidden}.dither-lens>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:15px;filter:drop-shadow(15px 20px 12px #1c372327)}.dither-lens>canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.lens-ring{position:absolute;width:145px;height:145px;border:1px solid #163c2755;border-radius:50%;left:50%;top:45%;transform:translate(-50%,-50%);z-index:3;pointer-events:none;box-shadow:0 0 0 5px #f5f1e733}.lens-ring:after{content:'+';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:16px;color:#163c2770}.coconut-lens-section .button{font-size:12px}
.faq-deck{padding-top:55px;padding-bottom:90px}.deck-heading{display:flex;justify-content:space-between;align-items:center;gap:30px}.deck-heading h2{margin-top:20px}.deck-arrows{display:flex;gap:10px}.deck-arrows .circle-button{background:#163c27;color:#f5f1e7;border:0}.deck-arrows .circle-button:hover{background:#466743}.deck-stage{position:relative;height:570px;margin-top:45px;perspective:1500px;touch-action:pan-y;outline-offset:-3px;overflow:visible}.deck-track{position:relative;transform-style:preserve-3d;height:100%;max-width:1600px;margin:auto}.faq-card{position:absolute;left:50%;top:20px;width:430px;height:480px;border-radius:5px;background:var(--card-colour);padding:30px 32px;box-shadow:0 20px 25px #163c2710;display:flex;flex-direction:column;transform-origin:50% 100%;transition:transform .75s cubic-bezier(.23,.7,.2,1),opacity .5s,visibility .5s;visibility:hidden;border:1px solid #163c2710;backface-visibility:hidden}.faq-card:first-child{visibility:visible;transform:translateX(-50%)}.faq-card.in-deck{visibility:visible}.faq-card-top,.faq-card-foot{display:flex;justify-content:space-between;font-size:8px;font-weight:600;letter-spacing:.08em}.faq-card h3{font-family:DM,Arial,sans-serif;font-size:27px;font-weight:500;letter-spacing:-.035em;line-height:1.15;margin:30px 0 20px}.faq-card>p{font-size:13px;line-height:1.8;color:#31442f}.faq-card-foot{border-top:1px solid #163c2730;margin-top:auto;padding-top:18px}.deck-bottom{display:flex;align-items:center;gap:24px;font-size:10px}.deck-count{font-size:9px;letter-spacing:.08em}.deck-dots{display:flex;gap:7px}.deck-dots button{width:7px;height:7px;min-width:7px;min-height:7px;border-radius:50%;background:#163c2730;padding:0;border:0;position:relative}.deck-dots button:before{content:'';position:absolute;inset:-10px}.deck-dots button[aria-pressed=true]{background:#163c27;width:22px;border-radius:6px}.deck-all{margin-left:auto;font-size:11px}.faq-deck.show-all .deck-stage{height:auto;margin-inline:auto;width:min(1440px,calc(100% - 112px))}.faq-deck.show-all .deck-track{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;transform:none}.faq-deck.show-all .faq-card{position:relative;left:auto;top:auto;width:100%;height:auto;min-height:480px;visibility:visible;opacity:1!important;transform:none!important}.faq-deck.show-all .faq-card-foot{margin-top:25px}.faq-deck.show-all .deck-bottom{margin-top:30px}.faq-deck.show-all .deck-dots,.faq-deck.show-all .deck-arrows{visibility:hidden}
.sushi-assembly{width:62%;right:-30px;top:15px;height:660px;perspective:1600px}.plate-world{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(13deg) rotateZ(-10deg);filter:drop-shadow(25px 35px 20px #0006)}.sprite{background-image:url('/assets/sushi-components.webp');background-size:300% 300%;background-position:var(--sprite-x) var(--sprite-y);background-repeat:no-repeat}.sushi-plate{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;transform:translateZ(0)}.sushi-piece{position:absolute;width:23%;aspect-ratio:1;left:var(--piece-x);top:var(--piece-y);transform:translate(-50%,-50%) rotate(var(--piece-r)) translateZ(10px);filter:drop-shadow(2px 4px 2px #3c261642)}.piece-9,.piece-10{width:13%}.sushi-impact-can{position:absolute;right:3%;bottom:0;width:145px;height:auto;z-index:8;transform:rotate(11deg) rotateY(-8deg);filter:drop-shadow(13px 17px 12px #0006);animation:none;transform-origin:50% 90%}.sushi-assembly .glass-label{right:0;top:9%;width:160px;z-index:9}.sushi-replay{position:absolute;left:35%;bottom:-2px;z-index:10;color:#f5f1e7;border:0;border-bottom:1px solid #f5f1e766;padding:5px 0;font-size:10px}.impact-ring{position:absolute;width:130px;height:28px;right:0;bottom:-5px;border:2px solid #b7d495;border-radius:50%;transform:scale(0);opacity:0}.sushi-playing .plate-world{animation:plate-drop .85s cubic-bezier(.18,.8,.3,1.12) both,plate-impact .5s 3.5s both}.sushi-playing .sushi-piece{animation:sushi-drop .75s var(--drop-delay) cubic-bezier(.22,.75,.24,1.1) both}.sushi-playing .sushi-impact-can{animation:can-impact 1.05s 2.9s cubic-bezier(.25,.8,.25,1) both}.sushi-playing .impact-ring{animation:impact-pulse .8s 3.5s both}@keyframes plate-drop{0%{opacity:0;transform:translateY(-650px) rotateX(50deg) rotateZ(-30deg) scale(.7)}70%{opacity:1;transform:translateY(15px) rotateX(10deg) rotateZ(-9deg) scale(1.02)}100%{opacity:1;transform:rotateX(13deg) rotateZ(-10deg)}}@keyframes sushi-drop{0%{opacity:0;transform:translate(-50%,calc(-50% - 450px)) rotate(calc(var(--piece-r) + 35deg)) translateZ(200px) scale(1.3)}70%{opacity:1;transform:translate(-50%,calc(-50% + 5px)) rotate(calc(var(--piece-r) - 3deg)) translateZ(10px) scale(.97)}100%{opacity:1;transform:translate(-50%,-50%) rotate(var(--piece-r)) translateZ(10px) scale(1)}}@keyframes can-impact{0%{opacity:0;transform:translate(150px,-650px) rotate(-35deg) scale(1.1)}58%{opacity:1;transform:translate(-12px,12px) rotate(17deg)}76%{transform:translate(4px,-8px) rotate(7deg)}100%{opacity:1;transform:rotate(11deg) rotateY(-8deg)}}@keyframes plate-impact{0%,100%{transform:rotateX(13deg) rotateZ(-10deg)}30%{transform:translateY(7px) rotateX(13deg) rotateZ(-8deg)}65%{transform:translateY(-3px) rotateX(13deg) rotateZ(-11deg)}}@keyframes impact-pulse{0%{opacity:0;transform:scale(.3)}20%{opacity:.8}100%{opacity:0;transform:scale(1.7)}}
.authentic-box-stage{height:680px;perspective:1600px;isolation:isolate;overflow:hidden}.carton-interactive{position:absolute;inset:0 0 60px;width:100%;border:0;padding:0;perspective:1600px;isolation:isolate;background:transparent;border-radius:18px;cursor:pointer;overflow:hidden}.carton-closed-photo{position:absolute;width:140%;max-width:none;height:auto;left:-21%;top:-7%;mix-blend-mode:multiply;transition:opacity .45s,transform .65s;pointer-events:none}.carton-interactive:hover .carton-closed-photo{transform:translateY(-7px)}.carton-world{position:absolute;inset:0;opacity:0;transition:opacity .45s;perspective:1600px;transform-style:preserve-3d;pointer-events:none}.carton-assembly{position:absolute;left:50%;top:67%;width:360px;height:245px;transform:translate(-50%,-50%) rotateX(-32deg) rotateY(24deg);transform-style:preserve-3d;transition:transform .8s}.carton-front{position:absolute;inset:0;transform:translateZ(120px);background:#e5dfd2 url('/assets/original-coconut-case.webp') 60% 78%/200% 200%;border:1px solid #cac3b0;backface-visibility:hidden}.carton-left,.carton-right{position:absolute;width:240px;height:245px;left:60px;top:0;background:#ded8c8;border:1px solid #cfc7b5;backface-visibility:visible}.carton-left{transform:rotateY(-90deg) translateZ(180px);background:#d4cdbd url('/assets/original-coconut-case.webp') 23% 76%/1300% 200%}.carton-right{transform:rotateY(90deg) translateZ(180px)}.carton-back{position:absolute;inset:0;background:#ddd6c3;transform:translateZ(-120px);border:1px solid #cac2ac}.carton-floor{position:absolute;width:360px;height:240px;top:125px;background:#a69a78;transform:rotateX(90deg) translateZ(0);border:1px solid #b3a88b}.carton-lid{position:absolute;width:360px;height:240px;left:0;top:-120px;transform:translateZ(-120px) translateY(120px) rotateX(90deg);transform-origin:50% 0;transform-style:preserve-3d;background:#e4ddcb;border:1px solid #beb59c;transition:transform .9s cubic-bezier(.2,.7,.2,1);backface-visibility:visible}.carton-lid:before{content:'';position:absolute;inset:15px;border:1px solid #c0b69c55}.carton-lid span{position:absolute;left:0;right:0;top:45%;font-family:Poetsen,sans-serif;font-size:18px;color:#776b4f;transform:rotate(180deg)}.carton-lid span:after{content:'KNASHI · PERFECT ANYTIME'}.carton-contents{position:absolute;inset:0;transform-style:preserve-3d}.carton-can{position:absolute;left:calc(50% - 31px);top:0;width:62px;height:175px;transform:translate3d(calc((var(--col) - 1.5)*84px),18px,calc((var(--row) - 1)*80px));transform-style:preserve-3d;transition:transform .9s .35s cubic-bezier(.25,.7,.2,1);backface-visibility:visible}.carton-can>img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;transform:translateZ(1px);filter:drop-shadow(1px 3px 1px #0002)}.carton-can-top{position:absolute;width:62px;height:62px;left:0;top:-25px;border-radius:50%;background:radial-gradient(ellipse at 45% 45%,#d6d9d1 0 48%,#8d958a 50% 55%,#e4e8df 58% 66%,#92998e 70%);border:1px solid #c4cabd;transform:rotateX(90deg);transform-style:preserve-3d}.carton-can-top:after{content:'';position:absolute;width:18px;height:9px;left:20px;top:23px;border:2px solid #a2ab9c;border-radius:50%;background:#727c6b}.carton-interactive.is-open .carton-closed-photo{opacity:0;transform:translateY(0)}.carton-interactive.is-open .carton-world{opacity:1}.carton-interactive.is-open .carton-lid{transform:translateZ(-120px) translateY(120px) rotateX(208deg)}.carton-interactive.is-open .carton-can-5{transform:translate3d(calc((var(--col) - 1.5)*84px),-250px,calc((var(--row) - 1)*80px)) rotateZ(-7deg);transition-delay:1s}.carton-interactive.is-open .carton-can-5 .carton-can-top{opacity:0;transition:opacity .3s 1.1s}.authentic-box-stage .box-toggle{bottom:28px}.authentic-box-stage .box-hint{bottom:1px}.story-model .photo-can{height:72%;max-height:550px;transform:translate(-50%,-50%) rotateZ(var(--story-z,0deg)) rotateY(var(--story-y,0deg)) scale(var(--story-scale,1))}.story-model .photo-ground-shadow{bottom:15%;transform:scale(var(--story-scale,1));opacity:.5}.about-photo img{height:520px}
@media(max-width:1150px){.capsule-header{padding-inline:28px}.capsule-header .desktop-nav a{padding:13px 16px;min-width:85px}.capsule-header>.brand{width:135px}.hero-art{min-height:650px}.hero-halo{width:95%;height:auto;aspect-ratio:1;top:29%}.hero-can .photo-can{height:57.15%}.ingredient-seal{width:93px;height:93px;right:-10px;top:60px}.ingredient-seal strong{font-size:18px}.ingredient-seal span{font-size:6px}.floating-note{font-size:17px}.glass-pour-scene{scale:.85}.anatomy-grid{grid-template-columns:1fr 1.4fr 1fr;gap:40px 35px}.coconut-lens-section{padding-right:20px;gap:35px}.dither-lens{height:400px}.faq-card{width:400px;height:495px}.sushi-assembly{width:64%;right:-50px;height:610px;top:35px}.sushi-impact-can{width:130px}.carton-assembly{scale:.88}.carton-closed-photo{top:0}.authentic-box-stage{height:650px}.carton-interactive{inset:0 -50px 60px;width:calc(100% + 100px)}}
@media(max-width:900px){.capsule-header .menu-toggle{display:flex;border:1px solid #163c2730;border-radius:50%;background:#ffffff40;width:46px;height:46px}.capsule-header .desktop-nav{display:none}.capsule-header>.brand{height:65px}.home-hero{min-height:720px}.hero-art{min-height:590px}.hero-coconut{width:45%;left:29%;top:15%}.hero-can .photo-can{height:56%;top:70%}.hero-halo{top:31%}.ingredient-seal{right:-17px;top:55px;width:80px;height:80px}.floating-note{font-size:15px;bottom:55px}.anatomy-grid{grid-template-columns:1fr 1fr;min-height:1100px;padding-top:610px;gap:40px}.anatomy-model{position:absolute;top:0;height:610px;left:0;width:100%;min-height:0}.glass-pour-scene{scale:1}.coconut-lens-section{gap:20px;padding-right:0;min-height:460px}.lens-copy h2{font-size:47px}.dither-lens{height:360px}.lens-copy>p:not(.eyebrow){font-size:13px}.faq-deck.show-all .deck-track{grid-template-columns:repeat(2,1fr)}.sushi-assembly{width:68%;right:-80px;top:100px;height:540px}.sushi-impact-can{width:110px;bottom:15px;right:9%}.sushi-assembly .glass-label{right:8%;top:10%;width:130px}.sushi-replay{font-size:8px;left:25%;bottom:0}.carton-assembly{scale:.78}.carton-interactive{inset:0 -90px 60px;width:calc(100% + 180px)}.carton-closed-photo{width:140%;top:5%}.authentic-box-stage{height:620px}}
@media(max-width:600px){.capsule-header{padding:12px 18px 8px;min-height:90px;gap:10px}.capsule-header>.brand{width:112px;height:62px;border-radius:17px;padding:7px}.capsule-header>.brand img{width:98px;height:36px}.capsule-header>.brand span{font-size:6px}.shop-bag{display:none}.capsule-header .header-actions{gap:8px}.capsule-header .header-actions>.button{font-size:10px;min-height:40px;padding:10px 16px;gap:12px}.capsule-header .menu-toggle{width:40px;height:40px}.home-hero{padding-top:30px;min-height:0;padding-bottom:35px}.hero-copy h1{font-size:clamp(54px,16.3vw,76px);margin-top:19px}.hero-copy>p:not(.eyebrow){max-width:100%;font-size:13px}.hero-actions{margin-top:23px;gap:17px}.hero-art{min-height:0;height:540px;margin-top:18px}.hero-pour-scene{inset:0 -10px}.hero-coconut{width:43%;left:31%;top:14.5%}.hero-can .photo-can{height:57.15%;left:56%;top:71%}.hero-halo{width:90%;max-width:340px;top:32%;left:5%}.hero-word{top:30%;font-size:110px}.hero-water .water-ribbon{stroke-width:11}.ingredient-seal{top:24px;right:-1px;width:81px;height:81px}.ingredient-seal strong{font-size:17px}.ingredient-seal span{font-size:6px}.floating-note{font-size:15px;bottom:43px;right:-4px}.pour-replay{font-size:8px;bottom:-2px;left:40%}.hero-baseline{bottom:-29px}.anatomy-grid{min-height:1080px;padding-top:590px;gap:40px 25px}.anatomy-model{height:580px}.glass-pour-scene{scale:.71;transform:translate(-70.42%,-70.42%);transform-origin:0 0;top:50%;left:50%}.glass-replay{font-size:13px}.glass-scene-caption{font-size:9px}.coconut-lens-section{grid-template-columns:1fr;gap:30px;padding:55px 0 35px;min-height:0;margin-bottom:0}.lens-copy h2{font-size:43px;margin:22px 0}.lens-copy>p:not(.eyebrow){font-size:13px;margin-bottom:22px}.lens-instruction{font-size:7px;margin-top:22px}.dither-lens{height:320px;max-width:340px;justify-self:center}.dither-lens>img{padding:10px}.lens-ring{width:115px;height:115px}.faq-deck{padding-top:40px;padding-bottom:65px}.deck-heading{align-items:end;gap:15px}.deck-heading h2{font-size:39px;margin-top:18px}.deck-arrows{gap:7px}.deck-arrows .circle-button{width:36px;height:36px}.deck-stage{height:590px;margin-top:28px}.faq-card{width:280px;height:535px;padding:25px 23px;top:15px}.faq-card h3{font-size:25px;line-height:1.17;margin:27px 0 19px}.faq-card>p{font-size:12px;line-height:1.85}.faq-card-top,.faq-card-foot{font-size:7px}.faq-card-foot{padding-top:15px}.deck-bottom{gap:15px}.deck-count{font-size:8px}.deck-all{font-size:9px}.deck-dots{gap:6px}.deck-dots button{width:5px;height:5px;min-width:5px;min-height:5px}.faq-deck.show-all .deck-stage{width:calc(100% - 40px)}.faq-deck.show-all .deck-track{grid-template-columns:1fr;gap:20px}.faq-deck.show-all .faq-card{min-height:0;height:auto;padding:27px}.sushi-assembly{width:116%;height:400px;top:445px;right:-38px}.plate-world{inset:0;transform:rotateX(13deg) rotateZ(-10deg)}.sushi-impact-can{width:83px;bottom:-5px;right:11%}.sushi-assembly .glass-label{width:120px;right:11%;top:7%;padding:13px}.sushi-assembly .glass-label strong{font-size:25px}.sushi-replay{left:21%;font-size:8px;bottom:-30px}.impact-ring{width:80px;right:10%;bottom:-8px}.pairing-hero>.wrap{min-height:970px}.pairing-hero h1{font-size:clamp(54px,14.6vw,79px);line-height:1.02}.pairing-hero-copy>p:not(.eyebrow){font-size:12px}.hero-bottom{bottom:20px}.contact-hero{padding-top:27px}.contact-hero h1{font-size:clamp(62px,18vw,80px)}.authentic-box-stage{height:545px;margin-top:10px;width:calc(100% + 20px);margin-left:-10px}.carton-interactive{inset:0 0 58px;width:100%;height:auto;border-radius:0}.carton-closed-photo{width:155%;left:-28%;top:5%}.carton-assembly{scale:.64;top:68%;transform-origin:50% 50%}.carton-interactive.is-open .carton-can-5{transform:translate3d(calc((var(--col) - 1.5)*84px),-235px,calc((var(--row) - 1)*80px)) rotateZ(-7deg)}.authentic-box-stage .box-toggle{bottom:32px;min-height:46px;font-size:12px}.authentic-box-stage .box-hint{bottom:5px;font-size:8px}.story-model .photo-can{height:75%;max-height:none}.story-model .photo-ground-shadow{bottom:11%;height:10px;width:28%;left:36%}.about-photo img{height:340px}.page-about .story-sticky{background:linear-gradient(#f5f1e7 75%,#f5f1e7e6 93%,transparent)}}
@media(prefers-reduced-motion:reduce){.pour-active .hero-coconut{transform:translate(-50%,-50%) rotate(75deg)}.hero-water .water-ribbon,.hero-water .water-glint,.hero-splash{opacity:.85}.glass-water path,.glass-water ellipse{opacity:.9}.pouring-can-photo{transform:rotateZ(105deg) rotateY(-8deg)}.glass-fill{transform:scaleY(1)}.sushi-plate,.sushi-piece,.sushi-impact-can{opacity:1}.plate-world{transform:rotateX(13deg) rotateZ(-10deg)}.faq-card,.carton-lid,.carton-can,.carton-world,.carton-closed-photo{transition:none!important}}
.authentic-box-stage{background:#f5f1e7}.carton-interactive{mix-blend-mode:multiply}.hero-water .water-ribbon{filter:drop-shadow(1px 0 0 #5d866a60)}.hero-water .water-glint{stroke:#fffdf0}
html{scroll-behavior:auto}.sushi-assembly{right:0;width:60%}.sushi-impact-can{right:2%}
@media(max-width:1150px){.sushi-assembly{right:-10px;width:64%}.sushi-impact-can{right:7%}}
@media(max-width:900px){.sushi-assembly{right:-40px;width:68%}.sushi-impact-can{right:13%}}
@media(max-width:600px){.sushi-assembly{right:-22px;width:110%}.sushi-impact-can{right:12%}}
.deck-track{transform-style:flat}.faq-card{transform-style:flat}
.carton-assembly{scale:1;--carton-scale:1;transform:translate(-50%,-50%) rotateX(-32deg) rotateY(24deg) scale(var(--carton-scale))}.carton-lid span:after{content:''}.glass-water path{stroke-width:8}
@media(max-width:1150px){.carton-assembly{scale:1;--carton-scale:.88}}
@media(max-width:900px){.carton-assembly{scale:1;--carton-scale:.78}}
@media(max-width:600px){.carton-assembly{scale:1;--carton-scale:.64}}
/* Photographic hero: real refraction detail, restrained studio styling. */
.page-home .hero-halo,.page-home .hero-word{display:none}.hero-art:before{content:'';position:absolute;inset:13% -4% 3%;background:radial-gradient(ellipse at 58% 57%,#dedfd252,transparent 66%);pointer-events:none}.hero-pour-scene{perspective:none;overflow:visible}.physical-pour-stage{position:absolute;left:50%;top:50%;width:500px;height:700px;transform:translate(-50%,-50%) scale(var(--physical-scale,1));transform-origin:50% 50%;isolation:isolate}.photographic-pour{position:absolute;width:340px;height:340px;left:-3px;top:-7px;z-index:2}.pour-photograph,.photographic-water-motion{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.photographic-water-motion{opacity:0;pointer-events:none;filter:none!important}.photographic-pour.rendered .photographic-water-motion{opacity:1}.photographic-pour.rendered .pour-photograph{opacity:0}.physical-pour-stage .hero-can{position:absolute;inset:0;perspective:none;z-index:3}.physical-pour-stage .hero-can .photo-can,.pour-active .physical-pour-stage .hero-can .photo-can{height:400px;width:165px;left:300px;top:500px;max-height:none;animation:none!important;transform:translate(-50%,-50%) rotate(-1deg);transition:none}.physical-pour-stage .hero-can .photo-can>img{filter:drop-shadow(10px 15px 10px #16241c22);object-fit:contain}.physical-pour-stage .hero-can .photo-ground-shadow{left:215px;bottom:0;width:185px;height:15px;transform:rotate(-1deg);background:#25352b1c;filter:blur(12px);opacity:.65}.hero-pour-scene .pour-replay{bottom:-4px;left:47%;font-size:10px}.page-home .ingredient-seal{background:#f7f4ecbb;border-color:#61745c40;transform:rotate(8deg)}.page-home .floating-note{font-size:18px;bottom:65px;right:-6px}
@media(max-width:900px){.page-home .floating-note{font-size:15px;bottom:55px}.hero-pour-scene .pour-replay{left:44%}}
@media(max-width:600px){.hero-art{height:500px}.hero-pour-scene{inset:0 -10px}.page-home .floating-note{font-size:14px;bottom:45px;right:0}.page-home .ingredient-seal{top:30px;right:-1px;width:78px;height:78px}.hero-pour-scene .pour-replay{font-size:8px;bottom:0;left:43%}.hero-art:before{inset:15% -3% 5%}}