.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.contain-layout{contain:layout style paint}.contain-strict{contain:strict}.content-visibility{content-visibility:auto;contain-intrinsic-size:auto 500px}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-shimmer{background:linear-gradient(90deg,rgba(0,0,0,.04) 25%,rgba(0,0,0,.08) 50%,rgba(0,0,0,.04) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.6}}.animate-pulse-soft{animation:pulse-soft 2s ease-in-out infinite}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin-slow{animation:spin-slow 3s linear infinite}.lazy-image-container{position:relative;overflow:hidden;background-color:var(--color-cream,#F5E6D3)}.lazy-image-blur{position:absolute;inset:0;filter:blur(20px);transform:scale(1.1);transition:opacity .5s ease-out}.lazy-image{opacity:0;transform:scale(1.05);transition:opacity .5s ease-out,transform .5s ease-out}.lazy-image.loaded{opacity:1;transform:scale(1)}.hero-text-shadow{text-shadow:2px 2px 0 rgba(0,0,0,.1)}.perspective-1000{perspective:1000px}html{scroll-padding-top:80px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.animate-float{animation:float 3s ease-in-out infinite}.float-illustration,.parallax-illustration,.rotate-illustration{will-change:transform}.product-card .aspect-square{aspect-ratio:1/1}.image-reveal{position:relative;overflow:hidden}.reveal-mask{position:absolute;inset:0;z-index:10;transform-origin:top}.btn-primary:active,.btn-secondary:active{transform:translate(2px,2px)!important;box-shadow:2px 2px 0 var(--ink)!important}button:focus:not(:focus-visible),input:focus:not(:focus-visible){outline:none}a{position:relative}img{max-width:100%;height:auto}.img-loading{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.font-display{letter-spacing:-.02em}}@media (hover:none){.feature-card:hover,.product-card:hover{transform:none;box-shadow:8px 8px 0 var(--ink)}}svg{transition:transform .3s ease-out}.pattern-container{position:absolute;inset:0}.float-illustration,.pattern-container,.rotate-illustration{pointer-events:none}.btn-primary,.btn-secondary,.feature-card,.pill-label,.product-card{transition:all .2s ease-out}.animate-marquee{animation-duration:25s}::selection{background:var(--cherry);color:white}::-moz-selection{background:var(--cherry);color:white}.split-text span{display:inline-block}.scale-up,.slide-left,.slide-right,.split-text span,.text-reveal{will-change:transform,opacity}.counter{font-variant-numeric:tabular-nums}.line-draw{fill:none;stroke-linecap:round;stroke-linejoin:round}.feature-card:hover,.product-card:hover{transform:translateY(-4px)}.img-hover-zoom{overflow:hidden}.img-hover-zoom img{transition:transform .5s ease-out}.group:hover .img-hover-zoom img{transform:scale(1.1)}nav a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:var(--cherry);transition:width .3s ease-out}nav a:hover:after{width:100%}.stagger-cards{perspective:1000px}.stagger-cards .feature-card,.stagger-cards .product-card{transform-style:preserve-3d}.hero-title-line{display:block;will-change:transform,opacity}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--cream)}::-webkit-scrollbar-thumb{background:var(--ink);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--cherry)}.frost-effect{position:relative;overflow:hidden}.flavor-hover-card{position:relative;transition:transform .3s ease-out}.flavor-hover-card:hover{z-index:10}.flavor-particle{pointer-events:none;will-change:transform,opacity}@keyframes sparkle-rotate{0%{transform:scale(0) rotate(0deg);opacity:0}50%{transform:scale(1) rotate(90deg);opacity:1}to{transform:scale(0) rotate(180deg);opacity:0}}.sparkle-effect{animation:sparkle-rotate .8s ease-out forwards}.parallax-fruit{will-change:transform;pointer-events:none}@keyframes fruit-float{0%,to{transform:translateY(0) rotate(var(--rotation,0deg))}50%{transform:translateY(-15px) rotate(calc(var(--rotation, 0deg) + 5deg))}}.fruit-float{animation:fruit-float 3s ease-in-out infinite}@keyframes breathe-weight{0%,to{font-weight:400;letter-spacing:0}50%{font-weight:500;letter-spacing:.02em}}.breathing-headline{animation:breathe-weight 4s ease-in-out infinite;will-change:font-weight,letter-spacing}@keyframes wobble-char{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-3px) rotate(-2deg)}75%{transform:translateY(3px) rotate(2deg)}}.wobbly-char{display:inline-block;animation:wobble-char 2s ease-in-out infinite}@keyframes typewriter-blink{0%,to{opacity:1}50%{opacity:0}}.typewriter-cursor{animation:typewriter-blink .8s infinite;color:var(--cherry);font-weight:700;margin-left:2px}.hand-lettered-text path{stroke-linecap:round;stroke-linejoin:round;will-change:stroke-dashoffset}@keyframes letter-reveal{0%{transform:translateY(50px) rotateX(-90deg);opacity:0}to{transform:translateY(0) rotateX(0deg);opacity:1}}.reveal-char{display:inline-block;transform-style:preserve-3d;will-change:transform,opacity}.flavor-section{transition:background-color .5s ease-out}.flavor-card{border:2px solid var(--ink);border-radius:1rem;overflow:hidden;transition:all .3s ease-out}.flavor-card:hover{transform:translateY(-4px)}.flavor-indicator{height:4px;transition:transform .3s ease-out;transform-origin:left}.flavor-badge{transition:all .2s ease-out}.flavor-badge:hover{transform:scale(1.05)}.flavor-button{transition:all .2s ease-out}.flavor-button:hover{transform:translate(-2px,-2px)}.flavor-button:active{transform:translate(0)}.flavor-tab{transition:all .2s ease-out}.flavor-tab:hover:not(.active){background-color:rgba(0,0,0,.05)}@keyframes color-burst{0%{transform:scale(0);opacity:1}to{transform:scale(3);opacity:0}}.color-burst-ring{position:absolute;border-radius:50%;animation:color-burst .6s ease-out forwards;pointer-events:none}.scroll-reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.stagger-children>*{opacity:0;transform:translateY(20px)}.stagger-children.revealed>*{opacity:1;transform:translateY(0);transition:opacity .5s ease-out,transform .5s ease-out}.stagger-children.revealed>:first-child{transition-delay:0s}.stagger-children.revealed>:nth-child(2){transition-delay:.1s}.stagger-children.revealed>:nth-child(3){transition-delay:.2s}.stagger-children.revealed>:nth-child(4){transition-delay:.3s}.stagger-children.revealed>:nth-child(5){transition-delay:.4s}.stagger-children.revealed>:nth-child(6){transition-delay:.5s}.frost-effect:before{background:linear-gradient(135deg,rgba(255,255,255,.4),rgba(255,255,255,.1) 25%,rgba(200,230,255,.2) 50%,rgba(255,255,255,.15) 75%,rgba(255,255,255,.35));z-index:5;animation:frostShimmer 4s ease-in-out infinite}.frost-effect:after,.frost-effect:before{content:"";position:absolute;inset:0;pointer-events:none}.frost-effect:after{background:radial-gradient(ellipse at 20% 30%,rgba(255,255,255,.6) 0,transparent 50%),radial-gradient(ellipse at 70% 20%,rgba(200,230,255,.4) 0,transparent 40%),radial-gradient(ellipse at 40% 70%,rgba(255,255,255,.5) 0,transparent 45%),radial-gradient(ellipse at 80% 80%,rgba(220,240,255,.3) 0,transparent 35%);z-index:6;animation:frostSparkle 3s ease-in-out infinite alternate}@keyframes frostShimmer{0%,to{opacity:.6;transform:translateX(-2%) translateY(-2%)}50%{opacity:.9;transform:translateX(2%) translateY(2%)}}@keyframes frostSparkle{0%{opacity:.4;transform:scale(1)}to{opacity:.8;transform:scale(1.05)}}.ice-crystals{position:absolute;inset:0;pointer-events:none;z-index:7;opacity:.5}.ice-crystal{position:absolute;width:8px;height:8px;background:rgba(255,255,255,.8);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);animation:crystalFloat 3s ease-in-out infinite}@keyframes crystalFloat{0%,to{transform:translateY(0) rotate(0deg);opacity:.6}50%{transform:translateY(-10px) rotate(180deg);opacity:1}}.condensation{position:absolute;inset:0;pointer-events:none;z-index:8;overflow:hidden}.condensation-drop{position:absolute;width:6px;height:8px;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(200,230,255,.7));border-radius:50% 50% 50% 50%/60% 60% 40% 40%;animation:dropletSlide 4s ease-in-out infinite}@keyframes dropletSlide{0%{transform:translateY(-100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(300%);opacity:0}}.steam-effect{position:relative}.steam-container{position:absolute;top:-30px;left:50%;transform:translateX(-50%);width:80px;height:60px;pointer-events:none;z-index:10}.steam-wisp{position:absolute;bottom:0;width:20px;height:40px;background:radial-gradient(ellipse at center,rgba(255,255,255,.6) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,0) 70%);border-radius:50%;filter:blur(4px);animation:steamRise 2.5s ease-out infinite}.steam-wisp:first-child{left:10px;animation-delay:0s;width:16px;height:35px}.steam-wisp:nth-child(2){left:30px;animation-delay:.5s;width:20px;height:45px}.steam-wisp:nth-child(3){left:50px;animation-delay:1s;width:14px;height:30px}@keyframes steamRise{0%{transform:translateY(0) scaleX(1) scaleY(.5);opacity:0}15%{opacity:.8}50%{transform:translateY(-30px) scaleX(1.3) scaleY(1.2);opacity:.5}to{transform:translateY(-60px) scaleX(2) scaleY(1.5);opacity:0}}.coffee-steam .steam-wisp{background:radial-gradient(ellipse at center,rgba(139,90,43,.4) 0,rgba(160,120,80,.2) 40%,rgba(200,180,160,0) 70%);filter:blur(5px)}.temp-badge{position:absolute;top:12px;right:12px;z-index:15;display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;backdrop-filter:blur(4px)}.temp-badge.cold{background:rgba(200,230,255,.9);color:#1e40af;border:1px solid rgba(147,197,253,.5)}.temp-badge.hot{background:rgba(254,215,170,.9);color:#9a3412;border:1px solid rgba(253,186,116,.5)}.frost-border{position:relative}.frost-border:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,rgba(255,255,255,.8),rgba(200,230,255,.6) 25%,rgba(255,255,255,.7) 50%,rgba(220,240,255,.5) 75%,rgba(255,255,255,.8));border-radius:inherit;z-index:-1;animation:frostBorderShimmer 3s ease-in-out infinite}@keyframes frostBorderShimmer{0%,to{opacity:.5}50%{opacity:.9}}.frost-effect:hover .ice-crystal,.frost-effect:hover:before{animation-duration:2s}.wave-divider{position:absolute;left:0;width:100%;overflow:hidden;line-height:0;pointer-events:none;z-index:10}.wave-divider-top{top:-1px;transform:rotate(180deg)}.wave-divider-bottom{bottom:-1px}.wave-divider svg{position:relative;display:block;width:calc(100% + 1.3px);height:60px}.wave-divider-lg svg{height:100px}.wave-divider-sm svg{height:40px}.wave-animate path,.wave-animate-delayed path{animation:waveFloat 8s ease-in-out infinite}.wave-animate-delayed path{animation-delay:-4s}@keyframes waveFloat{0%,to{transform:translateX(0)}50%{transform:translateX(-2%)}}.blob-divider{position:absolute;left:0;width:100%;overflow:hidden;line-height:0;pointer-events:none;z-index:10}.blob-divider-top{top:-2px}.blob-divider-bottom{bottom:-2px;transform:rotate(180deg)}.blob-divider svg{position:relative;display:block;width:calc(150% + 1.3px);height:80px}.zigzag-divider{position:absolute;left:0;width:100%;overflow:hidden;line-height:0;pointer-events:none;z-index:10}.zigzag-divider-top{top:-1px}.zigzag-divider-bottom{bottom:-1px}.zigzag-divider svg{position:relative;display:block;width:100%;height:24px}.rotate-slight{transform:rotate(-2deg)}.rotate-slight-reverse{transform:rotate(2deg)}.rotate-playful{transform:rotate(-3deg)}.rotate-playful-reverse{transform:rotate(3deg)}.rotate-hover:hover{transform:rotate(-1deg) scale(1.02)}.rotate-hover-reverse:hover{transform:rotate(1deg) scale(1.02)}.off-grid-left{margin-left:-5%}.off-grid-right{margin-right:-5%;margin-left:auto}.off-grid-up{margin-top:-3rem}.off-grid-down{margin-bottom:-3rem}.stagger-rotate>:first-child{transform:rotate(-1.5deg)}.stagger-rotate>:nth-child(2){transform:rotate(1deg)}.stagger-rotate>:nth-child(3){transform:rotate(-.5deg)}.stagger-rotate>:nth-child(4){transform:rotate(2deg)}.stagger-rotate>:nth-child(5){transform:rotate(-1deg)}.stagger-rotate>:nth-child(6){transform:rotate(1.5deg)}.stagger-rotate>:hover{transform:rotate(0deg) scale(1.03);z-index:10}.blob-shape{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;animation:blobMorph 8s ease-in-out infinite}.blob-shape-alt{border-radius:30% 70% 70% 30%/30% 30% 70% 70%;animation:blobMorph 10s ease-in-out infinite}@keyframes blobMorph{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}50%{border-radius:50% 60% 30% 60%/30% 40% 70% 50%}75%{border-radius:60% 40% 60% 30%/70% 30% 50% 60%}}.card-playful{border-radius:20px 30px 25px 35px;transition:all .3s ease-out}.card-playful:hover{border-radius:30px 20px 35px 25px}.float-gentle,.float-gentle-delayed{animation:floatGentle 4s ease-in-out infinite}.float-gentle-delayed{animation-delay:-2s}@keyframes floatGentle{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}.tilt-scroll{transition:transform .1s ease-out}.overlap-up{margin-top:-4rem}.overlap-down,.overlap-up{position:relative;z-index:5}.overlap-down{margin-bottom:-4rem}.diagonal-clip{clip-path:polygon(0 5%,100% 0,100% 95%,0 100%)}.diagonal-clip-reverse{clip-path:polygon(0 0,100% 5%,100% 100%,0 95%)}.scatter-1{transform:translate(-10px,5px) rotate(-5deg)}.scatter-2{transform:translate(15px,-8px) rotate(3deg)}.scatter-3{transform:translate(-5px,12px) rotate(-2deg)}.scatter-4{transform:translate(8px,-15px) rotate(4deg)}.scatter-5{transform:translate(-12px,-5px) rotate(-4deg)}.wobbly-border{border-radius:255px 15px 225px 15px/15px 225px 15px 255px}.wobbly-border-alt{border-radius:15px 225px 15px 255px/255px 15px 225px 15px}.btn-playful{border-radius:50px 30px 50px 30px;transition:border-radius .3s ease-out}.btn-playful:hover{border-radius:30px 50px 30px 50px}.section-angle{clip-path:polygon(0 3%,100% 0,100% 97%,0 100%)}.section-angle-reverse{clip-path:polygon(0 0,100% 3%,100% 100%,0 97%)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.animate-marquee,.float-illustration,.rotate-illustration{animation:none!important}}@media print{.btn-primary,.btn-secondary,.builder-cta,.flavor-roulette-button,.interactive-features,.newsletter-form,.parallax-fruit,.quiz-cta,.scoop-counter,.social-links,.texture-overlay,.wave-divider,button:not(.print-btn),nav{display:none!important}.print-header{display:block!important}*{background:white!important;color:black!important;box-shadow:none!important;text-shadow:none!important}body{font-size:12pt;line-height:1.5}.menu-page{padding:0!important}.menu-item{-moz-column-break-inside:avoid;break-inside:avoid;border:1pt solid #ccc;margin-bottom:10pt;padding:10pt}.menu-item img{max-width:100pt;height:auto}.menu-section{-moz-column-break-before:page;break-before:page}h1,h2,h3{-moz-column-break-after:avoid;break-after:avoid}a{text-decoration:none;color:black!important}a[href]:after{content:""}.print-footer{position:fixed;bottom:0;width:100%;border-top:1pt solid #ccc;padding-top:10pt}.print-footer,.qr-code{display:block!important;text-align:center;font-size:10pt}.qr-code{width:100pt;height:100pt;border:2pt solid black;margin:20pt auto;line-height:100pt}}:focus-visible{outline:3px solid var(--cherry);outline-offset:3px;border-radius:4px}[role=button]:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--cherry);outline-offset:3px;box-shadow:0 0 0 6px rgba(212,83,93,.3)}.skip-link{position:absolute;top:-100%;left:50%;transform:translateX(-50%);z-index:9999;padding:1rem 2rem;background:var(--cherry);color:white;font-weight:700;text-decoration:none;border-radius:0 0 8px 8px;transition:top .3s}.skip-link:focus{top:0;outline:none}@media (prefers-contrast:high){.border-2,.border-3,.border-4{border-width:3px!important}.text-[\#5A5A5A]{color:#000!important}}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:var(--cream);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--cherry);border-radius:4px;border:2px solid var(--cream)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#c4444e}