/* Real KNASHI food and packaging photographs in continuous spatial scenes. */
.photographic-glass-scene{perspective:1300px}.real-glass-stream{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;filter:none}.real-tumbler{position:absolute;width:200px;height:240px;left:222px;top:270px;z-index:4;isolation:isolate;filter:drop-shadow(8px 14px 8px #0003)}.glass-sprite{overflow:hidden;width:100%;height:100%;display:block;pointer-events:none}.tumbler-empty{position:absolute;inset:0;opacity:.86}.photographic-fill{position:absolute;inset:0;clip-path:inset(100% 0 0);z-index:1}.tumbler-full{position:absolute;inset:0;opacity:.94}.ice-drop{position:absolute;width:54px;height:54px;z-index:5;opacity:0;filter:drop-shadow(1px 4px 2px #0003);transform-origin:center;transform-style:preserve-3d}.ice-one{left:263px;top:345px;--ice-r:-14deg;--ice-delay:3.45s}.ice-two{left:308px;top:357px;--ice-r:17deg;--ice-delay:3.85s}.ice-three{left:288px;top:329px;--ice-r:-2deg;--ice-delay:4.25s;z-index:6}.photographic-glass-scene .pouring-can-photo{top:5px;left:70px}.photographic-glass-scene.pour-playing .pouring-can-photo{animation:real-glass-can 8s cubic-bezier(.3,.1,.2,1) both}.pour-playing .photographic-fill{animation:photo-glass-fills 8s ease-out both}.pour-playing .ice-drop{animation:real-ice-drop 1.2s var(--ice-delay) cubic-bezier(.2,.75,.2,1) both}.pour-complete .photographic-fill{clip-path:inset(0)}.pour-complete .ice-drop{opacity:1;transform:rotate(var(--ice-r))}.photographic-glass-scene .glass-replay{bottom:25px;right:40px}.photographic-glass-scene .glass-scene-caption{bottom:0}
@keyframes photo-glass-fills{0%,17%{clip-path:inset(100% 0 0)}60%,100%{clip-path:inset(0)}}@keyframes real-glass-can{0%,9%{transform:rotateZ(-7deg) rotateY(-10deg)}23%,60%{transform:rotateZ(105deg) rotateY(-8deg)}83%,100%{transform:rotateZ(-7deg) rotateY(-10deg)}}@keyframes real-ice-drop{0%{opacity:0;transform:translateY(-330px) rotateZ(calc(var(--ice-r) - 75deg)) rotateY(40deg) scale(1.2)}15%{opacity:1}65%{opacity:1;transform:translateY(9px) rotateZ(calc(var(--ice-r) + 10deg)) rotateY(0) scale(1)}82%{transform:translateY(-5px) rotateZ(calc(var(--ice-r) - 3deg))}100%{opacity:1;transform:rotateZ(var(--ice-r))}}
.original-sushi-assembly{height:650px;top:25px;width:59%;right:3px}.original-plate-world{position:absolute;inset:0;aspect-ratio:1;transform-style:preserve-3d;transform:rotateX(14deg) rotateZ(-10deg);border-radius:50%;filter:drop-shadow(20px 30px 15px #0005)}.original-empty-plate,.original-sushi-complete,.original-food-layer,.original-food-layer>img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.original-empty-plate,.original-sushi-complete{border-radius:50%;clip-path:ellipse(48.7% 49.6% at 50% 50%)}.original-sushi-complete{opacity:1;z-index:3}.original-food-layer{z-index:2;transform-origin:50% 50%;will-change:transform,opacity}.original-food-layer>img{max-width:none}.sushi-playing .original-plate-world{animation:original-plate-drop .8s cubic-bezier(.2,.8,.2,1) both}.sushi-playing .original-food-layer{animation:original-food-drop .65s var(--food-delay) cubic-bezier(.2,.8,.3,1) both}.sushi-playing .original-sushi-complete{animation:original-platter-settles .6s 3.1s both}.original-sushi-assembly .sushi-impact-can{width:132px;right:0;bottom:-8px}.original-sushi-assembly.sushi-playing .sushi-impact-can{animation:can-impact 1s 3.65s cubic-bezier(.25,.8,.25,1) both}.original-sushi-assembly .glass-label{width:145px;right:0;top:4%}.original-sushi-assembly .sushi-replay{left:27%;bottom:-33px}.original-sushi-assembly .impact-ring{display:none}@keyframes original-plate-drop{0%{opacity:0;transform:translateY(-600px) rotateX(35deg) rotateZ(-25deg)}75%{opacity:1;transform:translateY(8px) rotateX(12deg) rotateZ(-9deg)}100%{opacity:1;transform:rotateX(14deg) rotateZ(-10deg)}}@keyframes original-food-drop{0%{opacity:0;transform:translateY(-380px) rotateZ(12deg) scale(1.1)}72%{opacity:1;transform:translateY(4px) rotateZ(-1deg) scale(.99)}100%{opacity:1;transform:none}}@keyframes original-platter-settles{0%{opacity:0}100%{opacity:1}}
.about-photo{margin-top:100px;isolation:isolate;z-index:4}.about-photo img{width:100%;height:auto!important;aspect-ratio:16/9;object-fit:contain!important;object-position:center;background:#e9e5d9;border-radius:10px;display:block}.about-photo>span{position:relative;bottom:auto;left:auto;display:block;max-width:none;font-size:10px;font-weight:500;color:#40543d;background:none;padding:18px 0;border-radius:0;letter-spacing:.12em}.page-about .story-scroll{isolation:isolate}.page-about .story-sticky{z-index:2}.page-about .story-model-caption{bottom:28px}.page-about .reading-section{margin-top:55px}
/* One case; its original printed faces stay attached as the lid opens. */
.same-case{mix-blend-mode:normal;overflow:visible;perspective:1600px}.same-case .carton-world{opacity:1!important;transform-style:preserve-3d}.same-case .carton-assembly{--carton-scale:1.12;scale:1;top:64%;transform:translate(-50%,-50%) rotateX(-11deg) rotateY(12deg) scale(var(--carton-scale));transition:transform 1.15s cubic-bezier(.2,.7,.2,1)}.same-case.is-open .carton-assembly{transform:translate(-50%,-50%) rotateX(-32deg) rotateY(12deg) scale(var(--carton-scale))}.same-case .carton-front{background:#e2dccd;transform:translateZ(135px);backface-visibility:hidden;border:1px solid #cfc5ad}.same-case .carton-left,.same-case .carton-right{width:270px;height:245px;left:45px;background:#dbd3c1;border:1px solid #c6baa3;backface-visibility:hidden}.same-case .carton-left{transform:rotateY(-90deg) translateZ(180px)}.same-case .carton-right{transform:rotateY(90deg) translateZ(180px)}.same-case .carton-back{transform:translateZ(-135px);background:#c4b69a}.same-case .carton-floor{height:270px;top:110px;background:#b7a78a}.same-case canvas[data-case-face]{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .2s}.same-case.case-textured canvas[data-case-face]{opacity:1}.same-case .carton-lid{width:360px;height:270px;left:0;top:0;transform-origin:50% 0;transform:translateZ(-135px) rotateX(90deg);background:#d9cfba;border:0;transition:transform 1.15s cubic-bezier(.2,.7,.2,1);transform-style:preserve-3d}.same-case .carton-lid:before{display:none}.lid-outer,.lid-inner{position:absolute;inset:0;border:1px solid #c8bba4;backface-visibility:hidden}.lid-outer{background:#e4dfd2;transform:translateZ(.6px)}.lid-inner{background:linear-gradient(105deg,#d9cfba,#cdbf9e);transform:rotateY(180deg) translateZ(.6px);box-shadow:inset 0 0 0 13px #d5c8ac}.same-case.is-open .carton-lid{transform:translateZ(-135px) rotateX(208deg)}.same-case .carton-can{width:78px;height:190px;left:calc(50% - 39px);transform:translate3d(calc((var(--col) - 1.5)*84px),20px,calc((var(--row) - 1)*88px));transition:transform 1.05s .15s cubic-bezier(.2,.7,.2,1)}.same-case .carton-can>img:first-child{position:absolute;inset:0;width:78px;height:190px;object-fit:fill;transform:translateZ(0);clip-path:inset(4px 0 0);filter:none}.same-case .carton-can>img.carton-can-top{position:absolute;width:78px;height:78px;max-width:none;left:0;top:-35px;bottom:auto;right:auto;background:none;border:0;border-radius:50%;object-fit:cover;transform:rotateX(90deg);filter:none;opacity:1!important;transition:none}.same-case .carton-can-top:after{display:none}.same-case.is-open .carton-can-5{transform:translate3d(calc((var(--col) - 1.5)*84px),-205px,calc((var(--row) - 1)*88px)) rotateZ(-4deg);transition-delay:1s}.authentic-box-stage{overflow:hidden;height:690px;background:transparent}.authentic-box-stage .box-hint{font-size:10px;bottom:1px}.authentic-box-stage .box-toggle{bottom:29px}
/* Every CTA uses original photographic objects at independent depths. */
.photo-cta{perspective:1400px;overflow:hidden;isolation:isolate;transform:perspective(1500px) rotateX(var(--cta-tilt-y,0deg)) rotateY(var(--cta-tilt-x,0deg));transition:transform .45s ease-out,box-shadow .45s;box-shadow:0 20px 30px #163c2712}.photo-cta>.cta-copy{z-index:5;position:relative;max-width:62%;margin:0;text-align:left}.photo-cta .cta-copy p:not(.eyebrow){margin-inline:0}.photo-cta .cta-photo-stage{position:absolute;right:0;top:0;bottom:0;width:45%;perspective:1000px;transform-style:preserve-3d;pointer-events:none;z-index:1;transform:translate3d(var(--cta-pan-x,0px),var(--cta-pan-y,0px),0);transition:transform .5s}.cta-object{position:absolute;object-fit:contain;max-width:none;filter:drop-shadow(16px 21px 10px #0004);backface-visibility:visible}.cta-main-can{height:340px;width:auto;left:43%;top:12%;transform:translateZ(90px) rotateZ(12deg) rotateY(-9deg);transform-origin:50% 60%}.cta-coconut-object{width:245px;height:auto;left:0;top:34%;transform:translateZ(20px) rotateZ(-16deg)}.cta-real-plate{width:350px;height:350px;left:-8%;top:15%;border-radius:50%;clip-path:circle(49%);transform:translateZ(30px) rotateX(25deg) rotateZ(-12deg)}.cta-real-shadow{position:absolute;bottom:25px;left:12%;right:6%;height:30px;background:#0003;border-radius:50%;filter:blur(16px);transform:rotate(-4deg)}.photo-cta .button{position:relative;transform:translateZ(50px);box-shadow:0 7px 0 #071b101f,0 15px 25px #0002;transition:transform .3s,box-shadow .3s}.photo-cta .button:hover,.photo-cta .button:focus-visible{transform:translateY(-5px) translateZ(50px);box-shadow:0 10px 0 #071b101f,0 20px 30px #0003}.photo-cta .button:active{transform:translateY(1px) translateZ(30px);box-shadow:0 2px 0 #071b101f}.cta-about .cta-photo-stage{width:46%;right:-3%}.cta-flavour-can{height:280px;width:auto;left:calc(3% + var(--fan-i)*15%);top:calc(35% - var(--fan-i)*3%);transform:translateZ(calc(10px + var(--fan-i)*12px)) rotateZ(calc((var(--fan-i) - 2)*8deg))}.cta-contact .cta-photo-stage{width:47%;right:0}.cta-contact-case{width:560px;height:auto;left:-18%;top:6%;mix-blend-mode:screen;filter:none;opacity:.8;transform:translateZ(5px) rotateY(-8deg)}.cta-contact .cta-main-can{height:280px;left:52%;top:10%}.photo-cta.is-visible .cta-main-can{animation:photographic-cta-float 5.5s ease-in-out infinite}.photo-cta.is-visible .cta-coconut-object{animation:photographic-cta-coconut 7s ease-in-out infinite}.photo-cta.is-visible .cta-real-plate{animation:photographic-cta-plate 7s ease-in-out infinite}.photo-cta.is-visible .cta-flavour-can{animation:photographic-cta-fan 5.5s calc(var(--fan-i)*-.5s) ease-in-out infinite}@keyframes photographic-cta-float{50%{transform:translate3d(0,-13px,100px) rotateZ(8deg) rotateY(7deg)}}@keyframes photographic-cta-coconut{50%{transform:translate3d(-4px,-7px,25px) rotateZ(-10deg)}}@keyframes photographic-cta-plate{50%{transform:translate3d(3px,-7px,35px) rotateX(20deg) rotateZ(-9deg)}}@keyframes photographic-cta-fan{50%{transform:translate3d(0,-10px,calc(20px + var(--fan-i)*12px)) rotateZ(calc((var(--fan-i) - 2)*6deg))}}
@media(max-width:1150px){.original-sushi-assembly{width:63%;height:590px;right:-5px;top:50px}.same-case .carton-assembly{--carton-scale:1}.cta-main-can{height:300px}.cta-coconut-object{width:210px}.cta-real-plate{width:300px;height:300px}.cta-flavour-can{height:230px}.cta-contact-case{width:480px;left:-22%;top:12%}}
@media(max-width:900px){.original-sushi-assembly{height:510px;top:135px;width:65%;right:-25px}.original-sushi-assembly .sushi-impact-can{width:105px;right:7%}.same-case .carton-assembly{--carton-scale:.85}.photo-cta>.cta-copy{max-width:65%}.cta-main-can{height:260px;left:37%}.cta-coconut-object{width:190px;left:-7%;top:42%}.cta-real-plate{width:260px;height:260px;left:-18%;top:30%}.cta-flavour-can{height:210px}.cta-contact-case{width:420px;left:-35%;top:22%}.cta-contact .cta-main-can{height:240px;left:42%}}
@media(max-width:600px){.photographic-glass-scene{scale:.75;transform:translate(-66.66%,-66.66%);transform-origin:0 0}.original-sushi-assembly{width:108%;height:380px;top:460px;right:-12px}.original-sushi-assembly .sushi-impact-can{width:82px;right:9%;bottom:-6px}.original-sushi-assembly .glass-label{width:115px;right:6%;top:-2%}.original-sushi-assembly .sushi-replay{bottom:-25px;left:21%}.original-plate-world{transform:rotateX(14deg) rotateZ(-10deg)}.about-photo{margin-top:50px;width:calc(100% - 32px)}.about-photo img{width:100%;height:auto!important;aspect-ratio:16/9;border-radius:6px;object-fit:contain!important}.about-photo>span{font-size:7px;padding:12px 0;line-height:1.7;letter-spacing:.07em}.page-about .story-model-caption{display:none}.same-case .carton-assembly{--carton-scale:.65;top:64%}.authentic-box-stage{height:550px}.authentic-box-stage .box-hint{font-size:8px;bottom:5px}.authentic-box-stage .box-toggle{bottom:32px}.photo-cta{min-height:670px;padding:35px 25px}.photo-cta>.cta-copy{max-width:100%;margin:0;text-align:left}.photo-cta .cta-photo-stage{top:auto;bottom:0;right:0;width:100%;height:295px}.cta-main-can{height:250px;left:58%;top:5%}.cta-coconut-object{width:190px;left:6%;top:31%}.cta-real-plate{width:270px;height:270px;left:0;top:6%}.cta-pairings .cta-main-can{height:220px;left:65%;top:13%}.cta-about .cta-photo-stage{right:0;width:100%;height:310px}.cta-flavour-can{height:210px;left:calc(2% + var(--fan-i)*17%);top:calc(23% - var(--fan-i)*2%)}.cta-contact .cta-photo-stage{width:100%;height:300px;bottom:0}.cta-contact-case{width:460px;left:-17%;top:0;opacity:.75}.cta-contact .cta-main-can{height:220px;left:65%;top:5%}.photo-cta .cta-real-shadow{bottom:25px}.photo-cta .button{font-size:12px}}
@media(prefers-reduced-motion:reduce){.photographic-fill{clip-path:inset(0)}.ice-drop{opacity:1;transform:rotate(var(--ice-r))}.original-sushi-complete{opacity:1}.original-food-layer{display:none}.photo-cta,.cta-photo-stage{transform:none!important}.cta-object,.same-case .carton-assembly,.same-case .carton-lid,.same-case .carton-can{animation:none!important;transition:none!important}}
.cta-contact-glass{position:absolute!important;width:230px!important;height:280px!important;left:2%;top:28%;transform:translateZ(15px) rotateZ(-7deg);opacity:.9}.cta-contact .cta-main-can{left:53%}.cta-contact.is-visible .cta-contact-glass{animation:cta-glass-drift 6.5s ease-in-out infinite}@keyframes cta-glass-drift{50%{transform:translate3d(2px,-8px,20px) rotateZ(-4deg)}}
@media(max-width:900px){.cta-contact-glass{width:200px!important;height:250px!important;left:-12%;top:35%}}
@media(max-width:600px){.cta-contact-glass{width:220px!important;height:270px!important;left:7%;top:2%}.cta-contact .cta-main-can{left:63%}}

@media(min-width:601px) and (max-width:900px){.pairing-hero>.wrap{min-height:1150px;padding-top:60px}.pairing-hero-copy{width:100%;max-width:650px}.pairing-hero h1{font-size:76px;line-height:1.02}.original-sushi-assembly{width:82%;height:560px;top:500px;right:2%}.original-sushi-assembly .sushi-impact-can{right:1%;width:115px;bottom:0}.original-sushi-assembly .glass-label{right:0;top:3%}}
/* Closed board faces occlude the contents; no exposed cans at the side seams. */
.same-case .carton-left,.same-case .carton-right{backface-visibility:visible}
.same-case .carton-contents{opacity:0;transition:opacity .25s .8s}
.same-case.is-open .carton-contents{opacity:1;transition-delay:.2s}
@media(max-width:600px){.cta-home .cta-main-can{height:225px;top:5%}}
.ice-one{--ice-delay:5.05s}.ice-two{--ice-delay:5.45s}.ice-three{--ice-delay:5.85s}
@media(min-width:601px) and (max-width:900px){.contact-hero{display:block;min-height:0;padding-top:45px}.contact-hero-copy{max-width:650px}.contact-hero h1{font-size:88px}.authentic-box-stage{height:660px;width:100%;max-width:650px;margin:0 auto}.same-case .carton-assembly{--carton-scale:1}}
@media(max-width:900px){
.photo-cta{display:flex;flex-direction:column;min-height:0;padding:35px 25px 0}
.cta.photo-cta>.cta-copy{max-width:100%;width:100%;margin:0;text-align:left}
.cta.photo-cta>.cta-copy p:not(.eyebrow){margin-inline:0}
.photo-cta .cta-photo-stage{position:relative;flex:none;top:auto;bottom:auto;right:auto;width:100%;height:310px;margin-top:30px}
.cta-main-can,.cta-home .cta-main-can{height:225px;left:59%;top:6%}
.cta-coconut-object{width:190px;left:6%;top:31%}
.cta-real-plate{width:270px;height:270px;left:3%;top:6%}
.cta-pairings .cta-main-can{height:220px;left:66%;top:13%}
.cta-flavour-can{height:210px;left:calc(3% + var(--fan-i)*16%);top:calc(23% - var(--fan-i)*2%)}
.cta-contact-glass{width:220px!important;height:270px!important;left:7%;top:2%}
.cta-contact .cta-main-can{height:220px;left:63%;top:5%}
}
@media(min-width:901px){.cta.photo-cta>.cta-copy{margin:0;max-width:55%;text-align:left}.cta.photo-cta>.cta-copy p:not(.eyebrow){margin-inline:0}}