@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&family=Space+Grotesk:wght@700&family=Space+Mono:wght@400;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}@media (hover: none) and (pointer: coarse){*{cursor:auto!important}.cursor,.cursor-follower{display:none!important}}:root{--primary: #1CA39D;--concrete: #E8E6E1;--black: #1A1A1A;--cream: #F5F2ED;--coffee-brown: #D4A574;--dark-coffee: #3D2817;--light-teal: #2CBFB8;--dark-teal: #1F7F73;--border-width: 10px}body{font-family:Space Mono,monospace;background:var(--cream);color:var(--black);overflow-x:hidden;position:relative}body:before{content:"";position:fixed;inset:0;opacity:.03;z-index:-2;background:linear-gradient(var(--concrete) 2px,transparent 2px),linear-gradient(90deg,var(--concrete) 2px,transparent 2px);background-size:50px 50px}.cursor,.cursor-follower{display:none}nav{position:absolute;top:30px;left:50%;transform:translate(-50%);background:var(--black);border:var(--border-width) solid var(--primary);padding:15px 30px;z-index:1000;transition:all .3s ease}nav.scrolled{top:10px;padding:10px 20px;box-shadow:6px 6px 0 var(--primary);background:#1a1a1af2}.nav-content{display:flex;align-items:center;justify-content:space-between;gap:40px}.language-switcher{display:flex;gap:.5rem}.language-switcher a{padding:.3rem .8rem;text-decoration:none;color:var(--cream);font-weight:700;border-radius:15px;transition:all .3s ease;font-size:.9rem}.language-switcher a:hover,.language-switcher a.active{background:var(--primary);color:var(--black)}.logo{font-family:Space Grotesk,sans-serif;font-size:28px;color:var(--primary);font-weight:700;transform:skew(-5deg);letter-spacing:1px;text-decoration:none}nav ul{list-style:none;display:flex;gap:30px}nav a{color:var(--cream);text-decoration:none;font-weight:700;font-size:18px;position:relative;transition:all .3s;text-transform:uppercase;letter-spacing:1px;padding:8px 0}nav ul a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:3px;background:var(--primary);transition:width .3s}nav ul a:hover:after{width:100%}nav ul a:hover{color:var(--light-teal);transform:translateY(-2px)}.hero{min-height:80vh;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg,#f5f2edf2,#b8b5b0f2),url(gallery/2025-02-25.webp) center/cover no-repeat;overflow:hidden;padding:60px 5% 10px;border:8px solid var(--black);margin:40px 20px 10px;box-shadow:15px 15px 0 var(--primary)}.hero:after{display:none}.vietnam-map{position:absolute;top:20%;right:5%;width:120px;height:180px;opacity:.06;z-index:2;animation:floatMap 6s infinite ease-in-out}@keyframes floatMap{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(2deg)}}.coffee-bean-svg{position:absolute;animation:floatBean 15s infinite ease-in-out;opacity:.7}@keyframes floatBean{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-30px) rotate(90deg)}50%{transform:translateY(-15px) rotate(180deg)}75%{transform:translateY(-25px) rotate(270deg)}}.hero-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:1000px;width:100%;z-index:10;position:relative}.hero-main{animation:fadeInUp 1s ease;z-index:10;position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-title{font-family:Space Grotesk,sans-serif;font-size:clamp(80px,12vw,150px);font-weight:700;line-height:.85;margin-bottom:40px}.hero-title .about{display:block;color:var(--black);text-shadow:6px 6px 0 var(--primary);transform:rotate(-2deg);animation:glitchText 8s infinite}.hero-title .us{display:block;color:var(--primary);text-shadow:6px 6px 0 var(--black);transform:rotate(2deg) translate(40px);margin-top:-25px;animation:glitchText 8s infinite reverse}@keyframes glitchText{0%,to{transform:translate(0) rotate(-2deg)}20%{transform:translate(-3px) rotate(-2deg)}40%{transform:translate(3px) rotate(-2deg)}60%{transform:translate(-2px) rotate(-2deg)}80%{transform:translate(2px) rotate(-2deg)}}.hero-subtitle{font-size:28px;color:var(--black);font-weight:700;letter-spacing:1px;margin-bottom:20px;padding-bottom:20px;border-bottom:4px solid var(--primary)}.hero-description{font-size:18px;line-height:1.6;color:var(--dark-coffee);margin-bottom:40px;max-width:600px}.hero-actions{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap;justify-content:center}.cta-button{display:inline-block;padding:18px 40px;background:var(--primary);color:var(--black);border:4px solid var(--black);font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700;text-decoration:none;transition:all .3s ease;box-shadow:6px 6px 0 var(--black);text-transform:uppercase;letter-spacing:1px}.cta-button:hover{transform:translateY(-4px);box-shadow:10px 10px 0 var(--black);background:var(--dark-teal);color:var(--cream)}.cta-button-outline{display:inline-block;padding:18px 40px;background:transparent;color:var(--black);border:4px solid var(--black);font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700;text-decoration:none;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.cta-button-outline:hover{background:var(--black);color:var(--cream);transform:translateY(-4px);box-shadow:6px 6px 0 var(--primary)}.hero-stats{display:flex;gap:40px;padding-top:20px;justify-content:center}.stat{display:flex;flex-direction:column}.stat-number{font-family:Space Grotesk,sans-serif;font-size:42px;font-weight:700;color:var(--primary);text-shadow:2px 2px 0 var(--black)}.stat-label{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:var(--dark-coffee);margin-top:5px}.hero-right{display:flex;justify-content:center;align-items:center;position:relative;animation:fadeInRight 1s ease}@keyframes fadeInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.coffee-visual{position:relative;width:450px;height:320px;display:flex;align-items:center;justify-content:center;flex-direction:column}.phin-container{position:relative;width:200px;height:280px;display:flex;flex-direction:column;align-items:center;animation:floatPhin 4s infinite ease-in-out}@media (max-width: 768px){.phin-container{width:120px;height:160px;animation:none;margin:20px auto}}@keyframes floatPhin{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.phin-filter{width:120px;height:60px;background:linear-gradient(135deg,#8b7355,#a67c52);border:3px solid var(--black);border-radius:8px 8px 4px 4px;position:relative;box-shadow:6px 6px #0000004d;margin-bottom:10px}.phin-filter:before{content:"";position:absolute;top:8px;left:8px;right:8px;height:6px;background:var(--dark-coffee);border-radius:2px}.phin-filter:after{content:"";position:absolute;top:20px;left:15px;right:15px;height:2px;background:#654321;border-radius:1px}.phin-handle{position:absolute;top:15px;right:-25px;width:20px;height:30px;border:3px solid var(--black);border-left:none;border-radius:0 15px 15px 0;background:transparent}.coffee-glass{width:80px;height:120px;background:linear-gradient(to bottom,transparent 0%,transparent 30%,rgba(255,255,255,.9) 30%,rgba(255,255,255,.7) 100%);border:4px solid var(--black);border-radius:8px 8px 12px 12px;position:relative;box-shadow:4px 4px #0003;overflow:hidden}.condensed-milk{position:absolute;bottom:0;left:0;right:0;height:25px;background:linear-gradient(to top,#f5e6d3,#e8d4b0);border-radius:0 0 4px 4px}.coffee-liquid{position:absolute;bottom:25px;left:0;right:0;height:0;background:linear-gradient(to top,#3d2817,#654321);border-radius:0;animation:fillCoffee 8s infinite}@keyframes fillCoffee{0%,30%{height:0}80%,to{height:60px}}.coffee-drips{position:absolute;top:60px;left:50%;transform:translate(-50%);width:20px;height:60px}.drip{position:absolute;left:50%;transform:translate(-50%);width:2px;background:linear-gradient(to bottom,#3D2817 0%,#654321 50%,transparent 100%);animation:coffeeFlow 4s infinite ease-in-out;transform-origin:top center}.drip:nth-child(1){animation-delay:0s}.drip:nth-child(2){animation-delay:.3s;left:45%}.drip:nth-child(3){animation-delay:.6s;left:55%}@keyframes coffeeFlow{0%{height:0;opacity:0;top:0}10%{height:10px;opacity:.8;top:0}50%{height:40px;opacity:1;top:0}90%{height:10px;opacity:.8;top:50px}to{height:0;opacity:0;top:60px}}.phin-lid{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:80px;height:12px;background:linear-gradient(135deg,#a67c52,#8b7355);border:2px solid var(--black);border-radius:6px;box-shadow:3px 3px #0003}.phin-lid:before{content:"";position:absolute;top:3px;left:50%;transform:translate(-50%);width:15px;height:4px;background:var(--black);border-radius:2px}.coffee-steam{position:absolute;top:15%;left:50%;transform:translate(-50%);display:flex;gap:20px}.coffee-steam span{width:4px;height:80px;background:linear-gradient(to top,rgba(28,163,157,.4),transparent);border-radius:50%;animation:steam 3s infinite ease-in-out}.coffee-steam span:nth-child(1){animation-delay:0s}.coffee-steam span:nth-child(2){animation-delay:.5s}.coffee-steam span:nth-child(3){animation-delay:1s}@keyframes steam{0%{transform:translateY(0) scaleY(1);opacity:.6}50%{transform:translateY(-30px) scaleY(1.3);opacity:.3}to{transform:translateY(-60px) scaleY(1.6);opacity:0}}.hero-scroll{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.05)}}.hero-scroll span{font-size:12px;text-transform:uppercase;letter-spacing:3px;color:var(--dark-coffee)}.scroll-icon{width:24px;height:36px;border:3px solid var(--primary);border-radius:12px;position:relative}.scroll-dot{width:4px;height:8px;background:var(--primary);border-radius:2px;position:absolute;top:8px;left:50%;transform:translate(-50%);animation:scrollDot 2s infinite}@keyframes scrollDot{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(10px)}}.story{padding:150px 5%;background:var(--black);color:var(--cream);position:relative;overflow:hidden}.story:before{content:"ABOUT US • COFFEE • EATERY • WORKSPACE • ";position:absolute;top:50%;left:0;font-size:120px;font-family:Space Grotesk,sans-serif;color:var(--primary);opacity:.03;white-space:nowrap;animation:slideText 30s linear infinite}@keyframes slideText{0%{transform:translate(0)}to{transform:translate(-50%)}}.section-title{font-family:Space Grotesk,sans-serif;font-size:clamp(36px,8vw,120px);font-weight:700;text-align:center;margin-bottom:clamp(40px,8vw,80px);text-shadow:4px 4px 0 var(--primary);transform:rotate(-2deg);line-height:1.1}.story-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:50px;max-width:1200px;margin:0 auto;position:relative;z-index:2}.story-card{background:linear-gradient(135deg,var(--concrete) 0%,rgba(232,230,225,.8) 100%);border:var(--border-width) solid var(--primary);padding:40px;position:relative;box-shadow:15px 15px 0 var(--primary);transition:all .3s;transform:rotate(0)}.story-card:nth-child(2){transform:rotate(1deg)}.story-card:nth-child(3){transform:rotate(-1deg)}.story-card:hover{transform:rotate(0) translateY(-10px) scale(1.02);box-shadow:20px 20px 0 var(--primary)}@media (max-width: 768px){.story-card{box-shadow:none;border:6px solid var(--primary);transform:none!important;margin:20px 0}.story-card:hover{transform:none;box-shadow:none}}.story-card h3{font-size:32px;margin-bottom:20px;color:var(--black);font-weight:900}.story-card p{font-size:18px;line-height:1.6;color:var(--dark-coffee)}.menu{padding:100px 5%;background:var(--cream);position:relative}.menu-tabs{display:flex;justify-content:center;gap:15px;margin-bottom:40px;flex-wrap:wrap;padding:20px 0}.tab-button{padding:12px 25px;background:transparent;border:2px solid var(--black);font-family:Space Mono,monospace;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px;color:var(--black)}.tab-button.active{background:var(--black);color:var(--cream)}.tab-button:hover:not(.active){background:var(--concrete)}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;max-width:1200px;margin:0 auto;opacity:1;transition:opacity .3s ease}@media (min-width: 769px){.menu-grid{grid-template-columns:repeat(3,1fr);max-width:1400px;gap:30px}.workspace-content{grid-template-columns:1.2fr .8fr!important;gap:80px!important;max-width:1400px!important}}@media (min-width: 769px) and (max-width: 1100px){.menu-grid{grid-template-columns:repeat(2,1fr);max-width:800px}}.menu-grid.hidden{display:none}.menu-card{background:var(--cream);border:2px solid var(--black);padding:0;position:relative;transition:all .2s;box-shadow:4px 4px 0 var(--concrete);overflow:hidden}.menu-image{width:100%;height:180px;overflow:hidden;border-bottom:2px solid var(--black)}.menu-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.menu-card:hover .menu-image img{transform:scale(1.05)}.menu-card h3,.menu-card .menu-price,.menu-card .menu-description{padding:0 25px}.menu-card h3{padding-top:20px;margin-bottom:15px}.menu-card .menu-description{padding-bottom:25px}.menu-card:hover{transform:translateY(-2px);box-shadow:6px 6px 0 var(--primary)}.menu-card h3{font-size:28px;margin-bottom:15px;color:var(--black);font-weight:900}.menu-price{font-size:36px;color:var(--primary);font-weight:900;margin-bottom:15px;text-shadow:2px 2px 0 var(--black)}.menu-description{font-size:16px;color:var(--dark-coffee);line-height:1.5}.workspace{padding:100px 5%;background:var(--dark-teal);color:var(--cream);margin:40px;border:8px solid var(--black);box-shadow:15px 15px 0 var(--black);position:relative;overflow:hidden}.workspace:before{content:"FREE SEATING • QUIET SPACE • GOOD COFFEE • FAST WIFI • FREE SEATING • QUIET SPACE • GOOD COFFEE • FAST WIFI • ";position:absolute;top:50%;left:0;font-size:60px;font-family:Space Grotesk,sans-serif;color:var(--light-teal);opacity:.08;white-space:nowrap;animation:slideWorkspaceText 25s linear infinite;z-index:1}@keyframes slideWorkspaceText{0%{transform:translate(0)}to{transform:translate(-50%)}}.workspace-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:start;position:relative;z-index:10;padding-top:20px}.workspace-text h2{font-family:Space Grotesk,sans-serif;font-size:48px;margin-bottom:35px;color:var(--cream);text-shadow:4px 4px 0 var(--black);line-height:1.1}.workspace-text p{font-size:20px;line-height:1.7;margin-bottom:28px;max-width:500px}.workspace-features{display:flex;flex-wrap:wrap;gap:15px;margin-top:35px}.feature-tag{padding:10px 20px;background:var(--black);color:var(--light-teal);border:3px solid var(--light-teal);font-weight:700;text-transform:uppercase;font-size:13px;transition:all .3s}.feature-tag:hover{background:var(--light-teal);color:var(--black);transform:translateY(-2px)}.workspace-visual{background:var(--cream);border:6px solid var(--black);padding:40px;box-shadow:12px 12px 0 var(--black);position:relative}.floor-diagram{text-align:center;color:var(--black);display:flex;flex-direction:column;justify-content:center;height:100%}.floor-diagram h3{font-family:Space Grotesk,sans-serif;font-size:32px;margin-bottom:25px;color:var(--primary)}.floor-level{margin:20px 0;padding:25px;background:linear-gradient(135deg,var(--concrete) 0%,var(--cream) 100%);border:4px solid var(--black);transition:all .3s}.floor-level:hover{box-shadow:6px 6px 0 var(--primary)}.floor-level h4{font-family:Space Grotesk,sans-serif;font-size:24px;margin-bottom:10px;color:var(--black)}.floor-level p{font-size:16px;line-height:1.4;max-width:280px;margin:0 auto;transition:all .3s ease;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}.floor-level p:hover{color:var(--primary)}.floor-level p.expanded{white-space:normal;text-overflow:unset;max-height:none}.floor-level p:after{content:" ✨";opacity:.6;font-size:12px}.floor-image-link{display:block;text-decoration:none;cursor:pointer}.workspace-visual .floor-diagram .floor-level .floor-image{width:100px!important;height:70px!important;margin:15px auto!important;border:3px solid var(--black);border-radius:8px;overflow:hidden;display:block;box-shadow:4px 4px 0 var(--primary);transition:all .3s ease;position:relative}.workspace-visual .floor-diagram .floor-level .floor-image:after{content:"🔍";position:absolute;top:5px;right:5px;background:#1ca39de6;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;opacity:0;transition:opacity .3s ease}.workspace-visual .floor-diagram .floor-level .floor-image:hover:after{opacity:1}.workspace-visual .floor-diagram .floor-level .floor-image:hover{transform:scale(1.08);box-shadow:6px 6px 0 var(--primary)}.workspace-visual .floor-diagram .floor-level .floor-image img{width:100px!important;height:70px!important;object-fit:cover;max-width:100px!important;max-height:70px!important;transition:transform .3s ease}.speed-sticker{position:absolute;top:15px;right:15px;background:var(--primary);color:var(--black);padding:8px 15px;border:2px solid var(--black);border-radius:5px;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:3px 3px 0 var(--black)}@media (max-width: 768px){.workspace{margin:20px;padding:60px 20px}.workspace-content{grid-template-columns:1fr;gap:40px;max-width:100%;box-sizing:border-box}.workspace-visual{padding:15px;box-shadow:6px 6px 0 var(--black);width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.floor-diagram{width:100%;box-sizing:border-box}.floor-level{margin:15px 0;padding:15px;width:100%;box-sizing:border-box}.speed-sticker{position:static;margin-bottom:10px;display:block;width:fit-content;margin-left:auto;margin-right:auto}.workspace-features{justify-content:center;text-align:center;flex-wrap:wrap;gap:8px;max-width:100%;box-sizing:border-box}.feature-tag{font-size:11px;padding:6px 10px;margin:2px;flex:0 1 auto;white-space:nowrap;box-sizing:border-box;word-break:keep-all}}.journey{padding:120px 5% 100px;background:radial-gradient(circle at center,var(--concrete) 0%,var(--cream) 100%);position:relative;overflow:hidden}.journey:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="1" fill="%23D4AF37" opacity="0.1"/><circle cx="80" cy="40" r="1.5" fill="%23CD853F" opacity="0.15"/><circle cx="30" cy="70" r="1" fill="%23A0522D" opacity="0.1"/><circle cx="70" cy="80" r="1.2" fill="%23D4AF37" opacity="0.12"/></svg>');z-index:0;animation:floatBeans 20s linear infinite}@keyframes floatBeans{0%{transform:translateY(100vh)}to{transform:translateY(-100vh)}}.journey-container{position:relative;max-width:1200px;margin:0 auto;z-index:2}.journey-path{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;position:relative}@media (min-width: 769px){.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:4px;background:var(--black);transform:translate(-50%);z-index:1}.journey-path{grid-template-columns:repeat(4,1fr);gap:60px}.journey-path:before{content:"";position:absolute;top:50%;left:12%;right:12%;height:4px;background:linear-gradient(90deg,transparent 0%,var(--primary) 20%,var(--dark-teal) 80%,transparent 100%);border-radius:2px;transform:translateY(-50%);z-index:1;animation:pathGlow 3s ease-in-out infinite}}@keyframes pathGlow{0%,to{opacity:.6}50%{opacity:1;box-shadow:0 0 20px var(--primary)}}.journey-step{background:var(--cream);border:4px solid var(--black);border-radius:24px;padding:30px 25px;text-align:center;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:8px 8px 0 var(--black);z-index:3;cursor:pointer}.journey-step:hover{transform:translateY(-8px) rotate(2deg);box-shadow:12px 16px 0 var(--black);border-color:var(--primary)}.journey-step:nth-child(1){background:linear-gradient(135deg,#e8f5e8 0%,var(--cream) 100%)}.journey-step:nth-child(2){background:linear-gradient(135deg,#fff8dc 0%,var(--cream) 100%)}.journey-step:nth-child(3){background:linear-gradient(135deg,#f0e6d2 0%,var(--cream) 100%)}.journey-step:nth-child(4){background:linear-gradient(135deg,#faf0e6 0%,var(--cream) 100%)}.journey-icon{width:80px;height:80px;margin:0 auto 20px;background:var(--black);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:35px;transition:all .3s ease;position:relative;color:var(--cream)}.journey-step:hover .journey-icon{background:var(--primary);transform:scale(1.1) rotate(-5deg)}.journey-icon:after{content:"";position:absolute;width:100%;height:100%;border:3px solid var(--primary);border-radius:50%;animation:iconPulse 2s ease-in-out infinite;opacity:0}@keyframes iconPulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:.4}to{transform:scale(1.4);opacity:0}}.journey-step:hover .journey-icon:after{animation-play-state:running}.journey-number{position:absolute;top:-15px;right:-15px;width:35px;height:35px;background:var(--primary);border:3px solid var(--black);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Space Grotesk,sans-serif;font-weight:900;color:var(--black);font-size:16px;z-index:4}.journey-step h3{font-family:Space Grotesk,sans-serif;font-size:22px;margin-bottom:15px;color:var(--black);font-weight:800;text-transform:uppercase;letter-spacing:1px}.journey-step p{font-size:15px;line-height:1.6;color:var(--dark-coffee);margin-bottom:20px}.journey-detail{font-size:13px;color:var(--coffee-brown);font-style:italic;border-top:2px solid var(--concrete);padding-top:15px;margin-top:15px}@media (max-width: 1023px) and (min-width: 769px){.journey-path{grid-template-columns:repeat(2,1fr);gap:40px}.journey-path:before{display:none}}@media (max-width: 768px){.journey{padding:80px 20px}.journey-path{grid-template-columns:1fr;gap:25px}.journey-step{padding:25px 20px;border-radius:16px;box-shadow:4px 4px 0 var(--black);border-width:3px}.journey-step:hover{transform:translateY(-4px);box-shadow:6px 8px 0 var(--black)}.journey-icon{width:60px;height:60px;font-size:28px;margin-bottom:15px}.journey-number{width:28px;height:28px;font-size:14px;top:-12px;right:-12px}.journey-step h3{font-size:20px;margin-bottom:12px}.journey-step p{font-size:14px;line-height:1.5;margin-bottom:15px}.journey-detail{font-size:12px;padding-top:12px;margin-top:12px}}.events-community{padding:100px 5%;background:var(--cream);margin:40px;position:relative}.events-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin:50px 0}.event-card{background:#fff;border:3px solid var(--black);box-shadow:6px 6px 0 var(--primary);display:flex;overflow:hidden;transition:transform .3s ease}.event-card:hover{transform:translateY(-5px);box-shadow:8px 8px 0 var(--primary)}.event-date{background:var(--primary);color:var(--black);padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:100px}.event-date .day{font-size:48px;font-weight:900;line-height:1}.event-date .month{font-size:18px;font-weight:700;margin-top:5px}.event-content{padding:25px;flex:1}.event-content h3{font-size:22px;margin-bottom:10px;color:var(--black)}.event-time{color:var(--dark-coffee);font-size:14px;margin-bottom:15px;font-weight:700}.event-description{color:var(--black);line-height:1.6;margin-bottom:20px}.event-register{background:var(--black);color:var(--cream);border:none;padding:12px 25px;font-weight:700;cursor:pointer;transition:all .3s ease}.event-register:hover{background:var(--primary);color:var(--black)}.community-highlights{text-align:center;padding:50px 0;background:var(--concrete);border:3px solid var(--black);margin-top:50px}.community-highlights h3{font-size:36px;margin-bottom:40px;color:var(--black)}.community-stats{display:flex;justify-content:center;gap:60px;flex-wrap:wrap}.stat-item{text-align:center}.stat-number{display:block;font-size:48px;font-weight:900;color:var(--primary);text-shadow:2px 2px 0 var(--black)}.stat-label{display:block;font-size:16px;color:var(--black);margin-top:10px}.owner-section{padding:100px 5%;background:linear-gradient(135deg,var(--dark-coffee) 0%,var(--black) 100%);margin:40px;position:relative;border:8px solid var(--black);box-shadow:15px 15px 0 var(--primary)}.owner-section .section-title{color:var(--cream)}.owner-content{max-width:1200px;margin:0 auto}.owner-info{display:flex;gap:50px;margin-bottom:80px;align-items:center}.owner-image{flex:0 0 300px}.owner-image img{width:100%;height:400px;object-fit:cover;border:4px solid var(--primary);box-shadow:8px 8px 0 var(--black)}.owner-bio{flex:1;color:var(--cream)}.owner-bio h3{font-size:42px;margin-bottom:10px;color:var(--primary);text-shadow:3px 3px 0 var(--black)}.owner-title{font-size:20px;color:var(--coffee-brown);margin-bottom:25px;font-weight:700}.owner-description{font-size:18px;line-height:1.8;margin-bottom:30px}.owner-achievements{display:flex;flex-wrap:wrap;gap:20px}.achievement{background:var(--primary);color:var(--black);padding:10px 20px;font-weight:700;border:2px solid var(--black)}.masterclasses{color:var(--cream)}.masterclasses h3{font-size:36px;margin-bottom:20px;text-align:center;color:var(--primary)}.masterclass-intro{text-align:center;font-size:18px;margin-bottom:50px}@media (max-width: 768px){.owner-section{padding:60px 20px}.owner-info{flex-direction:column;gap:30px;margin-bottom:50px}.owner-image{flex:1 1 auto;width:100%;max-width:280px;margin:0 auto}.owner-image img{height:350px;border-width:3px;box-shadow:5px 5px 0 var(--black)}.owner-bio{text-align:center;padding:0}.owner-bio h3{font-size:28px;margin-bottom:8px;text-shadow:2px 2px 0 var(--black)}.owner-title{font-size:18px;margin-bottom:20px}.owner-description{font-size:15px;line-height:1.7;margin-bottom:25px;text-align:left;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;box-sizing:border-box}.owner-achievements{justify-content:center;gap:15px}.achievement-badge{font-size:12px;padding:5px 10px}.masterclasses h3{font-size:28px;margin-bottom:15px}.masterclass-intro{font-size:16px;margin-bottom:30px;padding:0 10px}}.masterclass-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-bottom:50px}.masterclass-card{background:#f5f2ed1a;border:3px solid var(--primary);padding:30px;text-align:center;transition:transform .3s ease}.masterclass-card:hover{transform:translateY(-5px);background:#f5f2ed33}.masterclass-icon{font-size:48px;margin-bottom:20px}.masterclass-card h4{font-size:20px;margin-bottom:15px;color:var(--primary)}.masterclass-card p{margin-bottom:20px;line-height:1.6}.masterclass-details{display:flex;justify-content:space-between;padding-top:20px;border-top:1px solid var(--coffee-brown)}.duration{color:var(--coffee-brown);font-weight:700}.price{color:var(--primary);font-weight:900;font-size:18px}.masterclass-cta{display:block;margin:0 auto;background:var(--primary);color:var(--black);padding:18px 40px;font-size:18px;font-weight:900;border:3px solid var(--black);cursor:pointer;transition:all .3s ease}.masterclass-cta:hover{background:var(--cream);transform:translateY(-2px);box-shadow:6px 6px 0 var(--primary)}.eco-label{font-size:24px;color:var(--cream);text-transform:uppercase;letter-spacing:3px;font-weight:700}.eco-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:60px;max-width:1000px;margin:60px auto 0}.eco-item{text-align:center;position:relative}.eco-icon{width:120px;height:120px;margin:0 auto 30px;background:var(--black);border:6px solid var(--cream);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:50px;box-shadow:8px 8px #0000004d;transition:all .3s;animation:floatIcon 3s infinite ease-in-out}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.eco-item:hover .eco-icon{transform:rotate(15deg) scale(1.1);box-shadow:12px 12px #0000004d}.eco-item h3{font-size:20px;margin-bottom:10px;color:var(--cream);font-weight:900;text-transform:uppercase}.eco-item p{color:var(--cream);font-size:16px}.spaces-gallery{padding:120px 5%;background:linear-gradient(135deg,var(--cream) 0%,var(--concrete) 50%,var(--cream) 100%);position:relative;overflow:hidden}.spaces-gallery:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><polygon points="20,30 40,10 60,30 40,50" fill="%23D4AF37" opacity="0.05"/><polygon points="140,60 160,40 180,60 160,80" fill="%23CD853F" opacity="0.08"/><polygon points="30,150 50,130 70,150 50,170" fill="%23A0522D" opacity="0.06"/></svg>');animation:floatShapes 25s linear infinite;z-index:0}@keyframes floatShapes{0%{transform:translate(-100px) rotate(0)}to{transform:translate(calc(100vw + 100px)) rotate(360deg)}}.photo-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:20px;padding:0 5%;max-width:1200px;margin:0 auto}.photo-gallery-grid a{position:relative;display:block;border-radius:20px;overflow:hidden;aspect-ratio:4/3;border:4px solid var(--black);box-shadow:8px 8px 0 var(--black);transition:all .4s cubic-bezier(.34,1.56,.64,1);background:var(--concrete)}.photo-gallery-grid a:hover{transform:translateY(-10px) rotate(1deg);box-shadow:15px 20px 0 var(--black)}.gallery-thumbnail{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.photo-gallery-grid a:hover .gallery-thumbnail{transform:scale(1.05)}.map-card{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:4/3;border:4px solid var(--black);box-shadow:8px 8px 0 var(--black);transition:all .4s cubic-bezier(.34,1.56,.64,1);background:var(--concrete)}.map-card:hover{transform:translateY(-10px) rotate(1deg);box-shadow:15px 20px 0 var(--black)}.map-card iframe{width:100%;height:100%;transition:transform .4s ease}.map-card:hover iframe{transform:scale(1.02)}.map-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#1ca39dd9,#1f7f73e6);opacity:0;transition:opacity .3s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;pointer-events:none}.map-card:hover .map-overlay{opacity:1}.spaces-grid{display:flex;gap:30px;padding:0 5%;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--primary) var(--concrete);position:relative;z-index:2}.spaces-grid::-webkit-scrollbar{height:8px}.spaces-grid::-webkit-scrollbar-track{background:var(--concrete);border-radius:4px}.spaces-grid::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px;border:1px solid var(--black)}.spaces-grid::-webkit-scrollbar-thumb:hover{background:var(--dark-teal)}.space-card{background:var(--cream);border:4px solid var(--black);border-radius:20px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);cursor:pointer;box-shadow:8px 8px 0 var(--black);height:320px;min-width:280px;flex-shrink:0}.space-card:hover{transform:translateY(-10px) rotate(1deg);box-shadow:15px 20px 0 var(--black);border-color:var(--primary)}.space-card.featured{min-width:320px}.space-image{height:200px;background:linear-gradient(135deg,var(--dark-coffee) 0%,var(--coffee-brown) 100%);position:relative;overflow:hidden}.roastery-bg{background:linear-gradient(135deg,#8b4513,sienna)}.lounge-bg{background:linear-gradient(135deg,var(--concrete) 0%,var(--cream) 100%)}.workspace-bg{background:linear-gradient(135deg,var(--primary) 0%,var(--dark-teal) 100%)}.pods-bg{background:linear-gradient(135deg,var(--black) 0%,var(--dark-coffee) 100%)}.space-overlay{position:absolute;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;opacity:1;transition:all .3s ease}.space-card:hover .space-overlay{background:#0000001a}.space-icon{width:70px;height:70px;background:#ffffffe6;border:3px solid var(--black);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;transition:all .3s ease;box-shadow:0 4px 15px #0003}.space-card:hover .space-icon{transform:scale(1.1) rotate(-5deg);box-shadow:0 8px 25px #0000004d}.space-badge{background:var(--primary);color:var(--black);padding:8px 16px;border:2px solid var(--black);border-radius:20px;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.space-info{padding:25px;height:120px;display:flex;flex-direction:column;justify-content:space-between}.space-info h3{font-family:Space Grotesk,sans-serif;font-size:24px;margin-bottom:8px;color:var(--black);font-weight:800;text-transform:uppercase}.space-info p{font-size:15px;line-height:1.5;color:var(--dark-coffee);margin-bottom:15px}.space-details{font-size:13px;color:var(--coffee-brown);font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-top:2px solid var(--concrete);padding-top:12px}@media (min-width: 1024px){.spaces-grid{gap:40px;padding:0 60px}.space-card.featured{min-width:350px;height:380px}.space-card.featured .space-image{height:250px}}@media (max-width: 768px){.spaces-gallery{padding:80px 0}.photo-gallery-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:15px;padding:0 20px}.photo-gallery-grid a{border-width:3px;box-shadow:4px 4px 0 var(--black);aspect-ratio:3/2}.photo-gallery-grid a:hover{transform:translateY(-5px);box-shadow:6px 8px 0 var(--black)}.gallery-icon{font-size:2rem}.gallery-title{font-size:1rem}.map-card{border-width:3px;box-shadow:4px 4px 0 var(--black);aspect-ratio:3/2}.map-card:hover{transform:translateY(-5px);box-shadow:6px 8px 0 var(--black)}.spaces-grid{gap:20px;padding:0 20px}.space-card{height:280px;min-width:250px;border-width:3px;box-shadow:4px 4px 0 var(--black)}.space-card.featured{min-width:280px;height:280px}.space-card:hover{transform:translateY(-5px);box-shadow:6px 8px 0 var(--black)}.space-image{height:160px}.space-info{height:120px;padding:20px}.space-icon{width:60px;height:60px;font-size:26px}.space-info h3{font-size:20px}.space-info p{font-size:14px}.space-details{font-size:12px}}@media (max-width: 768px){.cta-button{box-shadow:3px 3px 0 var(--black)!important}.cta-button:hover{box-shadow:5px 5px 0 var(--primary)!important}.menu-card{box-shadow:5px 5px 0 var(--black)!important}.menu-card:hover{box-shadow:8px 8px 0 var(--primary)!important}.floor-plan{box-shadow:5px 5px 0 var(--black)!important}.sustainability{box-shadow:8px 8px 0 var(--black)!important}.contact-form{box-shadow:5px 5px 0 var(--primary)!important}.feature-tag{box-shadow:2px 2px 0 var(--black)!important}}.contact{padding:150px 5%;background:var(--concrete);position:relative}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:1400px;margin:0 auto;align-items:start}.contact-form-section{display:flex;justify-content:center}.contact-form{max-width:500px;width:100%;background:var(--cream);border:12px solid var(--black);padding:60px;box-shadow:20px 20px 0 var(--primary);position:relative}.contact-map-section{display:flex;flex-direction:column;gap:30px}.location-info-card{background:var(--cream);border:8px solid var(--black);border-radius:25px;padding:30px;box-shadow:15px 15px 0 var(--primary);display:flex;align-items:center;gap:20px}.address-icon{font-size:40px;min-width:60px}.address-text{text-align:left;font-family:var(--font-body);line-height:1.6}.address-text p{margin:8px 0;color:var(--black);font-size:16px}.address-text strong{font-weight:700;color:var(--primary);font-size:18px;letter-spacing:1px}.location-map{border-radius:25px;overflow:hidden;border:8px solid var(--black);box-shadow:15px 15px 0 var(--black);transition:transform .3s ease;background:var(--cream);height:400px;min-height:350px;width:100%}.location-map:hover{transform:translateY(-5px);box-shadow:15px 20px 0 var(--black)}@media (max-width: 768px){.contact{padding:80px 5%}.contact-grid{grid-template-columns:1fr;gap:40px}.location-info-card{padding:25px;border-width:6px;box-shadow:10px 10px 0 var(--primary)}.address-icon{font-size:30px;min-width:50px}.address-text p{font-size:14px}.address-text strong{font-size:16px}.location-map{border-width:6px;border-radius:20px;box-shadow:10px 10px 0 var(--black);height:300px;min-height:250px}}.form-group{margin-bottom:35px}.form-group label{display:block;font-size:18px;font-weight:700;margin-bottom:12px;color:var(--black);text-transform:uppercase;letter-spacing:1px}.form-group input,.form-group textarea{width:100%;padding:18px;border:4px solid var(--black);background:var(--concrete);font-size:16px;font-family:Space Mono,monospace;transition:all .3s}.form-group input:focus,.form-group textarea:focus{outline:none;box-shadow:8px 8px 0 var(--primary);transform:translateY(-3px);background:var(--cream)}.submit-btn{background:var(--primary);color:var(--black);border:6px solid var(--black);padding:22px 55px;font-size:24px;font-weight:900;cursor:pointer;transition:all .3s;box-shadow:10px 10px 0 var(--black);width:100%;text-transform:uppercase;letter-spacing:2px;font-family:Space Grotesk,sans-serif}.submit-btn:hover{transform:translateY(-5px);box-shadow:15px 15px 0 var(--black);background:var(--dark-teal);color:var(--cream)}.submit-btn:active{transform:translateY(0);box-shadow:5px 5px 0 var(--black)}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important;box-shadow:5px 5px 0 var(--black)!important}.error-message{color:#e74c3c;font-size:14px;margin-top:8px;font-weight:500;display:block}.char-counter{font-size:12px;text-align:right;margin-top:5px;color:#666}.form-message{margin-top:20px;padding:15px;border:3px solid var(--black);font-weight:600;text-align:center;text-transform:uppercase;letter-spacing:1px}.form-message.success{background:var(--primary);color:var(--black)}.form-message.error{background:#e74c3c;color:#fff}.btn-loading{display:none}footer{background:var(--black);color:var(--cream);padding:80px 5% 40px;text-align:center;position:relative;overflow:hidden}footer:before{content:"☕ ◼ ☕ ◼ ☕ ◼ ☕ ◼ ☕ ◼";position:absolute;top:30px;left:50%;transform:translate(-50%);font-size:24px;letter-spacing:15px;opacity:.2}@media (max-width: 768px){footer:before{display:none}}.footer-content{position:relative;z-index:2;max-width:1200px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:50px;margin-bottom:50px}.footer-column h4{font-family:Space Grotesk,sans-serif;font-size:24px;color:var(--primary);margin-bottom:20px;transform:skew(-3deg)}.footer-column p,.footer-column a{color:var(--cream);text-decoration:none;display:block;margin:10px 0;transition:all .3s}.footer-column a:hover{color:var(--light-teal);transform:translate(5px)}.footer-bottom{padding-top:30px;border-top:2px solid var(--concrete);opacity:.7}.mobile-menu-toggle{display:none;background:var(--primary);border:4px solid var(--black);color:var(--black);font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700;padding:12px 24px;cursor:pointer;border-radius:0;min-width:120px;min-height:48px;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:1px;box-shadow:4px 4px 0 var(--black);transition:all .3s ease}.mobile-menu-toggle:hover{transform:translateY(-2px);box-shadow:6px 6px 0 var(--black);background:var(--dark-teal);color:var(--cream)}.mobile-menu-toggle.active{background:var(--black);color:var(--primary);transform:translateY(0);box-shadow:2px 2px 0 var(--primary)}@media (max-width: 768px){nav{position:absolute;top:20px;left:50%;transform:translate(-50%);width:auto;padding:10px 20px;background:var(--black);border:4px solid var(--primary);box-shadow:4px 4px 0 var(--primary);z-index:1000}.nav-content{justify-content:center;align-items:center;flex-direction:row;gap:0}.logo,.mobile-menu-toggle{display:none}nav ul{display:none}.language-switcher{display:flex;gap:.3rem}.language-switcher a{padding:.5rem 1rem;font-size:.9rem;border-radius:20px;font-weight:700;transition:all .3s ease}.language-switcher a:hover{background:var(--primary);color:var(--black);transform:translateY(-2px)}.language-switcher a.active{background:var(--primary);color:var(--black)}}.hero{padding:140px 15px 40px;margin:15px 8px;min-height:calc(100vh - 30px);border-width:6px;box-shadow:5px 5px 0 var(--primary)}.hero-content{flex-direction:column;gap:30px;text-align:center}.hero-title{font-size:clamp(44px,12vw,60px);line-height:.9}.hero-title .about,.hero-title .us{text-shadow:3px 3px 0 var(--primary)}.hero-title .us{margin-top:-15px;transform:rotate(2deg) translate(20px);text-shadow:3px 3px 0 var(--black)}.hero-subtitle{font-size:18px;padding-bottom:15px;border-bottom-width:3px}.hero-description{font-size:16px;line-height:1.5;margin-bottom:30px}.hero-visual{margin:20px 0 0;transform:scale(.8)}.coffee-visual{width:280px;height:280px}.hero-actions{flex-direction:column;align-items:center;gap:15px;width:100%}.cta-button,.cta-button-outline{width:100%;max-width:280px;padding:16px 30px;font-size:16px;text-align:center}.hero-stats{justify-content:center;gap:20px;flex-wrap:wrap}.stat-number{font-size:32px}.stat-label{font-size:11px;letter-spacing:1px}.workspace{margin:20px;box-shadow:5px 5px 0 var(--black)!important}.workspace-content{grid-template-columns:1fr;gap:40px}.timeline{padding:0 20px}.timeline-item{width:calc(100% - 80px);left:70px!important;margin-left:0;padding:25px;margin-bottom:40px;border-width:4px}.timeline-item:nth-child(odd),.timeline-item:nth-child(2n){left:70px!important;box-shadow:10px 10px 0 var(--primary);transform:none}.timeline-dot{left:-45px!important;right:auto!important;width:30px;height:30px;top:35px;border-width:4px}.timeline-item h3{font-size:22px;margin-bottom:15px}.timeline-item p{font-size:15px;line-height:1.5}.menu-card{padding:25px}.section-title{font-size:clamp(32px,8vw,50px);margin-bottom:clamp(30px,6vw,50px);text-shadow:3px 3px 0 var(--primary)}.contact-form{padding:40px 20px}.sustainability{margin:20px}.journey{padding:80px 20px}.story{padding:100px 20px}.community{padding:100px 0}.contact{padding:100px 20px}@media (max-width: 380px){.hero{padding:120px 10px 30px;margin:10px 5px;border-width:4px}.hero-title{font-size:clamp(36px,10vw,50px)}.hero-subtitle{font-size:16px}.hero-description{font-size:14px}.cta-button,.cta-button-outline{padding:14px 25px;font-size:14px}.coffee-visual{width:220px;height:220px;transform:scale(.9)}.story{padding:60px 10px}.story-card{padding:20px}.menu{padding:60px 10px}.contact{padding:80px 10px}.contact-form{margin:0 5px;padding:25px 15px}.timeline{padding:0 15px}.timeline-item{width:calc(100% - 60px);left:60px!important;padding:20px;margin-bottom:30px;border-width:3px}.timeline-item:nth-child(odd),.timeline-item:nth-child(2n){left:60px!important;box-shadow:8px 8px 0 var(--primary)}.timeline-item h3{font-size:20px;margin-bottom:12px}.timeline-item p{font-size:14px;line-height:1.4}nav{left:5px;right:5px;padding:10px 12px}.logo{font-size:18px}nav a{font-size:14px;padding:14px 20px}.timeline-dot{left:-35px!important;width:20px;height:20px}.contact-form{border-width:6px}}.privacy-consent{margin-bottom:25px!important}.checkbox-container{display:flex;align-items:flex-start;cursor:pointer;position:relative;padding-left:35px;margin-bottom:0;font-size:16px;line-height:1.5}.checkbox-container input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:2px;left:0;height:22px;width:22px;background:var(--cream);border:3px solid var(--black);border-radius:4px;transition:all .3s ease}.checkbox-container:hover input~.checkmark{background:var(--light-brown)}.checkbox-container input:checked~.checkmark{background:var(--primary);box-shadow:4px 4px 0 var(--black)}.checkmark:after{content:"";position:absolute;display:none}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{left:6px;top:2px;width:6px;height:12px;border:solid var(--black);border-width:0 3px 3px 0;transform:rotate(45deg)}.checkbox-text{color:var(--black);font-size:16px;line-height:1.5}.privacy-link{color:var(--primary);text-decoration:underline;font-weight:600;margin-left:5px;transition:color .3s ease}.privacy-link:hover{color:var(--dark-teal)}.privacy-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#000000b3;align-items:center;justify-content:center}.privacy-modal-content{background:var(--cream);margin:15% auto;padding:0;border:6px solid var(--black);border-radius:15px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;box-shadow:10px 10px 0 var(--primary);animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.privacy-modal-header{background:var(--primary);color:var(--black);padding:20px 30px;border-bottom:4px solid var(--black);display:flex;justify-content:space-between;align-items:center}.privacy-modal-header h3{margin:0;font-size:22px;font-weight:700}.privacy-close{background:none;border:none;color:var(--black);font-size:32px;font-weight:700;cursor:pointer;padding:0;margin:0;line-height:1;transition:transform .2s ease}.privacy-close:hover{transform:scale(1.2)}.privacy-modal-body{padding:30px;max-height:50vh;overflow-y:auto;color:var(--black)}.privacy-modal-body h4{color:var(--dark-brown);font-size:18px;font-weight:700;margin-top:25px;margin-bottom:15px;border-bottom:2px solid var(--primary);padding-bottom:5px}.privacy-modal-body h4:first-child{margin-top:0}.privacy-modal-body p{margin-bottom:15px;line-height:1.6;font-size:16px}.privacy-modal-body ul{margin:15px 0;padding-left:25px}.privacy-modal-body li{margin-bottom:8px;color:var(--black);font-size:16px}@media (max-width: 768px){.privacy-modal-content{width:95%;margin:10% auto;max-height:85vh}.privacy-modal-header{padding:15px 20px}.privacy-modal-header h3{font-size:18px}.privacy-modal-body{padding:20px;max-height:60vh}.checkbox-text{font-size:14px}.checkbox-container{padding-left:30px}.checkmark{width:20px;height:20px}}.loader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--black);z-index:10000;display:flex;justify-content:center;align-items:center;transition:opacity .8s ease-out,visibility .8s ease-out}.loader.hide{opacity:0;visibility:hidden;pointer-events:none}.loader-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:30px}.coffee-cup{position:relative;width:120px;height:100px}.cup{position:absolute;width:80px;height:60px;background:var(--primary);border-radius:0 0 40px 40px;top:40px;left:50%;transform:translate(-50%);box-shadow:0 0 0 4px var(--primary)}.cup:before{content:"";position:absolute;width:100px;height:10px;background:var(--primary);top:-5px;left:-10px;border-radius:10px}.cup-handle{position:absolute;width:30px;height:35px;border:4px solid var(--primary);border-left:none;border-radius:0 15px 15px 0;right:-25px;top:5px}.steam{position:absolute;width:60px;height:60px;top:-20px;left:50%;transform:translate(-50%)}.steam-particle{position:absolute;width:20px;height:20px;background:var(--primary);border-radius:50%;opacity:0;filter:blur(10px)}.steam-particle:nth-child(1){left:10px;animation:steam1 2s infinite}.steam-particle:nth-child(2){left:20px;animation:steam2 2s infinite .5s}.steam-particle:nth-child(3){left:30px;animation:steam3 2s infinite 1s}@keyframes steam1{0%{transform:translateY(0) scale(.5);opacity:0}15%{opacity:.5}50%{transform:translateY(-30px) translate(-5px) scale(1.2);opacity:.3}to{transform:translateY(-60px) translate(-10px) scale(1.5);opacity:0}}@keyframes steam2{0%{transform:translateY(0) scale(.5);opacity:0}15%{opacity:.5}50%{transform:translateY(-30px) translate(5px) scale(1.2);opacity:.3}to{transform:translateY(-60px) translate(10px) scale(1.5);opacity:0}}@keyframes steam3{0%{transform:translateY(0) scale(.5);opacity:0}15%{opacity:.5}50%{transform:translateY(-30px) scale(1.2);opacity:.3}to{transform:translateY(-60px) scale(1.5);opacity:0}}.coffee-fill{position:absolute;width:72px;height:0;background:linear-gradient(180deg,#8b4513,sienna,#8b4513);bottom:4px;left:4px;border-radius:0 0 36px 36px;animation:fillCoffee 2s ease-in-out infinite;overflow:hidden}.coffee-fill:before{content:"";position:absolute;width:100%;height:10px;background:#ffffff1a;top:0;animation:coffeeFoam 2s ease-in-out infinite}@keyframes fillCoffee{0%,to{height:20px}50%{height:40px}}@keyframes coffeeFoam{0%,to{transform:translateY(0) scaleY(1)}50%{transform:translateY(-5px) scaleY(1.5)}}.loader-text{color:var(--primary);font-size:24px;font-weight:700;font-family:Space Grotesk,sans-serif;letter-spacing:3px;text-transform:uppercase;position:relative}.loader-text:after{content:"";position:absolute;width:100%;height:2px;background:var(--primary);bottom:-10px;left:0;transform:scaleX(0);animation:loadingBar 2s ease-in-out infinite}@keyframes loadingBar{0%{transform:scaleX(0);transform-origin:left}50%{transform:scaleX(1);transform-origin:left}51%{transform-origin:right}to{transform:scaleX(0);transform-origin:right}}@media (max-width: 768px){.coffee-cup{width:100px;height:85px}.cup{width:65px;height:50px;top:35px}.cup:before{width:80px;height:8px;left:-7px}.cup-handle{width:25px;height:30px;right:-20px;border-width:3px}.coffee-fill{width:59px;left:3px;bottom:3px}.steam{width:50px;height:50px;top:-15px}.steam-particle{width:15px;height:15px}.loader-text{font-size:18px;letter-spacing:2px}}@media (max-width: 480px){.loader-container{gap:20px}.coffee-cup{width:80px;height:70px}.cup{width:50px;height:40px;top:30px}.cup:before{width:65px;height:6px;left:-7px}.cup-handle{width:20px;height:25px;right:-16px;top:3px}.coffee-fill{width:45px;left:2.5px;bottom:2.5px}@keyframes fillCoffee{0%,to{height:15px}50%{height:30px}}.steam{width:40px;height:40px;top:-10px}.steam-particle{width:12px;height:12px;filter:blur(8px)}.loader-text{font-size:14px;letter-spacing:1.5px}}