@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";:root{--coffee-primary: #6F4E37;--coffee-secondary: #C4A484;--coffee-accent: #A67C52;--coffee-light: #F5F0E6;--coffee-dark: #3E2723;--coffee-text: #5D4037}.navbar{background-color:var(--coffee-light);padding:8px 0;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--coffee-secondary)}.navbar-container{margin:0 auto;padding:0 px;display:flex;justify-content:space-between;align-items:center}.navbar .logo{width:60px;height:auto;border-radius:50%;transition:transform .3s ease}.navbar .logo:hover{transform:scale(1.05)}.navbar-menu{display:flex;list-style:none;gap:30px;margin:0;padding:0}.navbar-menu li a{color:var(--coffee-text);text-decoration:none;font-size:18px;font-weight:500;padding:8px 12px;border-radius:4px;transition:all .3s ease;position:relative}.navbar-menu li a:hover{color:var(--coffee-primary)}.navbar-menu li a.active{color:var(--coffee-primary);font-weight:600}.navbar-menu li a.active:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background-color:var(--coffee-primary)}.navbar-right{display:flex;align-items:center;gap:25px}.navbar-cart-icon{position:relative;cursor:pointer}.navbar-cart-icon img{width:28px;height:28px;transition:transform .3s ease}.navbar-cart-icon:hover img{transform:scale(1.1)}.cart-badge{position:absolute;top:-8px;right:-8px;background-color:var(--coffee-primary);color:#fff;border-radius:50%;width:20px;height:20px;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:700}.signin-btn{background-color:var(--coffee-primary);color:#fff;border:none;padding:10px 25px;border-radius:25px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 5px #0000001a;white-space:pre}.signin-btn:hover{background-color:var(--coffee-dark);transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.navbar-profile{position:relative;cursor:pointer}.navbar-profile img{width:32px;height:32px;border-radius:50%;border:2px solid var(--coffee-secondary);transition:all .3s ease}.navbar-profile:hover img{border-color:var(--coffee-primary);transform:scale(1.05)}.navbar-profile-dropdown{position:absolute;right:0;top:35px;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:15px;width:180px;display:none;z-index:100;border:1px solid var(--coffee-secondary)}.navbar-profile:hover .navbar-profile-dropdown{display:block;animation:fadeIn .3s ease}.navbar-profile-dropdown li{display:flex;align-items:center;gap:10px;padding:8px 0;color:var(--coffee-text);transition:color .2s ease}.navbar-profile-dropdown li:hover{color:var(--coffee-primary)}.navbar-profile-dropdown img{width:18px;height:18px;border:none}.navbar-profile-dropdown hr{border:none;height:1px;background-color:var(--coffee-secondary);margin:8px 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.navbar-menu{gap:20px}.navbar-menu li a{font-size:16px}.signin-btn{padding:8px 20px;font-size:15px}}@media (max-width: 768px){.navbar-menu{display:none}.navbar-container{padding:0 15px}.navbar .logo{width:50px}.navbar-right{gap:20px}}@media (max-width: 480px){.navbar{padding:12px 0}.navbar .logo{width:40px}.signin-btn{padding:7px 15px;font-size:14px}.navbar-cart-icon img{width:24px;height:24px}}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:10px;z-index:1001}.hamburger-line{display:block;width:25px;height:2px;background-color:var(--coffee-primary);margin:5px 0;transition:all .3s ease}.hamburger-line.open:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}@media (max-width: 768px){.navbar-menu{position:fixed;top:60px;left:0;width:100%;background-color:var(--coffee-light);flex-direction:column;align-items:center;padding:20px 0;box-shadow:0 5px 10px #0000001a;transform:translateY(-150%);transition:transform .3s ease;z-index:1000}.navbar-menu.open{transform:translateY(0)}.navbar-menu li{width:100%;text-align:center;padding:12px 0}.navbar-menu li a{font-size:18px;padding:10px 20px}.mobile-menu-toggle{display:block}.navbar-profile-dropdown{top:35px;right:10px}}@media (max-width: 480px){.navbar-menu{top:50px}}.navbar-container{max-width:1500px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;width:100%}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:10px;z-index:1001;order:1}.hamburger-line{display:block;width:25px;height:3px;background-color:var(--coffee-primary);margin:5px 0;transition:all .3s ease}@media (max-width: 768px){.mobile-menu-toggle{display:block}.navbar-menu{position:fixed;top:60px;left:0;width:100%;background-color:var(--coffee-light);flex-direction:column;align-items:center;padding:20px 0;box-shadow:0 5px 10px #0000001a;transform:translateY(-150%);transition:transform .3s ease;z-index:1000;display:flex}.navbar-menu.open{transform:translateY(0)}.navbar-menu li{width:100%;text-align:center;padding:12px 0}.navbar-menu li a{font-size:18px;padding:10px 20px;display:block}.navbar-right{order:2}}@media (max-width: 480px){.navbar-menu{top:50px}.navbar .logo{width:30px}.mobile-menu-toggle{padding:8px}.hamburger-line{width:22px;height:2px}}.home-container{display:flex;flex-direction:column;align-items:center;width:100%}.home-main-content{width:80%;margin:0 auto;padding:20px 0}@media (max-width: 768px){.home-main-content{width:90%;padding:15px 0}}@media (max-width: 480px){.home-main-content{width:95%;padding:10px 0}}.header{width:100%;height:100vh;min-height:600px;margin-bottom:30px;background-image:url(https://s3.us-east-1.amazonaws.com/cdn.betdevelopers.com/images/jmjs/5BeansCoffeeShop/background5b.jpg);background-size:contain;background-repeat:no-repeat;background-position:center;position:relative;display:flex;align-items:center;justify-content:center;z-index:0;background-color:#000}.header-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0006;z-index:-1}.header-contents{padding:0 6vw;display:flex;flex-direction:column;gap:1.5rem;max-width:50%;animation:fadeIn 3s}.header-contents h1{font-weight:600;color:#fff;font-size:clamp(2rem,4.5vw,4rem);line-height:1.2;margin-bottom:.5rem}.header-contents p{color:#fff;font-size:clamp(.9rem,1.1vw,1.2rem);line-height:1.6;margin-bottom:1rem}.btn-explore{cursor:pointer;border:none;color:#333;font-weight:600;padding:.8rem 2rem;background-color:#fff;font-size:clamp(.9rem,1.1vw,1.1rem);border-radius:50px;transition:all .3s ease;align-self:flex-start}.btn-explore:hover{background-color:#f8f8f8;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}@media (max-width: 1050px){.header{height:70vh;min-height:500px}.header-contents{max-width:60%}}@media (max-width: 750px){.header{height:60vh;min-height:400px}.header-contents{max-width:80%;gap:1rem}.header-contents p{display:block;font-size:1rem}.btn-explore{padding:.8rem 1.8rem}.header{background-size:cover}}@media (max-width: 480px){.header{height:50vh;min-height:300px}.header-contents{max-width:90%}.header-contents h1{font-size:1.8rem}.header-contents p{font-size:.9rem}}.album-container{padding:8px;border-radius:12px;box-shadow:0 6px 20px #0000001a;background-color:#f7f0e4}.custom-image{border:1px solid black;height:250px}.album-title{text-align:center;font-size:28px;margin-bottom:30px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.masonry{column-count:3;column-gap:15px}.masonry-img{width:100%;margin-bottom:15px;border-radius:8px;display:block;break-inside:avoid;box-shadow:0 4px 10px #00000026;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.masonry-img:hover{transform:scale(1.02);box-shadow:0 6px 20px #00000040}@media (max-width: 768px){.masonry{column-count:2}}@media (max-width: 480px){.masonry{column-count:1}}.footer{background-color:#030303;color:#f5e5cd;padding:60px 0 30px;margin-top:40px;font-family:Open Sans,sans-serif;position:relative;overflow:hidden}.footer .logo{width:120px;height:auto;transition:transform .3s ease}.footerFlatwhite{position:absolute;right:0;top:0;height:100%;width:40%;object-fit:cover;object-position:center;opacity:.8;z-index:0}.footer-content{width:100%;display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;position:relative;z-index:1;padding:0 8vw}.footer-content-left,.footer-content-right,.footer-content-center{display:flex;flex-direction:column;align-items:start;gap:20px}.footer-content-left h1{font-size:2rem;color:#f5e5cd;font-weight:600;margin-bottom:10px}.footer-content-left p{font-size:.95rem;line-height:1.6;color:#f5e5cd}.footer-content-center h2,.footer-content-right h2{color:#f5e5cd;font-size:1.3rem;font-weight:600;margin-bottom:10px}.footer-content-center ul,.footer-content-right ul{list-style:none;padding:0;margin:0}.footer-content-center li,.footer-content-right li{margin-bottom:12px;cursor:pointer;transition:color .3s ease;color:#f5e5cd;font-size:.95rem}.footer-content-center li:hover,.footer-content-right li:hover{color:#fff}.footer-social-icons{display:flex;cursor:pointer;gap:15px}.footer-social-icons img{width:36px;height:36px;border-radius:50%;transition:transform .3s ease;background-color:#d4a762;padding:8px}.footer-social-icons img:hover{transform:scale(1.1);background-color:#c49a5a}.footer hr{width:100%;height:1px;margin:30px 0;background-color:#6b5a45;border:none;position:relative;z-index:1}.footer-copyright{text-align:center;font-size:.85rem;color:#f5e5cd;padding-top:20px;position:relative;z-index:1;padding:20px 8vw 0}.footer:before{content:"";position:absolute;right:0;top:0;width:40%;height:100%;background:linear-gradient(90deg,#050505,#0e090583);z-index:1}@media (max-width: 900px){.footer-content{gap:40px;grid-template-columns:1.5fr 1fr 1fr}}@media (max-width: 750px){.footerFlatwhite{width:100%;height:300px;top:auto;bottom:0;opacity:.4}.footer:before{width:100%;height:300px;top:auto;bottom:0;background:linear-gradient(0deg,#2a2118b3,#2a21184d)}.footer-content{display:flex;flex-direction:column;gap:35px}.footer-content-left,.footer-content-right,.footer-content-center{align-items:center;text-align:center}.footer-social-icons{justify-content:center}.footer{padding:50px 5vw 30px}}@media (max-width: 480px){.footer-content-left h1{font-size:1.8rem}.footer-content-center h2,.footer-content-right h2{font-size:1.2rem}.footer-social-icons img{width:32px;height:32px}}.about-page{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1a1a1a;overflow-x:hidden}.about-hero{position:relative;height:85vh;min-height:600px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-image{width:100%;height:100%;object-fit:cover;filter:brightness(.85);transition:transform 10s ease}.about-hero:hover .hero-image{transform:scale(1.05)}.hero-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;width:90%;max-width:1200px;z-index:2}.hero-overlay h1{font-size:4.5rem;font-weight:700;margin-bottom:1.5rem;letter-spacing:-.5px;text-shadow:0 4px 20px rgba(0,0,0,.3);animation:fadeUp 1s ease-out}.hero-overlay p{font-size:1.4rem;font-weight:300;opacity:.9;max-width:600px;margin:0 auto;animation:fadeUp 1s ease-out .2s both}.about-hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);z-index:1}.about-content{max-width:1400px;margin:8rem auto;padding:0 2rem}.about-section{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center;margin:8rem 0;position:relative}.about-section:before{content:"";position:absolute;top:-4rem;left:50%;transform:translate(-50%);width:100px;height:1px;background:linear-gradient(90deg,transparent,#d4a762,transparent)}.reverse .about-text{order:2}.reverse .about-image{order:1}.about-text{padding:2rem}.about-text h2{font-size:2.8rem;font-weight:700;color:#2c2c2c;margin-bottom:2rem;letter-spacing:-.3px;line-height:1.2}.lead-text{font-size:1.4rem;font-weight:500;color:#d4a762;margin-bottom:2rem;line-height:1.6;position:relative;padding-left:2rem}.lead-text:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;background-color:#d4a762;border-radius:50%}.about-text p{margin-bottom:1.8rem;font-size:1.1rem;line-height:1.8;color:#4a4a4a;font-weight:300}.about-image{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:1/1;max-height:600px}.styled-image{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.4,0,.2,1)}.about-image:hover .styled-image{transform:scale(1.08)}.about-image:before{content:"";position:absolute;top:20px;left:20px;right:-20px;bottom:-20px;border:2px solid #d4a762;border-radius:16px;z-index:-1;opacity:.3}.signature-section{background:linear-gradient(135deg,#f8f9fa,#f1f3f5);padding:8rem 0;position:relative;overflow:hidden}.signature-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#d4a762,transparent)}.signature-content{max-width:1400px;margin:0 auto;padding:0 2rem}.signature-content h2{font-size:3rem;font-weight:700;color:#2c2c2c;margin-bottom:2rem;text-align:center;letter-spacing:-.5px}.signature-content>p{max-width:800px;margin:0 auto 5rem;font-size:1.2rem;line-height:1.8;color:#666;text-align:center;font-weight:300}.signature-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;margin-top:3rem}.signature-item{background:#fff;padding:3rem 2rem;border-radius:20px;box-shadow:0 10px 40px #00000014;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.signature-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#d4a762,#c19a5b);transform:scaleX(0);transition:transform .4s ease}.signature-item:hover{transform:translateY(-12px);box-shadow:0 25px 50px #00000026}.signature-item:hover:before{transform:scaleX(1)}.signature-item h3{font-size:1.6rem;color:#2c2c2c;margin-bottom:1rem;font-weight:600;position:relative;padding-bottom:1rem}.signature-item h3:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background-color:#d4a762;transition:width .3s ease}.signature-item:hover h3:after{width:80px}.signature-item p{color:#666;font-size:1.05rem;line-height:1.6;font-weight:300}.signature-item:nth-child(1):after{content:"01"}.signature-item:nth-child(2):after{content:"02"}.signature-item:nth-child(3):after{content:"03"}.signature-item:after{position:absolute;top:20px;right:20px;font-size:4rem;font-weight:800;color:#d4a7621a;line-height:1}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1100px){.about-section{gap:4rem}.hero-overlay h1{font-size:3.5rem}}@media (max-width: 900px){.about-section{grid-template-columns:1fr;gap:4rem;margin:6rem 0}.reverse .about-text,.reverse .about-image{order:initial}.about-image{max-height:500px}.hero-overlay h1{font-size:3rem}.hero-overlay p{font-size:1.2rem}}@media (max-width: 768px){.about-content{margin:5rem auto;padding:0 1.5rem}.about-text h2{font-size:2.2rem}.lead-text{font-size:1.2rem}.signature-content h2{font-size:2.5rem}.signature-items{grid-template-columns:1fr;gap:2rem}}@media (max-width: 480px){.about-hero{height:70vh;min-height:500px}.hero-overlay h1{font-size:2.5rem}.hero-overlay p{font-size:1.1rem}.about-text{padding:1rem}.about-text h2{font-size:2rem}.lead-text{padding-left:1.5rem;font-size:1.1rem}.signature-section{padding:5rem 0}.signature-item{padding:2rem 1.5rem}}*{padding:0;margin:0;box-sizing:border-box;font-family:Outfit;scroll-behavior:smooth}body{min-height:100vh}a{text-decoration:none;color:inherit}.app{margin:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}