:root{--primary-dark:#1b3b22;--bg-light:#f4f1e1;--accent:#d4f842;--text-dark:#111;--text-light:#f4f1e1;--font-heading:"Instrument Serif", serif;--font-body:"Inter", sans-serif;--font-logo:"Fredoka", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-light);color:var(--text-dark);overflow-x:hidden}.logo{font-family:var(--font-logo);letter-spacing:-1.5px;font-size:2.2rem;font-weight:700}.navbar{z-index:100;mix-blend-mode:difference;color:#fff;justify-content:space-between;align-items:center;width:100%;padding:1.5rem 3rem;display:flex;position:fixed;top:0}.menu-btn{color:#fff;cursor:pointer;background:0 0;border:none}h1,h2,h3{font-family:var(--font-heading);font-weight:400}em{font-style:italic}.hero{width:100%;height:100vh;position:relative;overflow:hidden}.hero-bg{object-fit:cover;z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{text-align:center;color:#fff;flex-direction:column;justify-content:center;align-items:center;height:100%;padding-top:5vh;display:flex;position:relative}.hero-title{letter-spacing:-2px;text-shadow:0 4px 20px #0000001a;margin-bottom:5rem;font-size:10rem;line-height:.9}.hero-card-container{align-items:flex-end;display:flex;position:absolute;bottom:10%}.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:300px;color:var(--text-dark);background:#fffffff2;border-radius:20px;padding:1.5rem;transform:translateY(20px);box-shadow:0 10px 40px #0000001a}.order-btn{width:100%;font-family:var(--font-body);cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:50px;justify-content:center;align-items:center;gap:10px;margin-bottom:1rem;padding:1rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.order-btn:hover{background:#f0f0f0}.card-text{text-align:left;color:#444;font-size:.8rem;line-height:1.4}.badge{width:80px;height:80px;margin-bottom:30px;margin-left:-30px;animation:15s linear infinite rotateSlow;position:relative}.badge-bg{width:100%;height:100%}.badge-text{text-align:center;font-size:.6rem;font-weight:700;line-height:1.1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.marquee-wrapper{background:var(--accent);border-top:1px solid #0000001a;border-bottom:1px solid #0000001a;width:110%;margin:-10px -20px 40px;padding:1rem 0;overflow:hidden;transform:rotate(-2deg)}.marquee{white-space:nowrap;overflow:hidden}.marquee-content{animation:20s linear infinite marquee;display:inline-block}.marquee-content span{color:var(--primary-dark);margin-right:3rem;font-size:1.5rem}.essence{text-align:center;padding:6rem 2rem}.essence h2{margin-bottom:1rem;font-size:5rem}.essence p{letter-spacing:1px;margin-bottom:4rem;font-size:.9rem;font-weight:600}.oval-image-container{border-radius:50%/40%;width:80%;max-width:800px;height:500px;margin:0 auto;overflow:hidden}.oval-image-container img{object-fit:cover;width:100%;height:100%}.split-feature{width:100%;display:flex}.split-left,.split-right{flex-direction:column;flex:1;justify-content:center;gap:2rem;padding:2rem 4rem;display:flex;position:relative}.split-left{background-color:var(--primary-dark);color:var(--text-light);background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:40px 40px}.split-right{background-color:#e6e3cd}.split-content-top h3{font-size:4.5rem;line-height:1}.split-content-top span{font-family:var(--font-heading);text-align:right;font-size:2rem;display:block}.split-image{width:80%;margin:0 auto;position:relative}.split-image img{border-radius:20px;width:100%;height:auto}.floating-order-btn{background:var(--accent);cursor:pointer;border:none;border-radius:50px;padding:1rem 2rem;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 30px #0003}.split-content-bottom{opacity:.8;justify-content:space-between;font-size:.8rem;display:flex}.lifestyle-image{width:100%;height:80%;position:relative}.lifestyle-image img{object-fit:cover;border-radius:300px 300px 20px 20px;width:100%;height:100%}.curved-text-badge{background:var(--accent);border-radius:50%;justify-content:center;align-items:center;width:200px;height:200px;display:flex;position:absolute;bottom:-30px;left:-30px}.curved-text-badge svg{width:100%;height:100%;animation:20s linear infinite rotateSlow}.curved-text-badge text{font-family:var(--font-body);letter-spacing:2px;font-size:16px;font-weight:600}.creative-menu{background:var(--primary-dark);width:100%;height:80vh;display:flex;position:relative;overflow:hidden}.menu-item{cursor:pointer;border-right:1px solid #ffffff1a;flex:1;justify-content:center;align-items:center;transition:flex .5s ease-in-out;display:flex;position:relative;overflow:hidden}.menu-item:last-child{border-right:none}.menu-item:hover{flex:2}.menu-item-bg{object-fit:cover;opacity:.3;z-index:0;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}.menu-item:hover .menu-item-bg{opacity:.8}.groove-overlay{font-family:var(--font-logo);color:#fff6;pointer-events:none;z-index:1;mix-blend-mode:overlay;font-size:10rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.menu-item-content{z-index:2;text-align:center;color:#fff;position:relative}.menu-item-content h3{margin-bottom:1rem;font-size:3rem;transition:transform .3s}.menu-item:hover .menu-item-content h3{transform:translateY(-20px)}.menu-card-details{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-dark);opacity:0;background:#ffffffe6;border-radius:20px;width:80%;padding:1.5rem;transition:all .4s;position:absolute;bottom:-100px;left:50%;transform:translate(-50%)}.menu-item:hover .menu-card-details{opacity:1;bottom:20%}.site-footer{background-color:var(--primary-dark);color:var(--text-light);background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:40px 40px;padding:4rem}.footer-top{justify-content:space-between;align-items:center;margin-bottom:4rem;display:flex}.footer-top .logo{font-size:4rem}.footer-info-grid{border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:4rem;padding:2rem 0;display:grid}.info-box h4{font-family:var(--font-body);color:var(--accent);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-size:.9rem}.info-box p{font-size:1.2rem;line-height:1.5}.footer-bottom{justify-content:space-between;align-items:flex-end;display:flex}.footer-title{font-size:3rem}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes rotateSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.navbar{padding:1rem}.logo{font-size:1.8rem}.hero-title{margin-bottom:2rem;font-size:5rem}.glass-card{width:280px}.essence{padding:4rem 1rem}.essence h2{font-size:3rem}.split-feature{flex-direction:column}.split-left,.split-right{padding:2rem 1rem}.split-content-top h3{font-size:3rem}.split-content-top span{text-align:left;font-size:1.5rem}.split-content-top.right-align span{text-align:left}.creative-menu{flex-direction:column;height:100vh}.menu-item{border-bottom:1px solid #ffffff1a;border-right:none}.menu-item:last-child{border-bottom:none}.groove-overlay{font-size:4rem}.menu-item-content h3{font-size:2rem}.menu-card-details{width:95%;padding:1rem}.menu-item:hover .menu-card-details,.menu-item:active .menu-card-details{bottom:5%}.site-footer{padding:3rem 1rem}.footer-top{flex-direction:column;align-items:flex-start;gap:1.5rem;margin-bottom:2rem}.footer-info-grid{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem 0}.footer-bottom{flex-direction:column;align-items:flex-start;gap:1rem}.footer-title{font-size:2.5rem}}