.learn-more-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:1000;visibility:hidden;opacity:0;transform:translateY(100%);transition:transform .6s ease,opacity .4s ease,visibility 0s linear .4s;overflow-y:auto;background:var(--creamy-maine);overflow-x:hidden}.learn-more-modal.active{visibility:visible;opacity:1;transform:translateY(0);transition:transform .6s ease,opacity .4s ease,visibility 0s linear 0s}.mobile-image{display:none}.modal-content{width:100%;max-width:100%;padding:0;font-family:Montserrat,sans-serif;color:#333}.modal-header{display:flex;justify-content:space-between;align-items:flex-end;padding:40px 60px;background-color:var(--maine-green);color:#fff;position:relative;z-index:3;margin-bottom:10em}.modal-header:after{content:"";background:url(/cdn/shop/files/bottom-about-hero.svg?v=1744381362);background-size:cover;background-repeat:no-repeat;background-position:bottom center;position:absolute;bottom:-207px;height:210px;width:110%;left:0;transform:translate(0)}.modal-header h2{color:var(--creamy-maine);font-weight:600;margin:0;text-align:center;width:100%;font-size:75px}.wave-divider{height:100px;width:100%;overflow:hidden;line-height:0;background:var(--creamy-maine);margin-top:-5px;z-index:4}.wave-divider svg{width:100%;height:100%}.close-x-icon{position:relative;width:24px;height:24px;display:block}.x-line{position:absolute;width:100%;height:2px;background-color:#fff;top:50%;left:0}.x-line-1{transform:translateY(-50%) rotate(45deg)}.x-line-2{transform:translateY(-50%) rotate(-45deg)}.close-modal-button{background:none;border:none;cursor:pointer;padding:12px;position:absolute;right:20px;top:20px;z-index:10;transition:transform .3s ease}.close-modal-button:hover{transform:rotate(90deg)}.maine-values-container{max-width:1400px;margin:0 auto;padding:40px;display:flex;justify-content:space-between;z-index:1}.values-content{width:30%;padding-right:40px}.value-section{margin-bottom:120px;height:40vh}.value-section:last-of-type{height:80vh}@media (max-width:1300px){.value-section:last-of-type{height:90vh}}.value-letter{font-size:64px;font-weight:300;color:#8bc34a80;margin-bottom:10px}.value-details h3{font-size:30px;font-weight:600;margin-bottom:0;text-transform:uppercase;color:#333}.images-container{width:60%;position:relative}.sticky-images{position:sticky;top:100px;height:600px;width:100%}.value-image{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px #00000026;transition:opacity .5s ease,visibility .5s ease}.value-image.active{opacity:1;visibility:visible}.value-image-src{width:100%;height:100%;object-fit:cover;object-position:center}@media (max-width: 1024px){.value-image{display:none}.value-details h3{text-align:Center}.maine-values-container{flex-direction:column;padding:0;margin-top:-50px}.mobile-image{display:flex;width:85%;margin:0 auto;overflow:hidden;align-items:center;justify-content:center;border-radius:40px}.value-section{height:auto}.value-section:last-of-type{height:auto}.values-content,.images-container{width:100%;padding-right:0}.sticky-images{position:relative;top:0;height:300px;margin-bottom:40px}.value-details{display:flex;align-items:center;justify-content:center;flex-direction:column;width:95%;margin:0 auto}.value-section{margin-bottom:60px;height:auto}.value-letter{font-size:60px;text-align:center}.modal-header{padding:30px}.value-details p{text-align:center}.wave-divider{height:50px}}@media (max-width: 768px){.modal-header:after{bottom:-105px;height:110px;width:110%}.modal-header{padding:20px;margin-bottom:75px}.mobile-image{width:100vw;border-radius:0;margin-left:0}.sticky-images{height:200px}.value-details h3{margin-top:0}.value-section{margin-bottom:40px}}.bottom-close-button{position:sticky;bottom:30px;left:50%;transform:translate(-50%) translateY(100%);background-color:var(--maine-green, #69B745);border:2px solid #459520!important;color:#fff;border:none;border-radius:80px;padding:20px 100px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 4px 12px #00000026;z-index:1010;opacity:0;transition:transform .4s ease,opacity .4s ease;font-family:Montserrat,sans-serif;font-weight:600;font-size:25px;letter-spacing:.5px}.bottom-close-button.visible{transform:translate(-50%) translateY(0);opacity:1}.bottom-close-button:hover{background-color:#5a9e3b}.bottom-close-button.visible:hover{transform:translate(-50%) translateY(-5px)}.bottom-close-button .close-icon{position:relative;width:16px;height:16px;display:block}.bottom-close-button .x-line{position:absolute;width:100%;height:2px;background-color:#fff;top:50%;left:0}.bottom-close-button .x-line-1{transform:translateY(-50%) rotate(45deg)}.bottom-close-button .x-line-2{transform:translateY(-50%) rotate(-45deg)}@media (max-width: 768px){.bottom-close-button{bottom:20px;padding:15px 40px;font-size:14px}.bottom-close-button .close-icon{width:14px;height:14px}}@media (max-width:500px){.modal-header h2{font-size:60px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/modal-learn-more.css.map */