@import"https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap";@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Oswald:wght@200..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Oswald:wght@200..700&family=Titan+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Poller+One&display=swap";:root{font-family:Oswald;--text-color: #020305;--bg-color: #EAD3BE;--primary-color: #24532C;--brown: #9D7036;--red: #FF3236;color:var(--text-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{color:var(--text-color);line-height:1;font-size:80px;margin:0;letter-spacing:-5%}h3{line-height:1;font-size:40px;margin:0;letter-spacing:-5%}p{line-height:1.5;font-size:20px;margin:0;font-family:IBM Plex Mono}body{background-color:var(--bg-color);box-sizing:border-box;margin:0}header{display:flex;width:100%;height:80px;position:fixed;top:0;left:0;justify-content:center;z-index:999}header nav{position:relative;display:flex;width:100%;height:100%;padding:0 32px;justify-content:space-between;align-items:center}header nav .menu-mobile{display:none}header nav .menu{list-style:none;display:flex;column-gap:20px;padding:0}header nav .menu li a{text-decoration:none;cursor:pointer;color:var(--text-color);font-weight:700;font-size:14px}header nav .menu li a .icon{font-size:24px}header nav .logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:fit-content;height:fit-content;cursor:pointer}header nav .logo img{object-fit:cover;width:60px;aspect-ratio:1}header nav .cta{padding:12px 16px;font-family:Oswald;font-size:14px;font-weight:700;background-color:var(--primary-color);color:var(--bg-color);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease}header nav .cta:hover{box-shadow:0 0 8px 2px #24532c55}header nav .hamburger{position:relative;display:none;border:none;background-color:transparent;padding:0;margin:0;cursor:pointer;width:30px;height:10px;transition:.3s all ease}header nav .hamburger .top,header nav .hamburger .bottom{position:absolute;width:30px;height:3px;border-radius:20px;background-color:var(--text-color);left:0;transition:all .3s ease}header nav .hamburger .top{top:0%}header nav .hamburger .bottom{bottom:0}header nav .hamburger.active .top,header nav .hamburger.active .bottom{top:50%;transform:translateY(-50%)}@media screen and (max-width:1100px){header{height:fit-content}header nav{padding:8px 20px}header nav .menu{column-gap:12px}header nav .logo{width:40px}header nav .menu-mobile{position:absolute;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;padding:0;list-style:none;background-color:var(--bg-color);opacity:0;visibility:hidden;transition:.3s all ease;z-index:-1}header nav .menu-mobile.active{visibility:visible;opacity:1}header nav .menu-mobile li a{text-decoration:none;cursor:pointer;color:var(--text-color);font-weight:700;font-size:60px}header nav .menu-mobile li a .icon{width:30px}header nav .cta{display:none}header nav .hamburger{display:flex}}.hero{width:100%;min-height:100svh;display:grid;place-items:center;box-sizing:border-box;padding:80px 4vw}.hero .hero-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center}.hero .hero-wrapper .hero-top{display:flex;width:100%;height:100%;justify-content:center}.hero .hero-wrapper .hero-top h1{font-size:120px;text-align:center}.hero .hero-wrapper .hero-bottom{display:flex;width:100%;height:100%;justify-content:center;transform:translateY(-1vh)}.hero .hero-wrapper .hero-bottom h1{font-size:160px}.hero .hero-wrapper img{object-fit:cover;width:50vw;height:50vh;border-radius:40px;rotate:3deg}@media screen and (max-width:1100px){:is(.hero .hero-wrapper .hero-top,.hero .hero-wrapper .hero-bottom) h1{font-size:13vw}.hero .hero-wrapper img{width:80vw}}.health-icons{position:relative;width:100%;min-height:300svh;display:flex;justify-content:space-between;padding:0 4vw;box-sizing:border-box;margin-top:120px}.health-icons .div-wrapper{position:sticky;display:flex;justify-content:space-between;align-items:center;top:50%;left:50%;transform:translateY(-50%);width:100%;height:100%}.health-icons .div-wrapper .bag-img-wrapper{position:relative;width:20vw}.health-icons .div-wrapper .bag-img-wrapper .bag-img{object-fit:cover;width:100%}.health-icons .div-wrapper .bag-img-wrapper .vegan-img,.health-icons .div-wrapper .bag-img-wrapper .protein-img,.health-icons .div-wrapper .bag-img-wrapper .gluten-img,.health-icons .div-wrapper .bag-img-wrapper .fiber-img{width:10vw;max-width:140px;max-height:140px;position:absolute}.health-icons .div-wrapper .bag-img-wrapper .vegan-img{top:0;left:0;transform:translate(-50%,-50%)}.health-icons .div-wrapper .bag-img-wrapper .protein-img{top:33%;right:0;transform:translate(50%,-50%)}.health-icons .div-wrapper .bag-img-wrapper .gluten-img{top:66%;left:0;transform:translate(-50%,-50%)}.health-icons .div-wrapper .bag-img-wrapper .fiber-img{bottom:0%;right:0;transform:translate(50%,50%)}.health-icons .div-wrapper h3{font-size:3vw;font-weight:700;text-align:center}@media screen and (max-width:1100px){.health-icons .div-wrapper{flex-direction:column;row-gap:44px}.health-icons .div-wrapper .bag-img-wrapper{width:60vw;max-width:240px}.health-icons .div-wrapper .bag-img-wrapper .vegan-img,.health-icons .div-wrapper .bag-img-wrapper .protein-img,.health-icons .div-wrapper .bag-img-wrapper .gluten-img,.health-icons .div-wrapper .bag-img-wrapper .fiber-img{width:22vw;min-width:20}.health-icons .div-wrapper h3{font-size:8vw}}@media screen and (max-width:700px){.health-icons .img-wrapper{width:50vw}.health-icons .img-wrapper .vegan-img,.health-icons .img-wrapper .protein-img,.health-icons .img-wrapper .gluten-img,.health-icons .img-wrapper .fiber-img{width:26vw;min-width:20}.health-icons h3{font-size:8vw}}.intro{display:flex;width:100%;height:100%;align-items:center;justify-content:center;padding:0 4vw;box-sizing:border-box}.intro .intro-wrapper{display:flex;flex-direction:column;width:100%;row-gap:20px;align-items:center;justify-content:center}.intro .intro-wrapper img{object-fit:cover;width:30vw;max-width:200px;margin-bottom:20px}.intro .intro-wrapper h3{text-align:center}.intro .intro-wrapper p{max-width:600px;text-align:center}@media screen and (max-width:1100px){.intro{margin:-120px 0 120px}.intro p{font-size:14px}}.nutrition-facts{position:relative;width:100%;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 4vw;box-sizing:border-box}.nutrition-facts .info{display:flex;flex-direction:column;row-gap:20px;justify-content:center;align-items:center}.nutrition-facts .info h3{text-align:center}.nutrition-facts .info p{max-width:600px;text-align:center}.nutrition-facts .black,.nutrition-facts .red,.nutrition-facts .green,.nutrition-facts .brown{width:300px;border-radius:40px;color:var(--bg-color);display:flex;flex-direction:column;justify-content:space-between;padding:40px;position:absolute}:is(.nutrition-facts .black,.nutrition-facts .red,.nutrition-facts .green,.nutrition-facts .brown) h3{font-size:60px;line-height:1;margin-bottom:20px}:is(.nutrition-facts .black,.nutrition-facts .red,.nutrition-facts .green,.nutrition-facts .brown) h4{font-size:24px;line-height:1;margin:0}.nutrition-facts .black{background-color:var(--text-color);bottom:4vh;right:10vw;transform:rotate(-15deg)}.nutrition-facts .red{background-color:var(--red);top:4vh;right:10vw;transform:rotate(15deg)}.nutrition-facts .green{background-color:var(--primary-color);bottom:4vh;left:10vw;transform:rotate(15deg)}.nutrition-facts .brown{background-color:var(--brown);top:4vh;left:10vw;transform:rotate(-15deg)}@media screen and (max-width:1100px){.nutrition-facts .black{bottom:4vh;right:4vw}.nutrition-facts .red{top:4vh;right:4vw}.nutrition-facts .green{bottom:4vh;left:4vw}.nutrition-facts .brown{top:4vh;left:4vw}}@media screen and (max-width:900px){.nutrition-facts p{margin-bottom:24px}.nutrition-facts .black,.nutrition-facts .red,.nutrition-facts .green,.nutrition-facts .brown{position:relative;max-width:60vw;inset:0}.nutrition-facts .black{transform:rotate(-3deg)}.nutrition-facts .red,.nutrition-facts .green{transform:rotate(5deg)}.nutrition-facts .brown{transform:rotate(-3deg)}}.whats-inside{width:100%;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:20px;padding:80px 4vw;box-sizing:border-box}.whats-inside .image-wrapper{width:100%;display:flex;column-gap:20px;align-items:center;justify-content:center}.whats-inside .image-wrapper img{max-width:400px;aspect-ratio:1.33;object-fit:cover;border-radius:20px}.whats-inside .image-wrapper .left{rotate:3deg}.whats-inside .image-wrapper .right{rotate:-5deg}.whats-inside .img-wrapper-mobile{min-width:320px;width:40vw;display:none}.whats-inside .img-wrapper-mobile img{width:100%;object-fit:cover;border-radius:20px}.whats-inside .img-wrapper-mobile.top{transform:rotate(3deg)}.whats-inside .img-wrapper-mobile.bottom{transform:rotate(-5deg)}.whats-inside p{max-width:600px;text-align:center}@media screen and (max-width:868px){.whats-inside .image-wrapper{display:none}.whats-inside .img-wrapper-mobile{display:flex}}.footer{height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin-top:120px;padding:80px 0;box-sizing:border-box}.footer .top{display:flex;flex-direction:column;align-items:center}.footer .top h1{font-size:10vw;text-align:center}.footer .top p{text-align:center;margin:20px}.footer .top .email{display:flex;width:100%;max-width:600px;align-items:center;justify-content:center;column-gap:12px}.footer .top .email input{width:60%;font-family:IBM Plex Mono;padding:16px;border:none;border-radius:12px;outline:none}.footer .top .email button{border:none;border-radius:12px;padding:12px;background-color:var(--primary-color);color:var(--bg-color);font-family:Oswald;font-weight:700;font-size:20px}.footer .bottom .logo{display:flex;width:120px;aspect-ratio:1}.footer .bottom .logo img{object-fit:cover;width:100%}.mobile-button{display:none;position:fixed;width:96vw;padding:12px 16px;font-family:Oswald;font-size:14px;font-weight:700;background-color:var(--primary-color);color:var(--bg-color);border:none;border-radius:12px;cursor:pointer;bottom:2vw;left:50%;transform:translate(-50%)}@media screen and (max-width:1100px){.mobile-button{display:block}}