html,body{margin:0!important;padding:0!important;background-color:#15302a!important;overflow-x:hidden}.products-container{background-color:#15302a;width:100vw;position:relative;overflow-x:hidden;margin:0;padding:0;border:none;min-height:100vh}.hero-image-section{height:100vh;width:100vw;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;margin:0;padding:0;border:none;z-index:10}.hero-landing-image{width:66.66%;height:auto;max-height:100vh;object-fit:contain;object-position:center}.story-section{background-color:#15302a;width:100vw;position:relative;display:flex;align-items:center;justify-content:center;padding:3rem 0;margin:0;border:none}.story-content{background-color:#15302a;border:2px solid #ffebd4;border-radius:12px;padding:3rem;max-width:1000px;width:100%;margin:0 auto;text-align:center;box-sizing:border-box;position:relative;z-index:10}.story-content p{color:#ffebd4;font-family:indivisible,sans-serif;font-size:1.4rem;line-height:1.8;margin:0 0 2rem}.story-content p:last-child{margin-bottom:0}.story-divider{border:none;border-top:2px solid #d06c22;margin:2.5rem 0;opacity:.8}.signup-blurb{font-size:1.3rem!important;margin-bottom:1.5rem!important}.story-email-form{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem;align-items:center}.story-email-input{width:100%;padding:1rem;border:2px solid #15302a;border-radius:8px;font-family:indivisible,sans-serif;font-size:1rem;background:#15302a;color:#ffebd4;transition:all .3s ease;box-shadow:none;box-sizing:border-box;text-align:center}.story-email-input:focus{outline:none;border-color:#15302a;box-shadow:none;background:#15302a}.story-email-input::placeholder{color:#ffebd4;opacity:.6}.story-form-status{padding:1rem;border-radius:8px;text-align:center;font-family:indivisible,sans-serif;font-weight:500}.story-form-status.success{background:#27ae6033;color:#ffebd4;border:2px solid #27ae60}.story-form-status.error{background:#b8281133;color:#ffebd4;border:2px solid #b82811}.story-email-btn{font-family:Hagrid,sans-serif;font-weight:700;font-size:1.2rem;color:#ffebd4;background-color:#15302a;padding:.5rem 1rem;border:2px solid #ffebd4;border-radius:8px;transition:all .3s ease;text-shadow:1px 1px 2px rgba(0,0,0,.3);letter-spacing:.05em;animation:gentle-float 4s ease-in-out infinite;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;width:auto;margin:10px auto 0}.story-email-btn:hover:not(:disabled){background-color:#ffebd4;color:#15302a;text-shadow:none;transform:translateY(-2px);box-shadow:0 4px 8px #ffebd44d}.story-email-btn:disabled{opacity:.6;cursor:not-allowed}.story-mug-container{position:relative;width:30px;height:30px}.story-peelo-mug{width:30px;height:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.story-steam-container{position:absolute;top:11px;left:50%;transform:translate(-50%);width:7.5px;height:20px;pointer-events:none}.story-steam-1{left:1px;animation-delay:0s}.story-steam-2{left:1.875px;animation-delay:.2s}.story-steam-3{left:2.75px;animation-delay:.4s}.story-steam-container .steam{width:3px;height:3px}.fixed-header{position:fixed;top:20px;right:20px;z-index:1000;pointer-events:auto}.header-contact-link{font-family:Hagrid,sans-serif;font-weight:700;font-size:1.2rem;color:#ffebd4;background-color:#15302a;text-decoration:none;padding:.5rem 1rem;border:2px solid #ffebd4;border-radius:8px;transition:all .3s ease;text-shadow:1px 1px 2px rgba(0,0,0,.3);letter-spacing:.05em;animation:gentle-float 4s ease-in-out infinite;display:flex;align-items:center;gap:.5rem}.header-contact-link:hover{background-color:#ffebd4;color:#15302a;text-shadow:none;transform:translateY(-2px);box-shadow:0 4px 8px #ffebd44d}.header-mug-container{position:relative;width:30px;height:30px}.header-peelo-mug{width:30px;height:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.header-steam-container{position:absolute;top:11px;left:50%;transform:translate(-50%);width:7.5px;height:20px;pointer-events:none}.header-steam-1{left:1px;animation-delay:0s}.header-steam-2{left:1.875px;animation-delay:.2s}.header-steam-3{left:2.75px;animation-delay:.4s}.header-steam-container .steam{width:3px;height:3px}.content-section{background-color:#15302a;min-height:100vh;width:100vw;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:2rem 0}.products-content{z-index:10;text-align:center;color:#ffebd4}.mug-container{position:relative;margin-bottom:2rem;transform:translateY(50px)}.peelo-mug{width:120px;height:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.steam-container{position:absolute;top:45px;left:50%;transform:translate(-50%);width:30px;height:80px;pointer-events:none}.steam{position:absolute;width:6px;height:6px;background:#ffffffb3;border-radius:50%;animation:steam-rise 2s ease-in-out infinite}.steam-1{left:8px;animation-delay:0s}.steam-2{left:15px;animation-delay:.3s}.steam-3{left:22px;animation-delay:.6s}@keyframes steam-rise{0%{opacity:.8;transform:translateY(0) scale(1)}50%{opacity:.4;transform:translateY(-30px) scale(1.2)}to{opacity:0;transform:translateY(-60px) scale(1.5)}}.products-content h1{font-family:beastly,serif;font-size:3rem;font-weight:400;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.5);letter-spacing:.1em}.contact-link{font-family:Hagrid,sans-serif;font-weight:700;font-size:1.2rem;color:#ffebd4;text-decoration:none;margin-top:1.5rem;display:inline-block;padding:.5rem 1rem;border:2px solid #ffebd4;border-radius:8px;transition:all .3s ease;text-shadow:1px 1px 2px rgba(0,0,0,.3);letter-spacing:.05em}.contact-link:hover{background-color:#ffebd4;color:#15302a;text-shadow:none;transform:translateY(-2px);box-shadow:0 4px 8px #ffebd44d}.flowers-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}@media (max-width: 768px){.products-content h1{font-size:2rem}.falling-flower img{max-width:60px;max-height:60px}}@media (max-width: 480px){.products-content h1{font-size:1.5rem}.falling-flower img{max-width:40px;max-height:40px}}.products-content h1{animation:gentle-float 4s ease-in-out infinite}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.cards-section{margin-top:3rem;width:100%;max-width:1000px;padding:0;position:relative;z-index:10}.cards-container{display:flex;gap:2rem;justify-content:center;align-items:flex-start;margin-bottom:2rem}.cards-container:last-child{margin-bottom:0}.card{background:#ffebd4;border-radius:12px;padding:.5rem .5rem calc(1rem + 3px) .5rem;flex:1;height:250px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000001a;border-left:4px solid #d06c22;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.card:hover,.card.expanded{transform:translateY(-5px) scale(1.05);box-shadow:0 8px 25px #00000026;height:auto;min-height:250px}.card-image{display:flex;justify-content:center;align-items:center;flex:1;width:100%;padding:.5rem;background-color:#ffebd4}.card-image img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;transition:transform .3s ease}.card:hover .card-image img,.card.expanded .card-image img{transform:scale(1.1)}.card-hover-text{max-height:0;opacity:0;overflow:hidden;transition:all .3s ease;text-align:center;padding:0 1.5rem;width:100%}.card:hover .card-hover-text,.card.expanded .card-hover-text{max-height:none;opacity:1;margin-top:1rem;padding-bottom:1rem}.card-hover-text p{color:#15302a;font-family:indivisible,sans-serif;line-height:1.4;margin:0;font-size:1rem}.brewing-instructions{margin-top:3rem;max-width:800px;padding:2rem;background-color:#ffebd4;border-radius:12px;text-align:center}.brewing-instructions p{color:#15302a;font-family:indivisible,sans-serif;font-size:1.1rem;line-height:1.7;margin:0}.flowers-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.falling-flower{position:absolute;top:-100px;animation:fall-and-bounce linear infinite;transform-origin:center}.falling-flower img{display:block;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:transform .3s ease}@media (max-width: 768px){.cards-container{flex-direction:column;align-items:center;gap:1rem}.card{width:100%;max-width:400px}.falling-flower img{max-width:60px!important;max-height:60px!important}}@media (max-width: 480px){.falling-flower img{max-width:40px!important;max-height:40px!important}}.footer-section{position:relative;margin-top:3rem;text-align:center;z-index:5}.footer-section p{color:#ffebd4;font-family:indivisible,sans-serif;font-size:.9rem;margin:0}.footer-section a{color:#ffebd4;text-decoration:underline;transition:color .3s ease}.footer-section a:hover{color:#d06c22}.peelo-contact{background:var(--peelo-cream);padding:3rem 0;border-radius:16px;margin:2rem 0;box-shadow:0 8px 32px #15302a1a}.peelo-contact-container{max-width:800px;margin:0 auto;padding:0 2rem}.peelo-contact h2{font-family:beastly,serif;font-size:2.5rem;color:var(--peelo-cream);text-align:center;margin-bottom:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.peelo-contact-content{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center;text-align:center}.peelo-contact-info{text-align:center;padding:0}.peelo-contact-info p{font-family:indivisible,sans-serif;font-size:1.2rem;line-height:1.7;color:var(--peelo-cream);margin-bottom:1.5rem}.peelo-contact-details p{font-family:indivisible,sans-serif;font-size:1rem;margin-bottom:.75rem;color:var(--peelo-dark-green);display:flex;align-items:center;gap:.5rem}.peelo-contact-form{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 8px 32px #d06c2233;border:3px solid var(--peelo-marigold)}.peelo-form-group{margin-bottom:1.5rem}.peelo-form-group input,.peelo-form-group select,.peelo-form-group textarea{width:100%;padding:1rem;border:3px solid var(--peelo-marigold);border-radius:8px;font-family:indivisible,sans-serif;font-size:1rem;background:var(--peelo-cream);color:var(--peelo-dark-green);transition:all .3s ease;box-shadow:0 4px 8px #d06c2240}.peelo-form-group input:focus,.peelo-form-group select:focus,.peelo-form-group textarea:focus{outline:none;border-color:var(--peelo-orange);box-shadow:0 0 0 4px #d06c224d,0 6px 16px #d06c2266;background:#fff}.peelo-form-group input::placeholder,.peelo-form-group textarea::placeholder{color:var(--peelo-dark-green);opacity:.7}.peelo-form-group select{cursor:pointer}.peelo-form-group select option{background:#fff;color:var(--peelo-dark-green)}.peelo-form-group textarea{resize:vertical;min-height:120px}.peelo-form-status{padding:1rem;border-radius:8px;margin-bottom:1rem;text-align:center;font-family:var(--font-body);font-weight:500}.peelo-form-status.success{background:#27ae601a;color:var(--peelo-dark-green);border:2px solid #27ae60}.peelo-form-status.error{background:#b828111a;color:var(--peelo-orange);border:2px solid var(--peelo-orange)}.peelo-submit-btn{width:100%;background:#15302a!important;background-color:#15302a!important;color:#ffebd4;padding:1rem 2rem;border:3px solid #d06c22;border-radius:8px;font-family:indivisible,sans-serif;font-size:1.3rem;font-weight:900;cursor:pointer;transition:all .3s ease;letter-spacing:.5px;text-shadow:0 0 2px #ffebd4}.peelo-submit-btn:hover:not(:disabled){background:var(--peelo-dark-green);color:var(--peelo-cream);border-color:var(--peelo-marigold);transform:translateY(-2px);box-shadow:0 10px 30px #15302a66}.peelo-submit-btn:disabled{background:#bdc3c7;color:var(--peelo-dark-green);cursor:not-allowed;transform:none;box-shadow:none;text-shadow:none}@media (max-width: 768px){.peelo-contact{padding:2rem 0;margin:1rem 0}.peelo-contact-container{padding:0 1rem}.peelo-contact h2{font-size:2rem}.peelo-contact-content{grid-template-columns:1fr;gap:2rem}.peelo-contact-info{padding-right:0;text-align:center}.peelo-contact-form{padding:1.5rem}}@media (max-width: 480px){.peelo-contact h2{font-size:1.75rem}.peelo-contact-info p{font-size:1rem}.peelo-form-group input,.peelo-form-group select,.peelo-form-group textarea{padding:.875rem}}.contact-page{background:var(--peelo-dark-green);min-height:100vh;padding:2rem 0;position:relative}.contact-page-header{text-align:center;max-width:800px;margin:0 auto;padding:2rem 2rem 1rem}.back-home{font-family:Hagrid,sans-serif;font-weight:700;font-size:1.2rem;color:#ffebd4!important;text-decoration:none;position:fixed;top:2rem;left:1rem;padding:.5rem 1rem;border:2px solid #ffebd4!important;border-radius:8px;transition:all .3s ease;text-shadow:1px 1px 2px rgba(0,0,0,.3);letter-spacing:.05em;z-index:1000}.back-home:hover{background-color:var(--peelo-cream);color:var(--peelo-dark-green);text-shadow:none;transform:translateY(-1px)}.contact-page-header h1{font-family:Hagrid,sans-serif;font-weight:700;font-size:3rem;color:#ffebd4!important;margin:70px 0 1rem;text-shadow:2px 2px 4px rgba(0,0,0,.5);letter-spacing:.1em}.contact-page-header p{font-family:indivisible,sans-serif;font-size:1.2rem;color:#ffebd4!important;opacity:1!important;line-height:1.6;margin-bottom:2rem}.contact-page .peelo-contact{background:transparent;padding:1rem 0;margin:0;box-shadow:none}.contact-page .peelo-contact-container{max-width:1000px}.contact-page .peelo-contact h2{display:none}.contact-page .peelo-contact-info p{color:#ffebd4!important;font-family:indivisible,sans-serif!important;font-size:1.2rem!important;line-height:1.8!important}.contact-page .peelo-contact h2{color:#ffebd4!important;font-family:beastly,serif!important;text-shadow:2px 2px 4px rgba(0,0,0,.5)!important;display:block!important}@media (max-width: 768px){.contact-page-header h1{font-size:2.2rem}.contact-page-header p{font-size:1.1rem}.back-home{font-size:.9rem;padding:.4rem .8rem}}@media (max-width: 480px){.contact-page-header{padding-left:1rem;padding-right:1rem}.contact-page-header h1{font-size:1.8rem}.back-home{font-size:.8rem;top:1rem;left:1rem}}.contact-page .footer-section{position:static;margin-top:3rem;text-align:center;padding-bottom:2rem}.contact-page .footer-section p{color:#ffebd4;font-family:indivisible,sans-serif;font-size:.9rem;margin:0}.contact-page .footer-section a{color:#ffebd4;text-decoration:underline;transition:color .3s ease}.contact-page .footer-section a:hover{color:#d06c22}.contact-flowers-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.contact-falling-flower{position:absolute;top:-100px;animation:fall-and-bounce linear infinite;transform-origin:center}.contact-falling-flower img{display:block;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:transform .3s ease}.contact-page-header,.contact-page .peelo-contact,.contact-page .footer-section{position:relative;z-index:100}@keyframes fall-and-bounce{0%{transform:translateY(-100px) rotate(0);opacity:.8}70%{transform:translateY(calc(100vh - 50px)) rotate(360deg);opacity:1}75%{transform:translateY(calc(100vh - 80px)) rotate(380deg);opacity:1}80%{transform:translateY(calc(100vh - 60px)) rotate(400deg);opacity:1}85%{transform:translateY(calc(100vh - 50px)) rotate(420deg);opacity:1}90%{transform:translateY(calc(100vh - 50px)) rotate(420deg);opacity:.8}to{transform:translateY(calc(100vh - 50px)) rotate(420deg);opacity:0}}@media (max-width: 768px){.contact-falling-flower img{max-width:60px!important;max-height:60px!important}}@media (max-width: 480px){.contact-falling-flower img{max-width:40px!important;max-height:40px!important}}