@import url("https://fonts.googleapis.com/css2?family=Caveat:wght@400;500&family=DM+Sans:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap");:root{--honey-gold:#f59e0b;--honey-light:#fbbf24;--honey-dark:#b45309;--honey-deep:#92400e;--amber:#d97706;--egyptian-gold:#d4af37;--royal-purple:#7c3aed;--lapis-blue:#1e40af;--cream:#fef3c7;--cream-dark:#fde68a;--beeswax:#e5c07b;--warm-white:#fffbeb;--text-dark:#451a03;--text-medium:#78350f;--font-elegant:"Playfair Display",serif;--font-body:"DM Sans",sans-serif;--font-sketch:"Caveat",cursive}.honey-story *{margin:0;padding:0;box-sizing:border-box}.honey-story{font-family:var(--font-body);background:var(--warm-white);color:var(--text-dark);overflow-x:hidden;min-height:100vh}.honey-story .honey-drip-progress{position:fixed;left:2rem;top:0;z-index:100;width:30px;height:100vh;display:flex;flex-direction:column;align-items:center}.honey-story .drip-container{width:100%;height:100%;background:linear-gradient(180deg,var(--cream-dark) 0,var(--cream) 100%);border-radius:0 0 15px 15px;position:relative;overflow:hidden}.honey-story .honey-fill{position:absolute;top:0;left:0;right:0;background:linear-gradient(180deg,var(--honey-light) 0,var(--honey-gold) 50%,var(--honey-dark) 100%);border-radius:0 0 15px 15px;transition:height .1s ease}.honey-story .drip-blob{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);width:20px;height:30px;background:var(--honey-gold);border-radius:50% 50% 50% 50%/30% 30% 70% 70%;animation:drip-wobble 2s ease-in-out infinite}@keyframes drip-wobble{0%,to{transform:translateX(-50%) scaleY(1)}50%{transform:translateX(-50%) scaleY(1.1)}}.honey-story .time-counter{position:fixed;right:2rem;top:50%;transform:translateY(-50%);z-index:100;text-align:right}.honey-story .years-display{font-family:var(--font-elegant);font-size:2.5rem;font-weight:700;color:var(--honey-dark);line-height:1}.honey-story .years-label{font-family:var(--font-sketch);font-size:1rem;color:var(--text-medium)}.honey-story .still-good{font-family:var(--font-sketch);font-size:.875rem;color:var(--honey-gold);margin-top:.25rem}.honey-story .hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:linear-gradient(180deg,var(--warm-white) 0,var(--cream) 100%);padding:2rem;overflow:hidden}.honey-story .hex-bg{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.honey-story .hex-shape{position:absolute;width:60px;height:52px;opacity:.1;animation:hex-float 15s ease-in-out infinite}.honey-story .hex-shape:first-child{top:10%;left:5%;animation-delay:0s}.honey-story .hex-shape:nth-child(2){top:30%;left:85%;animation-delay:2s}.honey-story .hex-shape:nth-child(3){top:60%;left:10%;animation-delay:4s}.honey-story .hex-shape:nth-child(4){top:80%;left:75%;animation-delay:6s}.honey-story .hex-shape:nth-child(5){top:20%;left:60%;animation-delay:8s}.honey-story .hex-shape:nth-child(6){top:70%;left:40%;animation-delay:10s}@keyframes hex-float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(5deg)}}.honey-story .hero-content{position:relative;z-index:10;text-align:center;max-width:700px}.honey-story .hero-jar{width:120px;height:150px;margin:0 auto 2rem;position:relative}.honey-story .jar-svg{width:100%;height:100%}.honey-story .hero-title{font-family:var(--font-elegant);font-size:clamp(2.5rem,8vw,4rem);font-weight:700;color:var(--text-dark);line-height:1.1;margin-bottom:.5rem}.honey-story .hero-title .gold{color:var(--honey-gold);font-style:italic}.honey-story .hero-subtitle{font-family:var(--font-sketch);font-size:1.5rem;color:var(--text-medium);margin-bottom:1.5rem}.honey-story .hero-description{font-size:1.125rem;line-height:1.7;color:var(--text-medium)}.honey-story .hero-fact{display:inline-flex;align-items:center;gap:.5rem;margin-top:2rem;padding:.75rem 1.5rem;background:var(--honey-light);border-radius:50px;font-family:var(--font-elegant);font-size:1rem;color:var(--text-dark)}.honey-story .hero-scroll{position:absolute;bottom:3rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.honey-story .hero-scroll span{font-family:var(--font-sketch);color:var(--text-medium)}.honey-story .scroll-honey{width:24px;height:40px;border:2px solid var(--honey-gold);border-radius:12px;position:relative;overflow:hidden}.honey-story .scroll-honey:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:var(--honey-gold);border-radius:10px 10px 50% 50%;animation:honey-scroll 2s ease-in-out infinite}@keyframes honey-scroll{0%,to{height:30%}50%{height:70%}}.honey-story .content-section{padding:6rem 2rem;position:relative}.honey-story .content-section:nth-child(odd){background:var(--warm-white)}.honey-story .content-section:nth-child(2n){background:var(--cream)}.honey-story .section-layout{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.honey-story .section-layout.reverse{direction:rtl}.honey-story .section-layout.reverse>*{direction:ltr}.honey-story .section-visual{display:flex;justify-content:center}.honey-story .section-content{max-width:480px}.honey-story .section-badge{font-family:var(--font-sketch);font-size:1rem;color:var(--honey-dark);margin-bottom:.5rem}.honey-story .section-title{font-family:var(--font-elegant);font-size:clamp(1.5rem,4vw,2rem);font-weight:600;color:var(--text-dark);margin-bottom:1rem;line-height:1.2}.honey-story .section-text{font-size:1.0625rem;line-height:1.8;color:var(--text-medium);margin-bottom:1rem}.honey-story .section-highlight{font-family:var(--font-elegant);font-size:1.125rem;font-style:italic;color:var(--text-dark);padding:1rem 1.25rem;background:var(--honey-light);border-left:4px solid var(--honey-gold);border-radius:0 8px 8px 0;margin:1.5rem 0}.honey-story .illustration-svg{width:100%;max-width:350px;height:auto}.honey-story .draw-line{stroke-dasharray:500;stroke-dashoffset:500;transition:stroke-dashoffset 1.5s ease}.honey-story .draw-line.visible{stroke-dashoffset:0}.honey-story .fade-up{opacity:0;transform:translateY(30px);transition:all .8s ease}.honey-story .fade-up.visible{opacity:1;transform:translateY(0)}.honey-story .honeycomb-section{padding:5rem 2rem;background:var(--honey-dark);color:white}.honey-story .honeycomb-inner{max-width:900px;margin:0 auto;text-align:center}.honey-story .honeycomb-title{font-family:var(--font-elegant);font-size:2rem;margin-bottom:.5rem}.honey-story .honeycomb-subtitle{font-family:var(--font-sketch);font-size:1.125rem;color:var(--honey-light);margin-bottom:2rem}.honey-story .honeycomb-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:400px;margin:0 auto 2rem}.honey-story .hex-cell{width:60px;height:52px;position:relative;transition:all .5s ease}.honey-story .hex-cell svg{width:100%;height:100%}.honey-story .hex-cell .hex-bg-fill{fill:var(--honey-deep);transition:fill .5s ease}.honey-story .hex-cell .hex-honey-fill{fill:var(--honey-gold);opacity:0;transition:opacity .5s ease}.honey-story .hex-cell.filled .hex-honey-fill{opacity:1}.honey-story .honeycomb-fact{font-size:1rem;color:var(--honey-light);max-width:500px;margin:0 auto}.honey-story .expiration-section{padding:5rem 2rem;background:var(--cream)}.honey-story .expiration-inner{max-width:800px;margin:0 auto}.honey-story .expiration-title{font-family:var(--font-elegant);font-size:2rem;color:var(--text-dark);text-align:center;margin-bottom:3rem}.honey-story .expiration-items{display:flex;flex-direction:column;gap:1rem}.honey-story .expiration-item{display:grid;grid-template-columns:120px 1fr 100px;align-items:center;gap:1rem;padding:1rem;background:white;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.honey-story .item-name{font-family:var(--font-elegant);font-weight:600;color:var(--text-dark)}.honey-story .item-bar{height:12px;background:var(--cream-dark);border-radius:6px;overflow:hidden;position:relative}.honey-story .item-fill{height:100%;border-radius:6px;transition:width 1s ease}.honey-story .item-fill.milk{background:#e0e7ff;width:2%}.honey-story .item-fill.bread{background:#fde68a;width:5%}.honey-story .item-fill.eggs{background:#fecaca;width:8%}.honey-story .item-fill.cheese{background:#fed7aa;width:15%}.honey-story .item-fill.honey{background:linear-gradient(90deg,var(--honey-light),var(--honey-gold),var(--honey-dark));width:100%}.honey-story .item-time{font-family:var(--font-sketch);font-size:.875rem;color:var(--text-medium);text-align:right}.honey-story .item-time.forever{color:var(--honey-dark);font-weight:600;font-size:1rem}.honey-story .science-section{padding:5rem 2rem;background:linear-gradient(180deg,var(--warm-white) 0,var(--cream) 100%)}.honey-story .science-inner{max-width:900px;margin:0 auto}.honey-story .science-title{font-family:var(--font-elegant);font-size:2rem;color:var(--text-dark);text-align:center;margin-bottom:3rem}.honey-story .science-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.honey-story .science-card{background:white;padding:1.5rem;border-radius:16px;text-align:center;box-shadow:0 4px 15px rgba(0,0,0,.05);border:2px solid var(--cream-dark)}.honey-story .science-icon{width:60px;height:60px;margin:0 auto 1rem;background:var(--honey-light);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.honey-story .science-card h4{font-family:var(--font-elegant);font-size:1.125rem;color:var(--text-dark);margin-bottom:.5rem}.honey-story .science-card p{font-size:.875rem;color:var(--text-medium);line-height:1.6}.honey-story .quote-section{padding:5rem 2rem;background:var(--egyptian-gold);text-align:center}.honey-story .quote-inner{max-width:700px;margin:0 auto}.honey-story .quote-text{font-family:var(--font-elegant);font-size:clamp(1.25rem,3vw,1.75rem);font-style:italic;color:var(--text-dark);line-height:1.6;margin-bottom:1rem}.honey-story .quote-author{font-family:var(--font-sketch);font-size:1rem;color:var(--honey-deep)}.honey-story .sources-section{padding:4rem 2rem;background:var(--warm-white)}.honey-story .sources-inner{max-width:800px;margin:0 auto}.honey-story .sources-title{font-family:var(--font-elegant);font-size:1.5rem;color:var(--text-dark);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:3px solid var(--honey-gold)}.honey-story .sources-grid{display:grid;gap:.75rem}.honey-story .sources-grid a{font-size:.9375rem;color:var(--text-medium);text-decoration:none;padding:1rem 1.25rem;background:var(--cream);border-radius:8px;border-left:4px solid var(--honey-gold);transition:all .2s ease}.honey-story .sources-grid a:hover{color:var(--text-dark);transform:translateX(4px);background:var(--cream-dark)}.honey-story .story-footer{padding:4rem 2rem;text-align:center;background:var(--honey-dark);color:white}.honey-story .footer-content{display:flex;flex-direction:column;align-items:center}.honey-story .footer-bee{font-size:3rem;margin-bottom:1rem}.honey-story .footer-text{font-family:var(--font-elegant);font-size:1.125rem;font-style:italic;color:var(--honey-light);max-width:500px}@media (max-width:900px){.honey-story .section-layout,.honey-story .section-layout.reverse{grid-template-columns:1fr;direction:ltr}.honey-story .honey-drip-progress{left:1rem;width:20px}.honey-story .time-counter{right:1rem}.honey-story .years-display{font-size:1.5rem}.honey-story .expiration-item{grid-template-columns:80px 1fr 60px}.honey-story .science-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.honey-story .draw-line,.honey-story .drip-wobble,.honey-story .fade-up,.honey-story .hex-cell,.honey-story .hex-float,.honey-story .honey-scroll,.honey-story .item-fill{animation:none;transition:none;opacity:1;stroke-dashoffset:0;transform:none}}