@import url(https://db.onlinewebfonts.com/c/649a840f2843d775a12e92738abff766?family=Ralsteda+Med);@import url(https://db.onlinewebfonts.com/c/23276d946be6c02f2cd504db6a77e13b?family=Compasse);body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Ralsteda Med;src:url(https://db.onlinewebfonts.com/t/649a840f2843d775a12e92738abff766.eot);src:url(https://db.onlinewebfonts.com/t/649a840f2843d775a12e92738abff766.eot?#iefix)format("embedded-opentype"),url(https://db.onlinewebfonts.com/t/649a840f2843d775a12e92738abff766.woff2)format("woff2"),url(https://db.onlinewebfonts.com/t/649a840f2843d775a12e92738abff766.woff)format("woff"),url(https://db.onlinewebfonts.com/t/649a840f2843d775a12e92738abff766.ttf)format("truetype"),url(https://db.onlinewebfonts.com/t/649a840f2843d775a12e92738abff766.svg#Ralsteda%20Med)format("svg")}@font-face{font-family:Compasse;src:url(https://db.onlinewebfonts.com/t/23276d946be6c02f2cd504db6a77e13b.eot);src:url(https://db.onlinewebfonts.com/t/23276d946be6c02f2cd504db6a77e13b.eot?#iefix)format("embedded-opentype"),url(https://db.onlinewebfonts.com/t/23276d946be6c02f2cd504db6a77e13b.woff2)format("woff2"),url(https://db.onlinewebfonts.com/t/23276d946be6c02f2cd504db6a77e13b.woff)format("woff"),url(https://db.onlinewebfonts.com/t/23276d946be6c02f2cd504db6a77e13b.ttf)format("truetype"),url(https://db.onlinewebfonts.com/t/23276d946be6c02f2cd504db6a77e13b.svg#Compasse)format("svg")}:root{--color-molasses-brown:#451b09;--color-golden-honey:#d39639;--color-caramel-beige:#c29c78;--color-oatmeal-taupe:#b6a697;--color-cream-white:#fffbf4;--color-beachwood-black:#160d00;--color-sky-blue:#399bd3;--color-clover-green:#098d0e;--font-header:"Ralsteda Med",sans-serif;--font-body:"Compasse",sans-serif;--text-header:128px;--text-subheader:96px;--text-body:64px;--text-nav:18px;--text-nav-footer:16px;--font-regular:400;--font-bold:700;--border-honey:6px solid var(--color-golden-honey)}*{box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;pointer-events:none}@keyframes drip{0%{transform:scaleY(0)}2%{transform:scaleY(0)}40%{transform:scaleY(1)}70%{transform:scaleY(2.5)}85%{transform:scaleY(2.5)}to{transform:scaleY(0)}}.App{color:var(--color-beachwood-black);flex-direction:column;max-width:100vw;min-height:100vh;overflow-x:hidden;width:100%}.App,.header{background-color:var(--color-cream-white);display:flex}.header{align-items:center;border-bottom:var(--border-honey);justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.mobile-menu-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:4px;padding:.5rem}.hamburger-line{background-color:var(--color-molasses-brown);border-radius:2px;height:3px;transition:all .3s ease;width:25px}.mobile-menu-toggle.active .hamburger-line:first-child{transform:rotate(45deg) translate(6px,6px)}.mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:0}.mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.honey-drip{animation:drip 15s infinite;background-color:var(--color-golden-honey);bottom:-40px;filter:drop-shadow(0 2px 4px rgba(211,150,57,.2));height:40px;position:absolute;transform-origin:top center;width:8px}.honey-drip-front{z-index:101}.honey-drip-back{z-index:99}.honey-drip:first-child{animation-delay:0s;left:10%}.honey-drip:nth-child(2){animation-delay:1.2s;left:20%}.honey-drip:nth-child(3){animation-delay:2.1s;left:35%}.honey-drip:nth-child(4){animation-delay:.6s;left:50%}.honey-drip:nth-child(5){animation-delay:1.8s;left:65%}.honey-drip:nth-child(6){animation-delay:.3s;left:80%}.honey-drip:nth-child(7){animation-delay:1.5s;left:90%}.header-left{align-items:center;display:flex;gap:1rem}.logo-link{text-decoration:none}.header-logo{height:40px;object-fit:contain;width:40px}.header-title-link{text-decoration:none;transition:opacity .2s ease}.header-title-link:hover{opacity:.8}.header-title{color:var(--color-molasses-brown);font-family:var(--font-header);font-size:32px;margin:0}.header-nav ul{align-items:center;display:flex;gap:2rem;list-style:none;margin:0;padding:0}.header-nav .nav-button{background:#0000;border:2px solid var(--color-golden-honey);border-radius:8px;color:var(--color-molasses-brown);font-family:var(--font-header);padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.header-nav .nav-button:hover{transform:translateY(-2px)}.header-nav .nav-button.primary,.header-nav .nav-button:hover{background:var(--color-golden-honey);color:#fff}.header-nav .nav-button.primary:hover{background:var(--color-molasses-brown);color:#fff;transform:translateY(-2px)}.main{flex:1 1;max-width:100%;overflow-x:hidden;overflow-y:auto;padding:2rem;width:100%}.home-container,.main{align-items:center;display:flex;justify-content:center}.home-container{flex-direction:column;margin:0 auto;min-height:calc(100vh - 200px);padding-bottom:4rem;text-align:center;width:60vw}.home-logo{height:auto;margin-bottom:2rem;width:100%}.home-subtitle{color:var(--color-molasses-brown);font-family:var(--font-body);font-size:1.5rem;margin:0 0 3rem;text-align:center}.home-ctas{display:flex;gap:2rem;justify-content:center;margin-bottom:4rem}.gallery-container{align-items:center;display:flex;gap:1rem;margin:0 auto;max-width:1200px;padding:0 1rem;position:relative;width:100%}.home-gallery{-ms-overflow-style:none;display:flex;gap:1rem;overflow-x:auto;padding:1rem 0;scrollbar-width:none;width:100%}.home-gallery::-webkit-scrollbar{display:none}.home-gallery .photo-image{border-radius:8px;flex-shrink:0;height:300px;object-fit:cover;width:300px}.gallery-arrow{background:var(--color-golden-honey);border:none;border-radius:50%;color:#fff;cursor:pointer;flex-shrink:0;font-size:24px;font-weight:700;height:50px;transition:all .3s ease;width:50px}.gallery-arrow:hover{background:var(--color-molasses-brown);transform:scale(1.1)}.cta-button{background:#0000;border:2px solid var(--color-golden-honey);border-radius:8px;color:var(--color-molasses-brown);font-family:var(--font-header);font-size:1.25rem;padding:1rem 3rem;text-decoration:none;transition:all .3s ease}.cta-button:hover{transform:translateY(-2px)}.cta-button.primary,.cta-button:hover{background:var(--color-golden-honey);color:#fff}.cta-button.primary:hover{background:var(--color-molasses-brown);color:#fff;transform:translateY(-2px)}.coming-soon-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:60vh;width:100%}.coming-soon-bee{height:80px;object-fit:contain;width:80px}.coming-soon-bee,.coming-soon-title{animation:buzz 2s ease-in-out infinite}.coming-soon-title{color:var(--color-molasses-brown);font-family:var(--font-header);font-size:3rem;text-align:center}@keyframes buzz{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-2px) rotate(-1deg)}20%,40%,60%,80%{transform:translateX(2px) rotate(1deg)}}h1{color:var(--color-molasses-brown);font-family:var(--font-header);font-size:clamp(3rem,8vw,var(--text-header));margin:0}.footer{background-color:var(--color-cream-white);border-top:var(--border-honey);padding:1.5rem 2rem;text-align:center}.footer-nav ul{display:flex;gap:2rem;justify-content:center;list-style:none;margin:0 0 2rem;padding:0}.footer-copyright{color:var(--color-molasses-brown)}.bee-controls{align-items:center;display:flex;font-family:var(--font-body);gap:1rem;justify-content:center;margin-bottom:1rem}.footer-copyright p{display:inline;margin:0}a{color:var(--color-molasses-brown);font-family:var(--font-body);font-size:var(--text-nav);font-weight:var(--font-bold);text-decoration:underline;transition:color .2s ease}a:hover{color:var(--color-golden-honey)}@media (max-width:768px){.header{flex-wrap:wrap;padding:1rem}.header-left{flex:1 1;min-width:0}.header-title{font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-menu-toggle{display:flex}.header-nav{background-color:var(--color-cream-white);border-bottom:var(--border-honey);left:0;opacity:0;position:absolute;right:0;top:100%;transform:translateY(-100%);transition:all .3s ease;visibility:hidden;z-index:102}.header.mobile-menu-open .honey-drip{top:calc(100% + 40px)}.header-nav.mobile-open{opacity:1;transform:translateY(0);visibility:visible}.header-nav ul{flex-direction:column;gap:0;margin:0;padding:0}.header-nav li{border-bottom:1px solid var(--color-golden-honey);text-align:center;width:100%}.header-nav li:last-child{border-bottom:none}.header-nav .nav-button{border:none;border-radius:0;margin:0;text-align:center}.header-nav .nav-button,.header-nav li a:not(.nav-button){display:block;font-size:1.1rem;padding:1.5rem 1rem;width:100%}.header-nav li a:not(.nav-button){color:var(--color-molasses-brown);text-decoration:none;transition:background-color .3s ease}.header-nav li a:not(.nav-button):hover{background-color:var(--color-golden-honey);color:#fff}.header-nav .nav-button:hover{background:var(--color-golden-honey);transform:none}.home-container{padding:1rem;width:90vw}.home-subtitle{font-size:1.2rem}.home-ctas{align-items:center;flex-direction:column;gap:1rem}.cta-button{max-width:300px;text-align:center;width:100%}.gallery-container{gap:.5rem;padding:0 .5rem;width:100%}.home-gallery{gap:.5rem}.home-gallery .photo-image{height:200px;min-width:200px;width:200px}.gallery-arrow{font-size:20px;height:40px;width:40px}.footer,.main{padding:1rem}.footer-nav ul{flex-direction:column;gap:1rem}.bee-controls{flex-direction:column;gap:.5rem}}@media (max-width:480px){.header-title{font-size:16px}.home-gallery .photo-image{height:150px;min-width:150px;width:150px}.gallery-arrow{font-size:18px;height:35px;width:35px}.home-subtitle{font-size:1rem}}.brand-page{background-color:var(--cream-white);min-height:100vh;padding:2rem}.brand-section{margin:0 auto;max-width:1200px;padding:0 1rem}.brand-section h1{color:var(--molasses-brown);font-family:Ralsteda Med,sans-serif;font-size:64px;margin-bottom:2rem;text-align:left}.brand-section h2{font-size:48px;margin:2rem 0 1.5rem}.brand-section h2,.brand-section h3{color:var(--molasses-brown);font-family:Compasse,sans-serif;font-weight:700;text-align:left}.brand-section h3{font-size:32px;margin-bottom:1rem}.typography-section{padding:0 1rem;text-align:left}.font-showcase{display:flex;flex-direction:column;gap:2rem;text-align:left}.font-example{padding:.5rem 0;text-align:left}.font-sample{line-height:1.2;margin:0;text-align:left}.header-font .font-sample{font-family:Ralsteda Med,sans-serif;font-size:64px}.subheader-font .font-sample{font-family:Compasse,sans-serif;font-size:48px;font-weight:700}.body-font .font-sample{font-family:Compasse,sans-serif;font-size:32px}.nav-font .font-sample{font-family:Compasse,sans-serif;font-size:24px;text-decoration:underline}.illustrations-section{margin:4rem 0;padding:0 1rem}.illustration-grid{align-items:flex-start;display:flex;gap:3rem}.illustration-item{align-items:flex-start;display:flex;flex-direction:column;gap:1rem}.illustration-image{height:auto;object-fit:contain;width:200px}.illustration-name{color:var(--molasses-brown);font-family:Compasse,sans-serif;font-size:16px}.colors-section{margin:4rem 0;padding:0 1rem;text-align:left}.color-category{margin-bottom:3rem}.color-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:flex-start}.color-swatch{align-items:center;display:flex;gap:1rem}.swatch{border:1px solid #0000001a;border-radius:4px;flex-shrink:0;height:48px;width:48px}.color-info{align-items:flex-start;display:flex;flex-direction:column;gap:.25rem}.color-name{font-size:16px;font-weight:700}.color-hex,.color-name{font-family:Compasse,sans-serif;text-align:left}.color-hex{color:var(--molasses-brown);font-size:14px}.photography-section{margin:4rem 0;padding:0 1rem}.photo-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.photo-item{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem}.photo-image{aspect-ratio:1;border:var(--border-honey);border-radius:4px;object-fit:cover;width:100%}.photo-name{color:var(--molasses-brown);font-family:Compasse,sans-serif;font-size:16px}.molasses-brown{background-color:#451b09}.golden-honey{background-color:#d39639}.caramel-beige{background-color:#c29c78}.oatmeal-taupe{background-color:#b6a697}.cream-white{background-color:#fffbf4}.beachwood-black{background-color:#160d00}.sky-blue{background-color:#399bd3}.clover-green{background-color:#098d0e}@media (max-width:1200px){.brand-section h1{font-size:96px}.brand-section h2{font-size:72px}.header-font .font-sample{font-size:96px}.subheader-font .font-sample{font-size:72px}.body-font .font-sample{font-size:48px}}@media (max-width:768px){.brand-section h1{font-size:64px}.brand-section h2{font-size:48px}.header-font .font-sample{font-size:64px}.subheader-font .font-sample{font-size:48px}.body-font .font-sample{font-size:32px}}.product-card{background:var(--color-cream-white);border:var(--border-honey);border-radius:4px;overflow:hidden;transition:transform .2s ease}.product-card:hover{transform:translateY(-4px)}.product-image-container{aspect-ratio:1;border-bottom:var(--border-honey);display:block;line-height:0;position:relative}img{display:block;height:100%;image-rendering:-webkit-optimize-contrast;-webkit-image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-webkit-image-rendering:crisp-edges;object-fit:cover;width:100%}.product-info{padding:16px}h3{font-family:var(--font-header);font-size:var(--text-nav);margin:0 0 8px}.product-color,h3{color:var(--color-molasses-brown)}.product-color{font-family:var(--font-body);font-size:.9rem;margin-bottom:8px}.product-variants{display:flex;gap:8px;margin-bottom:12px}button{background:none;border:1px solid var(--color-oatmeal-taupe);border-radius:16px;cursor:pointer;font-family:var(--font-body);padding:4px 12px;transition:all .2s ease}button.selected{background:var(--color-golden-honey);border-color:var(--color-golden-honey);color:var(--color-cream-white)}.product-price{color:var(--color-molasses-brown);font-family:var(--font-body);font-size:1.4rem;font-weight:var(--font-bold);margin-bottom:12px}.shop-container{margin:0 auto;max-width:1200px;padding:24px}.category-section{margin-bottom:48px}.category-section:last-child{margin-bottom:0}.category-title{color:var(--color-molasses-brown);font-family:var(--font-header);font-size:var(--text-subheader);margin-bottom:24px;text-align:left}.shop-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-content:start;max-width:100%;padding:16px 0}@media (max-width:1024px){.shop-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.shop-grid{gap:16px;grid-template-columns:1fr}.shop-container{padding:16px}}.product-detail{margin:0 auto;max-width:1200px;padding:40px 20px}.product-detail-grid{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:1fr 1fr}.product-detail-image img{aspect-ratio:1;border:var(--border-honey);border-radius:4px;object-fit:cover;width:100%}.product-detail-info{padding:20px}.product-detail-title{color:var(--color-molasses-brown);font-family:var(--font-header);font-size:2.5rem;margin:0 0 16px}.product-detail-color{color:#666;font-size:1.1rem;margin-bottom:12px}.product-detail-vintage{color:var(--color-golden-honey);font-size:1.1rem;margin-bottom:12px}.product-detail-description{font-size:1.1rem;line-height:1.6;margin-bottom:24px}.product-detail-variants{margin-bottom:24px}.product-detail-variants label{display:block;font-weight:500;margin-bottom:8px}.variant-buttons{display:flex;gap:12px}.variant-button{background:none;border:1px solid #ddd;border-radius:20px;cursor:pointer;padding:8px 16px;transition:all .2s ease}.variant-button.selected{background:var(--color-golden-honey);border-color:var(--color-golden-honey);color:#fff}.product-detail-price{font-size:1.8rem;font-weight:600;margin:24px 0}.add-to-cart-button{background:var(--color-golden-honey);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:500;min-width:200px;padding:16px 32px;text-align:left;transition:background .2s ease;width:auto}.add-to-cart-button:hover{background:#c28632}@media (max-width:768px){.product-detail-grid{grid-template-columns:1fr}.product-detail-info{padding:0}}.about-page{box-sizing:border-box;font-family:var(--font-body);margin:0 auto;max-width:1200px;padding:40px 20px;width:100%}.about-hero{background:linear-gradient(135deg,var(--color-cream-white) 0,#f8f4e6 100%);border:var(--border-honey);border-radius:12px;margin-bottom:60px;padding:40px 0;text-align:center}.about-title{color:var(--color-molasses-brown);font-family:var(--font-header);font-size:3.5rem;margin:0 0 16px;text-shadow:2px 2px 4px #0000001a}.about-subtitle{color:var(--color-golden-honey);font-size:1.3rem;font-weight:500;margin:0}.about-content{display:flex;flex-direction:column;gap:60px}.about-story-section{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:1fr 1fr}.story-image img{aspect-ratio:1;border:var(--border-honey);border-radius:12px;box-shadow:0 8px 24px #0000001a;object-fit:cover;width:100%}.story-content h2{color:var(--color-molasses-brown);font-family:var(--font-header);font-size:2.5rem;margin:0 0 30px}.story-timeline{display:flex;flex-direction:column;gap:30px}.timeline-item h3{color:var(--color-golden-honey);font-size:1.4rem;font-weight:600;margin:0 0 12px}.timeline-item p{color:var(--color-molasses-brown);font-size:1.1rem;line-height:1.7;margin:0}.about-philosophy{background:var(--color-cream-white);border:2px solid var(--color-golden-honey);border-radius:12px;padding:40px}.about-philosophy h2{font-family:var(--font-header);font-size:2.5rem;margin:0 0 20px}.about-philosophy h2,.philosophy-quote{color:var(--color-molasses-brown);text-align:center}.philosophy-quote{background:#fff;border-left:4px solid var(--color-golden-honey);border-radius:8px;font-size:1.3rem;font-style:italic;margin:0 0 40px;padding:20px}.practices-grid h3{color:var(--color-molasses-brown);font-size:1.6rem;margin:0 0 20px}.practices-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;margin:0;padding:0}.practices-list li{background:#fff;border-left:4px solid var(--color-golden-honey);border-radius:8px;color:var(--color-molasses-brown);font-size:1.1rem;line-height:1.5;padding:16px 20px;position:relative}.practices-list li:before{content:"";font-size:1.2rem;margin-right:12px}.about-honey-types{background:linear-gradient(135deg,#f8f4e6 0,var(--color-cream-white) 100%);border-radius:12px;padding:40px}.about-honey-types h2{color:var(--color-molasses-brown);font-family:var(--font-header);font-size:2.5rem;margin:0 0 40px;text-align:center}.honey-types-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.honey-type{background:#fff;border:2px solid var(--color-golden-honey);border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:30px;text-align:center}.honey-type h3{font-size:1.5rem;font-weight:600;margin:0 0 16px}.honey-type h3,.honey-type p{color:var(--color-molasses-brown)}.honey-type p{font-size:1.1rem;line-height:1.6;margin:0}.about-family{background:var(--color-cream-white);border:2px solid var(--color-golden-honey);border-radius:12px;padding:40px}.about-family h2{font-family:var(--font-header);font-size:2.5rem;margin:0 0 20px}.about-family h2,.family-description{color:var(--color-molasses-brown);text-align:center}.family-description{font-size:1.2rem;line-height:1.7;margin:0 0 40px}.values-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.value-item{align-items:center;background:#fff;border:1px solid var(--color-golden-honey);border-radius:8px;display:flex;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.value-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.value-icon{height:24px;margin-right:16px;object-fit:contain;width:24px}.value-text{color:var(--color-molasses-brown);font-size:1.1rem;font-weight:500}.about-location{background:linear-gradient(135deg,#e8f4f8,#f0f8f0);border:2px solid var(--color-sky-blue);border-radius:12px;padding:40px}.about-location h2{color:var(--color-molasses-brown);font-family:var(--font-header);font-size:2.5rem;margin:0 0 20px;text-align:center}.about-location p{color:var(--color-molasses-brown);font-size:1.2rem;line-height:1.7;margin:0 0 16px}.climate-note{color:var(--color-clover-green);font-style:italic;font-weight:500}.about-commitment{background:var(--color-cream-white);border:2px solid var(--color-golden-honey);border-radius:12px;padding:40px}.about-commitment h2{color:var(--color-molasses-brown);font-family:var(--font-header);font-size:2.5rem;margin:0 0 40px;text-align:center}.commitment-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.commitment-item{background:#fff;border:2px solid var(--color-golden-honey);border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:30px;text-align:center}.commitment-item h3{color:var(--color-molasses-brown);font-size:1.6rem;font-weight:600;margin:0 0 16px}.commitment-item p{color:var(--color-molasses-brown);font-size:1.1rem;line-height:1.6;margin:0}@media (max-width:768px){.about-title{font-size:2.5rem}.about-story-section{grid-template-columns:1fr}.about-commitment h2,.about-family h2,.about-honey-types h2,.about-location h2,.about-philosophy h2,.story-content h2{font-size:2rem}.commitment-grid,.honey-types-grid,.practices-list,.values-grid{grid-template-columns:1fr}.about-page{padding:20px 10px}.about-commitment,.about-family,.about-hero,.about-honey-types,.about-location,.about-philosophy{padding:30px 20px}}.bee-pun-overlay{align-items:center;animation:fadeIn .3s ease-in-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.bee-pun-popup{animation:popIn .4s ease-out;background:linear-gradient(135deg,gold,#ffed4e);border:3px solid #ff6b35;border-radius:20px;box-shadow:0 10px 30px #0000004d;max-width:400px;padding:30px;position:relative;text-align:center;width:90%}.bee-pun-close{align-items:center;background:none;border:none;border-radius:50%;color:#ff6b35;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:30px;justify-content:center;padding:0;position:absolute;right:15px;top:10px;transition:background-color .2s ease;width:30px}.bee-pun-close:hover{background-color:#ff6b3533}.bee-pun-content{align-items:center;display:flex;flex-direction:column;gap:15px}.bee-illustration{animation:bounce 2s infinite;height:60px;object-fit:contain;width:60px}.bee-pun-text{color:#2c3e50;font-family:Arial,sans-serif;font-size:18px;font-weight:600;line-height:1.4;margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.5) translateY(-50px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.bee-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.bee-front{z-index:1000}.bee-back{z-index:-1}.flying-bee{animation:flyAcross 10s linear forwards;position:absolute}.bee-clickable{cursor:pointer;pointer-events:auto;transition:transform .2s ease}.bee-clickable:hover{transform:scale(1.1)}.bee-clickable img{pointer-events:auto}.flying-bee img{animation:beeFloat 3s ease-in-out infinite}@keyframes flyAcross{0%{left:var(--bee-start-position)}to{left:var(--bee-end-position)}}@keyframes beeFloat{0%{transform:translateY(0) rotate(-2deg)}25%{transform:translateY(-8px) rotate(0deg)}50%{transform:translateY(0) rotate(2deg)}75%{transform:translateY(8px) rotate(0deg)}to{transform:translateY(0) rotate(-2deg)}}
/*# sourceMappingURL=main.c7d5c7ba.css.map*/