@keyframes oceanWave{0%,to{transform:translate(0) translateY(0)}25%{transform:translate(-5px) translateY(-3px)}50%{transform:translate(0) translateY(-5px)}75%{transform:translate(5px) translateY(-3px)}}@keyframes fishSwim{0%{transform:translate(-100px) scaleX(1);opacity:0}10%{opacity:.6}45%{transform:translate(calc(50vw - 50px)) scaleX(1);opacity:.6}50%{transform:translate(50vw) scaleX(-1);opacity:.6}90%{opacity:.6}to{transform:translate(calc(100vw + 100px)) scaleX(-1);opacity:0}}@keyframes bubbleRise{0%{transform:translateY(100%) scale(.5);opacity:0}20%{opacity:.6}80%{opacity:.4}to{transform:translateY(-100vh) scale(1.2);opacity:0}}@keyframes seaSparkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}@keyframes gentleSway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes ripple{0%{transform:scale(.8);opacity:1}to{transform:scale(2.5);opacity:0}}@keyframes woodGrain{0%{background-position:0% 0%}to{background-position:100% 100%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.animate-slideInLeft{animation:slideInLeft .3s ease-out}.animate-slideInRight{animation:slideInRight .3s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-60px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-80px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-10deg) scale(.9)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 30px 10px #f59e0b33}}@keyframes shimmer-slide{0%{background-position:-200% center}to{background-position:200% center}}@keyframes wave{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(2deg)}75%{transform:translateY(5px) rotate(-2deg)}}@keyframes reveal-mask{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes blur-in{0%{opacity:0;filter:blur(20px)}to{opacity:1;filter:blur(0)}}@keyframes stagger-up{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-fade-in-up{animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) forwards}.animate-fade-in-down{animation:fadeInDown .8s cubic-bezier(.16,1,.3,1) forwards}.animate-fade-in-left{animation:fadeInLeft .9s cubic-bezier(.16,1,.3,1) forwards}.animate-fade-in-right{animation:fadeInRight .9s cubic-bezier(.16,1,.3,1) forwards}.animate-scale-in{animation:scaleIn .7s cubic-bezier(.16,1,.3,1) forwards}.animate-rotate-in{animation:rotateIn .8s cubic-bezier(.16,1,.3,1) forwards}.animate-bounce-in{animation:bounceIn .9s cubic-bezier(.68,-.55,.265,1.55) forwards}.animate-float{animation:float 4s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2.5s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);background-size:200% 100%;animation:shimmer-slide 2s infinite}.animate-wave{animation:wave 3s ease-in-out infinite}.animate-reveal-mask{animation:reveal-mask 1.2s cubic-bezier(.77,0,.175,1) forwards}.animate-blur-in{animation:blur-in 1s ease-out forwards}.animate-stagger{animation:stagger-up .7s cubic-bezier(.16,1,.3,1) forwards}.delay-100{animation-delay:.1s}.delay-150{animation-delay:.15s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.delay-700{animation-delay:.7s}.delay-800{animation-delay:.8s}.delay-900{animation-delay:.9s}.delay-1000{animation-delay:1s}.scroll-animate{opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.16,1,.3,1)}.scroll-animate.visible{opacity:1;transform:translateY(0)}.scroll-animate-left{opacity:0;transform:translate(-50px);transition:all .8s cubic-bezier(.16,1,.3,1)}.scroll-animate-left.visible{opacity:1;transform:translate(0)}.scroll-animate-right{opacity:0;transform:translate(50px);transition:all .8s cubic-bezier(.16,1,.3,1)}.scroll-animate-right.visible{opacity:1;transform:translate(0)}.scroll-animate-scale{opacity:0;transform:scale(.85);transition:all .8s cubic-bezier(.16,1,.3,1)}.scroll-animate-scale.visible{opacity:1;transform:scale(1)}.hover-lift{transition:all .4s cubic-bezier(.16,1,.3,1)}.hover-lift:hover{transform:translateY(-8px);box-shadow:0 25px 50px -12px #00000026}.hover-glow:hover{box-shadow:0 0 40px #82382840}.hover-shine{position:relative;overflow:hidden}.hover-shine:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:translate(-100%) rotate(45deg);transition:transform .6s}.hover-shine:hover:after{transform:translate(100%) rotate(45deg)}.product-card{opacity:0;transform:translateY(60px) scale(.95)}.product-card.animate{animation:stagger-up .8s cubic-bezier(.16,1,.3,1) forwards}.product-card:nth-child(1).animate{animation-delay:0ms}.product-card:nth-child(2).animate{animation-delay:.1s}.product-card:nth-child(3).animate{animation-delay:.2s}.product-card:nth-child(4).animate{animation-delay:.3s}.product-card:nth-child(5).animate{animation-delay:.4s}.product-card:nth-child(6).animate{animation-delay:.5s}.product-card:nth-child(7).animate{animation-delay:.6s}.product-card:nth-child(8).animate{animation-delay:.7s}.section-title{opacity:0}.section-title.animate{animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) forwards}.section-subtitle{opacity:0}.section-subtitle.animate{animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.2s}.hero-title{opacity:0;transform:translateY(80px);animation:fadeInUp 1.2s cubic-bezier(.16,1,.3,1) .3s forwards}.hero-subtitle{opacity:0;transform:translateY(60px);animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) .6s forwards}.hero-cta{opacity:0;transform:translateY(40px);animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) .9s forwards}.hero-badge{opacity:0;transform:scale(.8);animation:bounceIn .8s cubic-bezier(.68,-.55,.265,1.55) .1s forwards}.cert-card{opacity:0;transform:translateY(40px) rotateX(10deg);transition:all .6s cubic-bezier(.16,1,.3,1)}.cert-card.visible{opacity:1;transform:translateY(0) rotateX(0)}.cert-card:nth-child(1){transition-delay:0ms}.cert-card:nth-child(2){transition-delay:.1s}.cert-card:nth-child(3){transition-delay:.2s}.cert-card:nth-child(4){transition-delay:.3s}.process-step{opacity:0;transform:translate(-30px);transition:all .6s cubic-bezier(.16,1,.3,1)}.process-step.visible{opacity:1;transform:translate(0)}.process-step:nth-child(1){transition-delay:0ms}.process-step:nth-child(2){transition-delay:.15s}.process-step:nth-child(3){transition-delay:.3s}.process-step:nth-child(4){transition-delay:.45s}.process-step:nth-child(5){transition-delay:.6s}.gallery-item{opacity:0;transform:scale(.9);transition:all .6s cubic-bezier(.16,1,.3,1)}.gallery-item.visible{opacity:1;transform:scale(1)}.gallery-item:nth-child(1){transition-delay:0ms}.gallery-item:nth-child(2){transition-delay:80ms}.gallery-item:nth-child(3){transition-delay:.16s}.gallery-item:nth-child(4){transition-delay:.24s}.gallery-item:nth-child(5){transition-delay:.32s}.gallery-item:nth-child(6){transition-delay:.4s}.glass{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.4)}.glass-dark{background:#0000004d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}.gradient-text{background:linear-gradient(135deg,#823828,#cb713b,#f59e0b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.gradient-text-gold{background:linear-gradient(135deg,#f59e0b,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.particles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.particle{position:absolute;width:6px;height:6px;background:#f59e0b99;border-radius:50%;animation:float 6s ease-in-out infinite}.skeleton{background:linear-gradient(90deg,#f0e6dc 25%,#f5eadc,#f0e6dc 75%);background-size:200% 100%;animation:shimmer-slide 1.5s infinite;border-radius:8px}.text-reveal{overflow:hidden}.text-reveal span{display:inline-block;transform:translateY(100%);animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) forwards}html{scroll-behavior:smooth}.init-hidden{opacity:0}.animate-ocean-wave{animation:oceanWave 4s ease-in-out infinite}.animate-fish-swim{animation:fishSwim 12s linear infinite}.animate-bubble-rise{animation:bubbleRise 6s ease-in infinite}.animate-sea-sparkle{animation:seaSparkle 2s ease-in-out infinite}.animate-gentle-sway{animation:gentleSway 4s ease-in-out infinite}.animate-ripple{animation:ripple 1.5s ease-out infinite}.sea-bubbles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:1}.bubble{position:absolute;bottom:-20px;background:radial-gradient(circle at 30% 30%,#fffc,#0077be4d,#0077be1a);border-radius:50%;animation:bubbleRise linear infinite;box-shadow:inset -2px -2px 4px #0000001a,inset 2px 2px 4px #ffffff80}.bg-ocean-gradient{background:linear-gradient(180deg,#003352,#004e7c,#0077be 60%,#4aa9db)}.bg-ocean-sunset{background:linear-gradient(135deg,#692f25,#823828,#cb713b,#f59e0b,#0077be,#003352)}.bg-sea-foam{background:radial-gradient(ellipse at top,rgba(255,255,255,.3) 0%,transparent 60%),linear-gradient(180deg,#f8fafc,#e6f2ff)}.wood-texture{background-image:repeating-linear-gradient(90deg,transparent,transparent 40px,rgba(105,47,37,.03) 40px,rgba(105,47,37,.03) 80px),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(105,47,37,.02) 2px,rgba(105,47,37,.02) 4px)}.wood-grain-bg{background:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 50 Q25 45, 50 50 T100 50' stroke='%23823828' stroke-width='0.5' fill='none' opacity='0.1'/%3E%3C/svg%3E") repeat,linear-gradient(to bottom,#fbf7f1,#f5eadc);background-size:200px 20px,100% 100%}.wave-border-top{position:relative}.wave-border-top:before{content:"";position:absolute;top:-10px;left:0;right:0;height:20px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 1200 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,60 C150,120 350,0 600,60 C850,120 1050,0 1200,60 L1200,120 L0,120 Z' fill='%23f8fafc'/%3E%3C/svg%3E") repeat-x;background-size:600px 100%;animation:oceanWave 8s linear infinite}.wave-border-bottom{position:relative}.wave-border-bottom:after{content:"";position:absolute;bottom:-10px;left:0;right:0;height:20px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 1200 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,60 C150,0 350,120 600,60 C850,0 1050,120 1200,60 L1200,0 L0,0 Z' fill='%23823828'/%3E%3C/svg%3E") repeat-x;background-size:600px 100%;animation:oceanWave 8s linear infinite reverse}.gradient-text-sea{background:linear-gradient(135deg,#0077be,#003352,#004e7c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.gradient-text-sunset{background:linear-gradient(135deg,#f59e0b,#cb713b,#823828 60%,#692f25);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.rustic-card{background:linear-gradient(145deg,#fbf7f1,#f5eadc);border:1px solid rgba(130,56,40,.15);box-shadow:0 4px 6px #82382814,0 1px 3px #8238281a,inset 0 1px #fffc;position:relative}.rustic-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent,transparent 80px,rgba(105,47,37,.02) 80px,rgba(105,47,37,.02) 160px);pointer-events:none;border-radius:inherit}.fish-icon{display:inline-block;animation:fishSwim 8s linear infinite}.sea-sparkle{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;animation:seaSparkle 2s ease-in-out infinite;box-shadow:0 0 10px 2px #ffffff80}.hover-wave:hover{animation:oceanWave .5s ease-in-out}.hover-sway:hover{animation:gentleSway .6s ease-in-out}.hover-ripple{position:relative;overflow:hidden}.hover-ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#0077be33;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.hover-ripple:hover:after{width:300%;height:300%}.vn-pattern-border{border-image:repeating-linear-gradient(90deg,#823828,#823828 4px,#f59e0b 4px,#f59e0b 8px) 4}.bamboo-shadow{box-shadow:4px 4px #8238281a,8px 8px #8238280d}.particle-sea{position:absolute;background:#0077be66;border-radius:50%;animation:bubbleRise 8s ease-in infinite}.particle-gold{position:absolute;background:#f59e0b99;border-radius:50%;animation:float 6s ease-in-out infinite}.scroll-wave{opacity:0;transform:translateY(30px) rotate(-2deg);transition:all .8s cubic-bezier(.16,1,.3,1)}.scroll-wave.visible{opacity:1;transform:translateY(0) rotate(0)}.footer-sea-gradient{background:linear-gradient(180deg,#692f25,#3d1c16),url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='1' fill='%23f59e0b' opacity='0.1'/%3E%3C/svg%3E")}.hero-ocean-overlay{background:linear-gradient(180deg,transparent 0%,rgba(0,51,82,.3) 100%),radial-gradient(ellipse at bottom,rgba(0,119,190,.2) 0%,transparent 70%)}.organic-radius{border-radius:60% 40% 50% 50%/50% 50% 40% 60%}.wave-radius{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}.drop-effect{position:relative}.drop-effect:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:8px;height:12px;background:linear-gradient(180deg,#823828,#cb713b);border-radius:50%/30% 30% 70% 70%;animation:float 2s ease-in-out infinite}.ocean-waves-container{position:absolute;bottom:0;left:0;width:100%;height:150px;overflow:hidden;z-index:5}@media(min-width:768px){.ocean-waves-container{height:200px}}.wave{position:absolute;bottom:0;left:0;width:200%;height:100%}.wave-1{z-index:3;opacity:1;animation:waveMove1 8s linear infinite}.wave-2{z-index:2;opacity:.8;animation:waveMove2 12s linear infinite;bottom:10px}.wave-3{z-index:1;opacity:.6;animation:waveMove3 16s linear infinite;bottom:20px}@keyframes waveMove1{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes waveMove2{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes waveMove3{0%{transform:translate(-25%)}to{transform:translate(-75%)}}.sea-foam-particles{position:absolute;bottom:60px;left:0;width:100%;height:40px;pointer-events:none;z-index:4}.foam-particle{position:absolute;width:6px;height:6px;background:#fffc;border-radius:50%;animation:foamFloat 3s ease-in-out infinite;box-shadow:0 0 8px #fff9}@keyframes foamFloat{0%,to{transform:translateY(0) scale(1);opacity:.8}50%{transform:translateY(-15px) scale(1.3);opacity:.4}}.simple-wave{position:absolute;bottom:0;left:0;width:100%;height:100px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23fbf7f1' d='M0,192L48,197.3C96,203,192,213,288,229.3C384,245,480,267,576,250.7C672,235,768,181,864,181.3C960,181,1056,235,1152,234.7C1248,235,1344,181,1392,154.7L1440,128L1440,320L0,320Z'/%3E%3C/svg%3E") repeat-x;background-size:1440px 100%;animation:simpleWaveScroll 10s linear infinite}@keyframes simpleWaveScroll{0%{background-position-x:0}to{background-position-x:1440px}}@keyframes gentleBob{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(1deg)}75%{transform:translateY(4px) rotate(-1deg)}}.animate-gentle-bob{animation:gentleBob 4s ease-in-out infinite}@keyframes tideIn{0%,to{transform:translateY(10px)}50%{transform:translateY(-5px)}}.animate-tide{animation:tideIn 6s ease-in-out infinite}.story-container{scroll-snap-type:y mandatory;overflow-y:auto;height:100vh;scroll-behavior:smooth}.story-chapter{scroll-snap-align:start;scroll-snap-stop:always}.chapter-bg-ocean{background:linear-gradient(180deg,#0c1445,#1a365d,#2563eb 60%,#0891b2)}.chapter-bg-sunrise{background:linear-gradient(180deg,#1e3a5f,#7c2d12,#ea580c,#fbbf24,#fef3c7)}.chapter-bg-amber{background:linear-gradient(180deg,#78350f,#92400e,#b45309 60%,#d97706)}.chapter-bg-golden{background:linear-gradient(180deg,#854d0e,#a16207,#ca8a04 60%,#eab308)}.chapter-bg-warm{background:linear-gradient(180deg,#7c2d12,#9a3412,#c2410c 60%,#dc2626)}.chapter-bg-cozy{background:linear-gradient(180deg,#44403c,#57534e,#78716c,#a8a29e 60%,#fef3c7)}.chapter-title{opacity:0;transform:translateY(60px);transition:all 1.2s cubic-bezier(.16,1,.3,1)}.chapter-title.visible{opacity:1;transform:translateY(0)}.chapter-subtitle{opacity:0;transform:translateY(40px);transition:all 1s cubic-bezier(.16,1,.3,1) .3s}.chapter-subtitle.visible{opacity:1;transform:translateY(0)}.chapter-content{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1) .5s}.chapter-content.visible{opacity:1;transform:translateY(0)}.stat-card{opacity:0;transform:translateY(40px) scale(.9);transition:all .6s cubic-bezier(.16,1,.3,1)}.stat-card.visible{opacity:1;transform:translateY(0) scale(1)}.stat-card:nth-child(1){transition-delay:.6s}.stat-card:nth-child(2){transition-delay:.75s}.stat-card:nth-child(3){transition-delay:.9s}.story-quote{opacity:0;transform:translate(-30px);transition:all .8s cubic-bezier(.16,1,.3,1) .7s}.story-quote.visible{opacity:1;transform:translate(0)}.story-quote:before{content:'"';font-family:Georgia,serif;font-size:4rem;color:#ffffff4d;position:absolute;top:-20px;left:-10px;line-height:1}@keyframes typewriter-blink{0%,to{opacity:1}50%{opacity:0}}.typewriter-cursor{animation:typewriter-blink .8s step-end infinite}@keyframes chapterPulse{0%,to{box-shadow:0 0 #fbbf2466}50%{box-shadow:0 0 0 15px #fbbf2400}}.chapter-number-active{animation:chapterPulse 2s ease-in-out infinite}.parallax-slow{transform:translateY(calc(var(--scroll-y) * .3))}.parallax-medium{transform:translateY(calc(var(--scroll-y) * .5))}.parallax-fast{transform:translateY(calc(var(--scroll-y) * .8))}.image-reveal{clip-path:inset(100% 0 0 0);transition:clip-path 1.2s cubic-bezier(.77,0,.175,1)}.image-reveal.visible{clip-path:inset(0 0 0 0)}.timeline-progress{height:0%;transition:height .3s ease-out}.fermentation-bar{background:linear-gradient(90deg,#fbbf24,#f59e0b,#d97706,#b45309,#92400e);transition:width 1s ease-out}.nav-dot{transition:all .3s ease}.nav-dot.active{transform:scale(1.5);background-color:#fbbf24}.nav-dot:hover{transform:scale(1.2)}.product-reveal{opacity:0;transform:translateY(60px) rotateY(15deg);transition:all .8s cubic-bezier(.16,1,.3,1)}.product-reveal.visible{opacity:1;transform:translateY(0) rotateY(0)}.product-reveal:nth-child(1){transition-delay:.1s}.product-reveal:nth-child(2){transition-delay:.2s}.product-reveal:nth-child(3){transition-delay:.3s}.product-reveal:nth-child(4){transition-delay:.4s}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{opacity:1;transform:translateY(0);transition:all .5s ease-out}@media(max-width:768px){.story-container{scroll-snap-type:y proximity}.chapter-title{font-size:2rem}.stat-card{padding:1rem}}.story-container::-webkit-scrollbar{width:4px}.story-container::-webkit-scrollbar-track{background:#ffffff1a}.story-container::-webkit-scrollbar-thumb{background:#fbbf2480;border-radius:2px}.story-container::-webkit-scrollbar-thumb:hover{background:#fbbf24cc}.bg-fishy{background:linear-gradient(180deg,#78350f,#92400e 20%,#b45309,#d97706 80%,#f59e0b)}@keyframes sauceDrop{0%{transform:translateY(-100px) scale(.5);opacity:0}20%{opacity:.8}80%{opacity:.6}to{transform:translateY(100vh) scale(1);opacity:0}}.sauce-drop{position:absolute;width:8px;height:12px;background:linear-gradient(180deg,#d97706,#92400e);border-radius:50%/30% 30% 70% 70%;animation:sauceDrop 4s ease-in infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}@keyframes jarWobble{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}.jar-wobble{animation:jarWobble 4s ease-in-out infinite}@keyframes saltFloat{0%,to{transform:translateY(0) rotate(0);opacity:.6}25%{transform:translateY(-10px) rotate(5deg);opacity:.8}75%{transform:translateY(-5px) rotate(-3deg);opacity:.5}}.salt-crystal{animation:saltFloat 3s ease-in-out infinite}@keyframes fishBubble{0%{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-30px) scale(1.1);opacity:.3}to{transform:translateY(-60px) scale(.8);opacity:0}}.fish-bubble{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fffc,#d977064d);animation:fishBubble 3s ease-out infinite}@keyframes sunGlint{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}.sun-glint{position:absolute;width:4px;height:4px;background:#fef3c7;border-radius:50%;box-shadow:0 0 10px 3px #fef3c780;animation:sunGlint 2s ease-in-out infinite}@keyframes smokeRise{0%{transform:translateY(0) translate(0) scale(1);opacity:.3}50%{transform:translateY(-30px) translate(10px) scale(1.5);opacity:.15}to{transform:translateY(-60px) translate(-5px) scale(2);opacity:0}}.smoke-particle{position:absolute;width:20px;height:20px;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);border-radius:50%;animation:smokeRise 4s ease-out infinite}@keyframes chapterSlideIn{0%{opacity:0;transform:translateY(80px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chapter-enter{animation:chapterSlideIn 1s cubic-bezier(.16,1,.3,1) forwards}@keyframes textRevealUp{0%{opacity:0;transform:translateY(40px);filter:blur(10px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.text-reveal{animation:textRevealUp .8s cubic-bezier(.16,1,.3,1) forwards}.text-reveal-delay-1{animation-delay:.1s}.text-reveal-delay-2{animation-delay:.2s}.text-reveal-delay-3{animation-delay:.3s}.text-reveal-delay-4{animation-delay:.4s}@keyframes statPop{0%{opacity:0;transform:scale(.5) translateY(30px)}60%{transform:scale(1.1) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.stat-pop{animation:statPop .6s cubic-bezier(.68,-.55,.265,1.55) forwards}@keyframes quoteFade{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.quote-fade{animation:quoteFade .8s ease-out forwards}@keyframes jarFloat{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-15px) rotate(2deg)}}.floating-jar{animation:jarFloat 5s ease-in-out infinite}@keyframes goldenShimmer{0%{background-position:-200% center}to{background-position:200% center}}.golden-shimmer{background:linear-gradient(90deg,#d97706,#fbbf24,#f59e0b,#fbbf24,#d97706);background-size:200% auto;animation:goldenShimmer 3s linear infinite;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.card-3d-hover{transition:all .4s cubic-bezier(.16,1,.3,1);transform-style:preserve-3d}.card-3d-hover:hover{transform:translateY(-10px) rotateX(5deg) rotateY(5deg);box-shadow:0 25px 50px -12px #00000040,0 0 30px #d9770633}