@font-face{font-family:Pangram;src:url(/fonts/PPPangramSansRounded-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Pangram;src:url(/fonts/PPPangramSansRounded-Bold.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Pangram;src:url(/fonts/PPPangramSansRounded-Extrabold.ttf) format("truetype");font-weight:800;font-display:swap}:root{font-family:Pangram,Arial,sans-serif;color:#fff;background:#efbf43;font-synthesis:none;--yellow:#efbf43;--gutter:3.968vw}*{box-sizing:border-box}body,h1,h2,h3,h4,p{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0;background:none;padding:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #111;outline-offset:7px}canvas{display:block;width:100%;height:100%}img{display:block}h1,h2,h3{font-weight:800}html{scroll-behavior:smooth;scroll-padding-top:30px}.section-container{margin-inline:var(--gutter)}.skip-link{position:fixed;left:20px;top:-80px;background:#fff;color:#111;padding:15px;z-index:100}.skip-link:focus{top:20px}.site-header{position:absolute;inset:40px var(--gutter) auto;z-index:10;display:flex;justify-content:space-between;align-items:center}.logo{width:250.03px;height:66.961px}.header-actions{display:flex;gap:44px;align-items:center}.language{font-size:32px;font-weight:800}.menu-button{padding:15px 0}.menu-button img{width:64px;height:19px}.hero-track{height:230vh;position:relative}.hero-sticky{position:sticky;top:0;height:100svh;min-height:580px;overflow:hidden}.emoji-field{position:absolute;top:0;right:0;bottom:0;left:0}.hero-copy{position:absolute;z-index:2;inset:0 var(--gutter);display:flex;flex-direction:column;justify-content:center;pointer-events:none}.hero-copy h1{font-size:8.417vw;line-height:1;white-space:nowrap;letter-spacing:-.025em}.hero-subtitle{display:flex;justify-content:space-between;font-size:2.116vw;font-weight:800;margin-top:12px}.scroll-cue{position:absolute;bottom:26px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;pointer-events:none;font-size:12px;font-weight:800;letter-spacing:.12em}.scroll-cue span:last-child{font-size:24px}.after-hero{overflow:clip}.ribbon{position:relative;z-index:3;width:110%;margin-left:-5%;pointer-events:none}.ribbon svg{display:block;width:100%;overflow:visible}.ribbon-text{font-family:Pangram,sans-serif;font-size:49px;font-weight:800;fill:#111}.ribbon-0{margin-top:-5vw}.products{height:52vw;position:relative;margin-top:-2vw}.cup{position:absolute;cursor:grab;touch-action:pan-y;z-index:4}.cup:active{cursor:grabbing}.cup-wide{width:45vw;height:43vw;left:40%;top:-11vw;z-index:1}.cup-rotating{width:35vw;height:45vw;left:16%;top:4vw}.cup canvas{position:relative}.marquee{position:absolute;left:0;right:0;top:10vw;overflow:hidden;z-index:2}.marquee-track{display:flex;width:max-content;animation:marquee 28s linear infinite;font-size:17.857vw;font-weight:800;line-height:1.2;white-space:nowrap}.cup-hint{position:absolute;bottom:2vw;left:var(--gutter);font-size:12px;font-weight:800;letter-spacing:.1em}.story{height:64.95vw;position:relative}.story-copy{position:relative;z-index:1;width:44.5%;padding-top:9.92vw}.story-copy h2{font-size:3.968vw;line-height:1.33}.story-first .story-copy{width:46%;margin-left:54%;padding-right:var(--gutter);text-align:right}.story-lines{display:flex;flex-direction:column;gap:2.38vw;font-size:2.116vw;font-weight:700;margin-top:9.92vw}.story-first .story-lines{width:max-content;margin-inline:auto;text-align:left}.story-second .story-copy{margin-left:4.63%;padding-top:8.23vw}.story-second .story-lines{font-size:1.72vw;gap:1.98vw}.story-last{font-size:1.852vw;font-weight:700;margin-top:9.92vw;width:85vw}.top-views{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.top-views .top-view{object-fit:cover;position:absolute;width:42.14vw;height:42.14vw;left:-4.7vw;top:0}.top-views .top-view+.top-view{left:7.84vw;top:22.81vw}.top-views.right .top-view{left:auto;right:-4.7vw;transform:none}.top-views.right .top-view+.top-view{right:7.84vw}.surprise{padding:13.75vw 20vw 2.8vw;text-align:center}.surprise h2{font-size:3.968vw;line-height:1.33}.ribbon-1{margin-bottom:2.77vw}.split-heading{font-size:9.92vw;line-height:.98;display:flex;flex-direction:column;gap:0}.split-heading span:last-child{text-align:right}.moods-intro{margin:8vw 0 2vw auto;width:44.5%;font-size:2.38vw;font-weight:700;line-height:1.4}.moods-intro>p+p{margin-top:1.98vw}.moods-intro .smaller{font-size:1.852vw;margin-top:3.968vw}.mood-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.984vw}.mood-column{min-width:0;display:flex;flex-direction:column;gap:1.984vw}.mood-column:nth-child(2){padding-top:6.614vw}.mood-column:nth-child(3){padding-top:13.228vw}.mood-card{width:100%;padding:10px;background:#fff;border-radius:30px;color:#111;min-width:0}.emoji-portrait{position:relative;height:23.148vw;border-radius:25px;background:var(--yellow);overflow:hidden}.portrait-fallback{position:absolute;top:10%;right:10%;bottom:10%;left:10%;width:80%;height:80%;object-fit:contain}.emoji-portrait[data-ready] .portrait-fallback{display:none}.emoji-portrait canvas{position:relative}.mood-label{padding:17px 18px 10px}.mood-label h3{font-size:1.984vw;line-height:1}.mood-label p{font-size:1.19vw;font-weight:700;margin-top:16px;line-height:1.35}.choose{padding-top:2.77vw;position:relative;z-index:4;pointer-events:none}.choose>*{pointer-events:auto}.choose h2{font-size:3.968vw;line-height:1.2}.choose h2 span{display:block;font-size:9.92vw}.choose>p{font-size:1.72vw;font-weight:700;margin-top:3.968vw}.pill{display:inline-flex;justify-content:center;align-items:center;padding:22px 60px;min-height:65px;background:#fff;color:#111;border-radius:999px;font-size:24px;line-height:1;font-weight:800;transition:transform .2s,box-shadow .2s}.pill:hover{transform:translateY(-3px);box-shadow:0 8px 18px #1112}.choose .pill{margin-top:3.968vw}.yellow{background:var(--yellow);color:#fff}.ribbon-2{margin-top:-11vw;margin-bottom:18vw}.visit .split-heading{margin-bottom:6.614vw}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:3.307vw}.contact-card{padding:25px 10px 10px;border-radius:30px;box-shadow:0 4px 25px #11111114;min-width:0}.contact-card>h3{text-align:center;font-size:30px;margin-bottom:25px;line-height:1.2}.map{height:400px;position:relative;overflow:hidden;border-radius:25px;background:#fff}.map>iframe{display:block;width:100%;height:100%;border:0}.map .pill{position:absolute;bottom:40px;left:50%;transform:translate(-50%);white-space:nowrap}.map .pill:hover{transform:translate(-50%,-3px)}.contact-details{background:#fff;border-radius:25px;height:400px;padding:35px;display:flex;flex-direction:column;justify-content:center;gap:30px;color:#111}.contact-row{display:flex;align-items:center;gap:50px;min-height:55px}.contact-icon{width:55px;height:55px;flex-shrink:0;display:flex;justify-content:center;align-items:center}.contact-icon img{max-width:55px;max-height:55px}.contact-row h4{font-size:16px;line-height:1.5;font-weight:700}.contact-row p,.contact-row a{font-size:18px;line-height:1.5}.contact-row a:hover{text-decoration:underline}.footer-stage{position:relative;isolation:isolate;margin-top:27.77vw}.footer{position:relative;z-index:1;pointer-events:none}.footer a,.footer button{pointer-events:auto}.footer-main{display:grid;grid-template-columns:1.65fr .55fr .55fr;gap:3.307vw}.footer-about>p{font-size:20px;font-weight:700;line-height:1.35;margin-top:50px}.footer h3{font-size:30px;margin-bottom:35px;white-space:nowrap}.footer-company{display:flex;flex-direction:column;align-items:flex-start}.footer-company button{font-size:18px;font-weight:700;margin-bottom:25px;text-align:left}.footer-company button:hover{text-decoration:underline}.social-links{display:flex;gap:30px}.social-links img{width:36px;height:36px}.social-links button:hover{transform:translateY(-3px)}.footer-bottom{margin-top:100px;border-top:1px solid #fff;padding:35px 0;display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:700;gap:20px}.footer-bottom a{text-decoration:underline;font-weight:800}.motion-button{font-size:12px}.emoji-bottom{position:absolute;bottom:0;left:0;right:0;height:650px;min-height:100%;z-index:0;pointer-events:auto}.bottom-field{top:0;right:0;bottom:0;left:0}.emoji-fallback{position:absolute;bottom:0;display:flex;justify-content:center;width:100%}.emoji-fallback img{width:17%;object-fit:contain}.menu-dialog,.notice-dialog{border:0;background:#fff;color:#111;border-radius:30px;padding:70px 50px 50px;max-width:min(640px,calc(100vw - 40px))}.menu-dialog::backdrop,.notice-dialog::backdrop{background:#39260166;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:25px;top:15px;font-size:36px}.menu-dialog nav{display:flex;flex-direction:column;gap:22px;font-size:34px;font-weight:800}.menu-dialog nav a{padding:12px 16px;margin-inline:-16px;border-radius:12px;transition:background-color .2s,color .2s}.menu-dialog nav a:hover,.menu-dialog nav a:focus-visible{background:var(--yellow);color:#fff}.notice-dialog h2{font-size:32px}.notice-dialog p{font-size:18px;line-height:1.6;margin:25px 0}.notice-dialog .pill{font-size:18px;padding:18px 35px}.motion-paused .marquee-track{animation-play-state:paused}.motion-paused .ribbon{visibility:visible}@keyframes marquee{to{transform:translate(-50%)}}@media(min-width:1800px){.contact-grid,.footer-main{gap:50px}}@media(max-width:1000px){.site-header{top:28px}.logo{width:187.5px;height:50.22px}.header-actions{gap:25px}.language{font-size:26px}.menu-button img{width:48px;height:14.25px}.mood-card{border-radius:22px;padding:7px}.emoji-portrait{border-radius:17px}.mood-label{padding:15px 10px 9px}.mood-label p{font-size:12px;margin-top:10px}.mood-label h3{font-size:23px}.contact-card>h3{font-size:25px}.contact-row{gap:20px}.contact-details{padding:22px}.contact-row a,.contact-row p{font-size:15px}.contact-row h4{font-size:12px}.contact-icon{width:40px}.contact-icon img{max-width:40px;max-height:40px}.footer-main{grid-template-columns:1.2fr .65fr .65fr;gap:25px}.footer h3{font-size:23px}.footer-about>p{font-size:16px}.footer-company button{font-size:15px}.social-links{gap:15px}.social-links img{width:27px;height:27px}.pill{font-size:18px;padding:20px 35px}.footer-bottom{font-size:13px}}@media(max-width:650px){:root{--gutter:20px}.site-header{top:24px}.logo{width:150px;height:40.17px}.header-actions{gap:20px}.language{font-size:21px}.menu-button img{width:40px;height:11.875px}.hero-track{height:210svh}.hero-sticky{min-height:500px}.hero-copy h1{font-size:14vw;white-space:normal;line-height:.98;max-width:95%;letter-spacing:-.035em}.hero-subtitle{font-size:12px;gap:10px;line-height:1.4;margin-top:10px}.hero-subtitle span{flex:1}.hero-subtitle span:nth-child(2){text-align:center}.hero-subtitle span:last-child{text-align:right}.scroll-cue{font-size:9px}.ribbon{width:165%;margin-left:-32.5%}.ribbon-0{margin-top:0}.products{height:100vw;margin-top:0}.cup-wide{width:70vw;height:76vw;left:31%;top:-17vw}.cup-rotating{width:66vw;height:86vw;left:2%;top:8vw}.marquee{top:28vw}.marquee-track{font-size:25vw}.cup-hint{bottom:4vw;font-size:9px}.story{height:auto;min-height:720px;padding:55px 20px 300px}.story-copy,.story-first .story-copy,.story-second .story-copy{width:100%;padding:0;margin:0}.story-copy h2{font-size:36px;line-height:1.15;max-width:400px}.story-first .story-copy h2{margin-left:auto}.story-lines,.story-second .story-lines{font-size:20px;gap:18px;margin-top:45px}.story-first .story-lines{margin-right:5px;margin-left:auto}.top-views .top-view{width:230px;height:230px;left:-50px;top:auto;bottom:135px}.top-views .top-view+.top-view{left:40px;top:auto;bottom:0}.story-second{padding-top:80px;padding-bottom:330px}.story-second .top-views .top-view{left:auto;right:-50px;top:auto;bottom:110px}.story-second .top-views .top-view+.top-view{right:40px;bottom:-20px;top:auto}.story-last{font-size:17px;margin-top:40px;width:100%;max-width:350px}.surprise{padding:110px 30px 40px}.surprise h2{font-size:32px;line-height:1.2}.ribbon-1{margin-bottom:70px}.split-heading{font-size:12.5vw;gap:0;line-height:1}.moods-intro{width:100%;margin:50px 0 35px;font-size:22px}.moods-intro>p+p{margin-top:12px}.moods-intro .smaller{font-size:17px;margin-top:30px}.mood-grid{grid-template-columns:minmax(0,1fr);gap:20px}.mood-column,.mood-column:nth-child(2),.mood-column:nth-child(3){padding:0;gap:20px}.mood-card{padding:9px;border-radius:26px}.emoji-portrait{height:78vw;max-height:410px;border-radius:20px}.mood-label{padding:20px 16px}.mood-label h3{font-size:29px}.mood-label p{font-size:15px;margin-top:13px}.choose{padding-top:70px}.choose h2{font-size:29px}.choose h2 span{font-size:100px}.choose>p{font-size:18px;margin-top:30px}.choose .pill{margin-top:30px}.ribbon-2{margin-top:30px;margin-bottom:95px}.visit .split-heading{margin-bottom:45px}.contact-grid{grid-template-columns:1fr;gap:25px}.contact-card{padding-top:22px}.contact-card>h3{font-size:27px;margin-bottom:20px}.contact-details{height:390px;padding:25px;gap:27px}.contact-row{gap:23px}.contact-row p,.contact-row a{font-size:15px}.map{height:340px}.footer-stage{margin-top:120px}.footer-main{grid-template-columns:1fr 1fr;gap:40px 20px}.footer-about{grid-column:1/-1}.footer-about>p{margin-top:30px;font-size:17px}.footer h3{font-size:22px;margin-bottom:25px}.footer-company button{font-size:14px;margin-bottom:20px}.social-links{flex-wrap:wrap;gap:15px}.footer-bottom{margin-top:40px;flex-wrap:wrap;line-height:1.6;padding:24px 0;gap:15px;font-size:11px}.footer-bottom .motion-button{order:3}.emoji-bottom{height:650px}.desktop-break{display:none}.menu-dialog nav{font-size:25px}.menu-dialog,.notice-dialog{padding:65px 30px 35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track{animation:none}.pill{transition:none}.hero-track{height:180svh}}.site-header{position:fixed;inset:0 0 auto;padding:18px var(--gutter);z-index:20;background:transparent}.logo-3d{position:relative;width:260px;height:95px;overflow:visible}.logo-3d canvas{position:relative}.hero-copy h1{font-size:8vw;line-height:1;white-space:nowrap;max-width:none;letter-spacing:0;width:100%}.hero-copy h1 span{display:inline-block;white-space:nowrap}.hero-copy{text-align:center}.hero-subtitle{text-align:left}.visit{position:relative;z-index:1}.footer-stage{min-height:0;margin-top:0;padding-top:80px;display:flex;flex-direction:column;justify-content:flex-end}.footer{flex-shrink:0}.emoji-bottom{height:100vh;min-height:0}@media(max-width:650px){.site-header{top:0;padding:12px var(--gutter)}.logo-3d{width:175px;height:65px}.hero-copy h1{font-size:8vw;line-height:1;white-space:nowrap;max-width:none}.footer-stage{margin-top:0;padding-top:48px}.emoji-bottom{height:100vh}}main{overflow-x:clip}.hero-track{--ribbon-peek:clamp(130px,14vw,210px)}.hero-sticky{overflow:visible}.hero-sticky>.emoji-field{overflow:hidden}.hero-sticky>.scroll-cue{bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:4;align-items:center}.hero-sticky>.ribbon-0{position:absolute;top:calc(100% - var(--ribbon-peek));margin-top:0}.after-hero{padding-top:calc(43.237vw - clamp(130px,14vw,210px))}@media(max-width:650px){.hero-track{--ribbon-peek:110px}.after-hero{padding-top:calc(64.856vw - 110px)}}.hero-copy[data-depth-text=true]{opacity:0}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;background:var(--yellow);opacity:1;transition:opacity .45s ease}.loading-screen.is-leaving{opacity:0}.loading-symbol{position:relative;width:min(274px,65vw);aspect-ratio:1}.loading-ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;animation:loading-orbit 18s linear infinite}.loading-ring text{fill:#fff;font-family:Pangram,Arial,sans-serif;font-size:22px;font-weight:800}.loading-emoji{position:absolute;width:68%;height:68%;left:16%;top:16%}@keyframes loading-orbit{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.loading-ring{animation:none}.loading-screen{transition:none}}.top-view>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s ease}@media(prefers-reduced-motion:reduce){.top-view>img{transition:none}}.ribbon{overflow-anchor:none}.cup{transform-origin:center;will-change:transform;overflow-anchor:none}.story-first .top-view:first-child{opacity:var(--first-top-opacity,1)}.story-first .top-view:nth-child(2){opacity:var(--rest-top-opacity,1)}.top-views{overflow-anchor:none}.ribbon-2{margin-top:-20vw;margin-bottom:0}.yum-builder{position:relative;padding-top:64px;padding-bottom:120px;text-align:center}.yum-builder h2{font-size:9.92vw;line-height:1.03;letter-spacing:-.025em}.yum-instruction{display:flex;align-items:center;justify-content:center;gap:11px;font-size:26px;font-weight:700;margin-top:42px}.yum-instruction img{width:48px;height:48px}.yum-playground{position:relative;height:54vw;margin-top:36px}.yum-target{position:absolute;width:46%;aspect-ratio:1;left:27%;top:50%;transform:translateY(-50%);border-radius:50%;transition:filter .2s}.yum-target.is-over{filter:drop-shadow(0 0 18px #fff9)}.yum-ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;fill:#fff;font-size:49px;font-weight:800;animation:yum-orbit 45s linear infinite;pointer-events:none}.yum-cup{position:absolute;top:7%;right:7%;bottom:7%;left:7%;border-radius:50%;overflow:hidden}.yum-cup canvas{width:100%;height:100%}.yum-cup.failed img{width:100%;height:100%;object-fit:cover}.yum-builder[data-phase=done] .yum-cup.failed .yum-base-fallback{filter:sepia(.4) hue-rotate(290deg) saturate(1.5)}.yum-topping{position:absolute;width:11%;display:flex;align-items:center;flex-direction:column;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;z-index:2}.yum-topping img{width:100%;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 8px 7px #75511c25);transition:transform .2s;pointer-events:none}.yum-topping:hover img{transform:scale(1.1) rotate(-7deg)}.yum-topping>span:first-of-type{background:#fff;color:#111;border-radius:999px;padding:13px 24px;font-size:11px;font-weight:800;white-space:nowrap}.yum-topping .topping-name{font-size:13px;margin-top:8px;font-weight:700}.yum-topping.is-added{opacity:.38;cursor:default}.topping-0{left:8%;top:0}.topping-1{right:8%;top:0}.topping-2{left:2%;top:38%}.topping-3{right:2%;top:38%}.topping-4{left:8%;bottom:0}.topping-5{right:8%;bottom:0}.yum-drag-image{position:fixed;width:120px;height:120px;object-fit:contain;transform:translate(-50%,-50%);pointer-events:none;z-index:100;filter:drop-shadow(0 15px 12px #66440040)}.yum-dropped{position:absolute;top:18%;right:18%;bottom:18%;left:18%;pointer-events:none}.yum-dropped img{position:absolute;left:36%;top:36%;width:28%;transform:rotate(var(--angle)) translateY(-85%) rotate(calc(-1 * var(--angle)));animation:yum-drop .45s ease-out}.yum-builder[data-phase=mixing] .yum-dropped{animation:yum-orbit .3s linear infinite;opacity:0;transition:opacity 1.7s .5s}.yum-builder[data-phase=done] .yum-dropped{opacity:0}.yum-status{min-height:24px;font-size:16px;font-weight:700;margin:24px 0}.yum-all:disabled{cursor:wait;opacity:.7}.yum-copy{display:flex;justify-content:center;gap:10vw;text-align:left;font-size:clamp(20px,2.1vw,32px);font-weight:700;line-height:1.6;margin:70px auto 0}@keyframes yum-orbit{to{rotate:360deg}}@keyframes yum-drop{0%{opacity:0;scale:1.7}to{opacity:1;scale:1}}@media(max-width:650px){.yum-builder{padding-top:40px;padding-bottom:50px}.yum-builder h2{font-size:13vw}.yum-instruction{font-size:16px;margin-top:25px;gap:6px}.yum-instruction img{flex-shrink:0}.yum-playground{height:650px;margin-top:25px}.yum-target{width:90%;left:5%;top:50%}.yum-topping{width:26%}.yum-topping>span:first-of-type{font-size:10px;padding:9px 16px}.yum-topping .topping-name{font-size:11px}.topping-0{left:0;top:0}.topping-1{left:37%;right:auto;top:0}.topping-2{left:auto;right:0;top:0}.topping-3{left:0;right:auto;top:auto;bottom:0}.topping-4{left:37%;bottom:0}.topping-5{right:0;bottom:0}.yum-status{font-size:13px;margin:25px 0 18px}.yum-all{font-size:17px;padding:20px 32px}.yum-copy{flex-direction:column;gap:22px;margin-top:45px;font-size:19px}.yum-drag-image{width:90px;height:90px}}@media(prefers-reduced-motion:reduce){.yum-ring,.yum-dropped,.yum-dropped img{animation:none!important}.yum-dropped,.yum-topping img{transition:none!important}}.yum-experience{height:calc(100svh - 110px);max-height:900px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;padding-bottom:16px;margin-top:28px;scroll-margin-top:110px}.yum-experience .yum-instruction,.yum-experience .yum-status{margin:0}.yum-experience .yum-playground{height:auto;min-height:0;margin:0;container-type:size}.yum-experience .yum-target{width:min(46cqw,96cqh);left:50%;top:50%;transform:translate(-50%,-50%)}.yum-experience .yum-topping{width:min(11cqw,calc(33cqh - 52px),120px)}.yum-experience .yum-all{justify-self:center;min-height:52px;padding:16px 40px;font-size:20px}.yum-experience .yum-status{min-height:20px;font-size:14px}@media(max-width:650px){.yum-experience{height:calc(100svh - 90px);gap:10px;margin-top:20px;padding-bottom:max(12px,env(safe-area-inset-bottom));scroll-margin-top:90px}.yum-experience .yum-target{width:min(90cqw,calc(100cqh - 220px))}.yum-experience .yum-topping{width:min(26cqw,76px,calc(25cqh - 45px))}.yum-experience .topping-1,.yum-experience .topping-4{left:50%;transform:translate(-50%)}.yum-experience .yum-status{font-size:12px}.yum-experience .yum-all{min-height:48px;font-size:16px;padding:14px 30px}}.yum-cup .yum-finished-creation{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;z-index:2;opacity:0;transform:rotate(-25deg) scale(.94);transition:opacity .65s ease,transform .85s cubic-bezier(.2,.7,.2,1);pointer-events:none;filter:none}.yum-cup canvas,.yum-cup .yum-base-fallback{transition:opacity .65s ease}.yum-cup[data-finished=true] .yum-finished-creation{opacity:1;transform:rotate(0) scale(1)}.yum-cup[data-finished=true] canvas,.yum-cup[data-finished=true] .yum-base-fallback{opacity:0}.yum-builder[data-phase=done] .yum-target:has([data-photo-error=true]) .yum-dropped{opacity:1}@media(prefers-reduced-motion:reduce){.yum-cup .yum-finished-creation,.yum-cup canvas,.yum-cup .yum-base-fallback{transition:none;transform:none}}.yum-cup[data-finished=true] .yum-finished-creation{animation:yum-orbit 52s linear infinite reverse}@media(prefers-reduced-motion:reduce){.yum-cup[data-finished=true] .yum-finished-creation{animation:none}}.loading-error{position:absolute;bottom:max(32px,env(safe-area-inset-bottom));left:20px;right:20px;text-align:center;font-weight:700}.loading-error .pill{margin-top:16px;font-size:16px;padding:16px 28px}@media(min-width:651px){.yum-experience .topping-0,.yum-experience .topping-2,.yum-experience .topping-4{left:auto;right:calc(50% + min(23cqw,48cqh) + 24px)}.yum-experience .topping-1,.yum-experience .topping-3,.yum-experience .topping-5{right:auto;left:calc(50% + min(23cqw,48cqh) + 24px)}.yum-experience .topping-0,.yum-experience .topping-4{right:calc(50% + min(19.5cqw,40.8cqh) + 24px)}.yum-experience .topping-1,.yum-experience .topping-5{left:calc(50% + min(19.5cqw,40.8cqh) + 24px)}}.product-headline{will-change:transform;overflow-anchor:none;pointer-events:none}.product-headline .marquee-track{animation:none;will-change:transform}@media(prefers-reduced-motion:reduce){.product-headline .marquee-track{width:100%;white-space:normal;font-size:clamp(28px,7vw,100px);text-align:center;line-height:1.05}}.moods{position:relative;isolation:isolate}.moods .split-heading,.moods-intro,.mood-grid{position:relative;z-index:1}.moods .ribbon-3{position:absolute;left:calc(-1 * var(--gutter));top:22vw;width:45vw;height:auto;margin:0;overflow:hidden;pointer-events:none;z-index:0}.moods .ribbon-3 svg{display:block;width:100%;height:auto;overflow:hidden}@media(max-width:650px){.moods .ribbon-3{position:relative;left:calc(-1 * var(--gutter));top:auto;width:68vw;height:auto;margin:30px 0 0}.moods-intro{margin-top:25px}}.ribbon-4{width:100%;margin:0 0 1vw;pointer-events:none}.ribbon-4 svg{overflow:hidden}@media(max-width:650px){.ribbon-4{width:165%;margin-left:-32.5%;margin-bottom:12px}}[data-reveal]{transition:opacity .75s ease var(--reveal-delay,0ms),transform .9s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms)}[data-reveal=pending]{opacity:0;transform:translate3d(0,32px,0)}[data-reveal=visible]{opacity:1;transform:none}[data-reveal=pending]:focus-within{opacity:1;transform:none;transition:none}@media(max-width:650px){[data-reveal=pending]{transform:translate3d(0,22px,0)}}@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}}:root{--news-height:34px}.news-ticker{position:fixed;inset:0 0 auto;height:var(--news-height);z-index:21;background:#111;color:#fff;overflow:hidden;display:flex;align-items:center}.news-ticker-track{display:flex;width:max-content;animation:news-ticker-scroll 130s linear infinite}.news-ticker-group{display:flex;align-items:center;flex-shrink:0}.news-ticker-group>span{display:flex;align-items:center;flex-shrink:0;white-space:nowrap;font-size:12px;font-weight:700;letter-spacing:.08em;line-height:1}.news-ticker-dot{padding:0 30px;font-size:14px;letter-spacing:0}.news-ticker:hover .news-ticker-track{animation-play-state:paused}.news-ticker-reader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.site-header{top:var(--news-height)}@keyframes news-ticker-scroll{to{transform:translate(-50%)}}@media(max-width:650px){:root{--news-height:30px}.news-ticker-group>span{font-size:10px}}@media(prefers-reduced-motion:reduce){.news-ticker-track{animation:none}}.emoji-portrait{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.emoji-portrait[data-pulling=true]{cursor:grabbing}.emoji-portrait img{pointer-events:none;-webkit-user-drag:none}.loading-screen{overflow:hidden}.loading-emoji{opacity:0;transform-origin:center 75%}.loading-emoji.is-dropping{opacity:1;animation:loading-drop 1.55s both}.loading-ring{opacity:0;transition:opacity .45s ease;animation-play-state:paused}.loading-ring.is-visible{opacity:1;animation-play-state:running}@keyframes loading-drop{0%{transform:translateY(calc(-50svh - 100%));animation-timing-function:cubic-bezier(.5,0,.9,.5)}54%{transform:translateY(0) scale(1.15,.82);animation-timing-function:cubic-bezier(.2,.7,.4,1)}69%{transform:translateY(-24%) scale(.95,1.06);animation-timing-function:ease-in}83%{transform:translateY(0) scale(1.06,.94);animation-timing-function:ease-out}93%{transform:translateY(-4%) scale(.99,1.01);animation-timing-function:ease-in}to{transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.loading-emoji.is-dropping{animation:none}.loading-ring{transition:none}}.footer-stage{min-height:calc(50vh + 16px);padding-top:16px}@media(max-width:650px){.footer-stage{min-height:calc(50vh + 12px);padding-top:12px}}@media(max-width:650px){.hero-sticky>.scroll-cue{flex-direction:column;justify-content:flex-start;gap:6px;text-align:center;bottom:calc(var(--ribbon-peek) + 8px + env(safe-area-inset-bottom,0px))}}@media(hover:none){.dialog-close:focus,.dialog-close:focus-visible{outline:none}}@font-face{font-family:Noto Sans Arabic;src:url(/fonts/NotoSansArabic-VariableFont_wdth,wght.ttf) format("truetype");font-weight:100 900;font-display:swap}:root:lang(ar){font-family:Pangram,Noto Sans Arabic,Arial,sans-serif}:lang(ar) .ribbon-text,:lang(ar) .loading-ring text{font-family:Pangram,Noto Sans Arabic,sans-serif}:lang(ar) *{letter-spacing:0!important}.ribbon svg text{direction:ltr}[dir=rtl] .story-second .story-copy{margin-right:auto}[dir=rtl] .dialog-close{right:auto;left:25px}.yum-ring text,.loading-ring text{direction:ltr}[dir=rtl] .footer-bottom p:first-child{direction:ltr;unicode-bidi:isolate}@media(min-width:651px){[dir=rtl] .choose{display:flex;flex-direction:column;align-items:flex-end;text-align:left}[dir=rtl] .choose>*{direction:rtl}}.product-headline{direction:ltr}.product-headline span{direction:rtl;unicode-bidi:isolate}:lang(ar) .choose h2,:lang(ar) #yum-heading{line-height:1.45}:lang(ar) .split-heading{line-height:1.15}:lang(ar) .marquee-track{line-height:1.3;padding-bottom:.25em}:lang(ar) .hero-copy h1{line-height:1.4}:lang(ar) .story-copy h2,:lang(ar) .surprise h2{line-height:1.6}:lang(ar) .menu-dialog nav{line-height:1.5}[dir=rtl] .news-ticker{direction:ltr}[dir=rtl] .news-ticker-group>span{direction:rtl}[dir=rtl] .news-ticker-track{animation-direction:reverse}:lang(ar) .product-headline .marquee-track{font-size:12vw}@media(max-width:650px){:lang(ar) .product-headline .marquee-track{font-size:17vw}}[dir=rtl] .story-first .story-lines{text-align:right}