.wm-scroll{height:200svh;position:relative;background:#111;color:#eee}.wm-stage{height:100svh;position:sticky;top:0;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 53% 60%,#3e3127 0,#191917 43%,#111 76%)}.wm-topline{position:absolute;top:5%;left:7%;right:7%;display:flex;justify-content:space-between;gap:20px;font:9px/1.6 monospace;color:#999;letter-spacing:.12em;z-index:10}.wm-copy{position:absolute;top:20%;left:7%;z-index:8;pointer-events:none}.wm-copy h2{font:400 clamp(46px,5.4vw,84px)/1.2 'Noto Serif SC','Songti SC',serif;margin:0 0 28px;letter-spacing:-.04em}.wm-copy p{font:400 30px/1.55 'Noto Serif SC','Songti SC',serif;color:#bbb;margin:0}.wm-final-copy{position:absolute;left:0;top:100%;opacity:0;white-space:nowrap}.wm-copy .wm-final-copy{font-size:29px;color:#eee}.wm-final-copy span{display:block;font:13px/2 Arial,sans-serif;color:#999;margin-top:10px}.wm-world{position:absolute;inset:0;perspective:1000px;pointer-events:none}.wm-world>div,.wm-cup{position:absolute;left:62%;top:54%;transform:translate(-50%,-50%)}.wm-espresso{z-index:5;width:270px;will-change:transform,opacity}.wm-espresso img{width:100%;height:auto;position:relative;filter:drop-shadow(0 18px 30px #0008)}.wm-espresso>span{display:block;text-align:center;font:10px Arial;letter-spacing:.15em;color:#b7aa91;margin-top:8px}.wm-espresso-glow{position:absolute;inset:5% -25%;background:radial-gradient(ellipse,#b6863b20,transparent 70%);border-radius:50%;filter:blur(20px)}.wm-base{width:240px;aspect-ratio:1;border:7px solid #cdc4af;border-radius:50%;background:radial-gradient(ellipse at 40% 30%,#bd803e 0,#844b22 16%,#3d2110 43%,#1e120a 72%);box-shadow:0 25px 50px #0008,inset 0 0 0 5px #6b4428;opacity:0;z-index:4;will-change:transform,opacity}.wm-base i{position:absolute;inset:14%;border:2px solid #e3b77238;border-radius:50%;transform:rotate(-15deg);box-shadow:0 0 20px #f0d28b20}.wm-arcs{width:430px;height:330px;border:1px solid #ffffff0a;border-radius:50%;opacity:0;z-index:0}.wm-cup{width:clamp(150px,17vw,235px);margin:0;z-index:4;opacity:0;will-change:transform,opacity}.wm-cup-face{width:100%;aspect-ratio:1;position:relative}.wm-cup img{display:block;width:100%;height:100%;object-fit:contain;position:relative;z-index:4;clip-path:circle(0% at 50% 50%);filter:drop-shadow(0 14px 16px #0005)}.wm-liquid{position:absolute;inset:10%;background:radial-gradient(circle at 40% 30%,#4d2d1b,#1e1711 68%);border:3px solid #b9b4a4;border-radius:50%;box-shadow:0 15px 25px #0006;z-index:1;overflow:hidden}.wm-swirl{position:absolute;inset:9%;width:82%;height:82%;z-index:3;overflow:hidden;border-radius:50%;color:#efe3c7;opacity:0}.wm-pour{stroke-dasharray:410;stroke-dashoffset:410}.wm-americano .wm-swirl{color:#e8e0c3;filter:drop-shadow(0 0 4px #fff3)}.wm-ice{position:absolute;inset:15%;z-index:3;opacity:0}.wm-ice i{position:absolute;left:9%;top:15%;width:35%;height:35%;border:2px solid #f3e1ac90;background:linear-gradient(140deg,#fff4,#cfca9833);border-radius:10px;transform:rotate(20deg)}.wm-ice i:nth-child(2){left:50%;top:6%;transform:rotate(-15deg)}.wm-ice i:nth-child(3){left:38%;top:53%;transform:rotate(45deg)}.wm-cup figcaption{position:absolute;top:calc(100% + 12px);left:-10%;width:120%;text-align:center;opacity:0}.wm-cup figcaption>span{font:8px monospace;letter-spacing:.04em;color:#928b7e}.wm-cup figcaption b{display:block;font-weight:400;font-size:20px;margin-top:9px}.wm-cup figcaption small{display:block;font-size:10px;color:#9b968b;margin-top:8px;line-height:1.8}.wm-pack{width:240px;z-index:2;opacity:0;will-change:transform,opacity}.wm-pack img{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 30px #0008)}.wm-footer{position:absolute;bottom:5%;left:7%;right:7%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff25;padding-top:18px;font-size:10px;color:#999;z-index:10;gap:20px}.wm-cue{font-size:9px;color:#aaa}.wm-bestseller{font-size:9px;color:#888;display:none}.wm-progress{position:absolute;bottom:0;left:0;right:0;background:#ffffff15;height:1px}.wm-progress i{display:block;width:0;height:1px;background:#ddd}.ws-after-motion{padding-top:55px}.ws-after-motion .ws-formula{border-top:0;padding-top:0}
@media(max-width:700px){.wm-topline{top:4%;font-size:8px}.wm-topline>span:last-child{font-size:6px;letter-spacing:.04em}.wm-copy{left:7%;top:12%;right:7%}.wm-copy h2{font-size:clamp(40px,10.3vw,55px);margin-bottom:15px}.wm-copy p{font-size:24px;line-height:1.5}.wm-copy .wm-final-copy{font-size:25px;top:100%}.wm-final-copy span{font-size:11px;line-height:1.8;margin-top:7px}.wm-world>div,.wm-cup{left:50%;top:57%}.wm-espresso{width:min(56vw,265px)}.wm-base{width:min(52vw,240px)}.wm-cup{width:clamp(105px,27vw,140px)}.wm-pack{width:min(44vw,210px)}.wm-cup figcaption{top:calc(100% + 8px)}.wm-cup figcaption>span{font-size:6px}.wm-cup figcaption b{font-size:16px;margin-top:5px}.wm-cup figcaption small{display:none}.wm-arcs{width:85vw;height:290px}.wm-footer{bottom:4%;font-size:8px;gap:12px;padding-top:15px}.wm-cue,.wm-bestseller{font-size:7px;max-width:48%;text-align:right}.ws-after-motion{padding-top:40px}}
@media(prefers-reduced-motion:reduce){.wm-scroll{height:100svh}.wm-stage *{will-change:auto}}

@media(min-width:701px){.wm-cup{width:min(clamp(150px,17vw,235px),24svh)}}

.wm-milk .wm-liquid:after{content:'';position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at 45% 25%,#f2ddbc,#c28b50 65%,#714320);opacity:var(--recipe,0)}
@media(max-width:700px){.wm-cup{width:clamp(118px,30vw,156px)}}

.wm-espresso{width:min(30vw,330px)}.wm-espresso img{max-height:45svh;object-fit:contain}@media(max-width:700px){.wm-espresso{width:min(66vw,300px)}}