*{padding:0;margin:0;box-sizing:border-box;font-family:Poppins,sans-serif}:root{--color-primary: #4b2e05;--color-secondary: #b58956;--color-bg-light: #fff8f1;--color-bg-dark: #2a1a07;--color-text: #3c2a13;--color-text-light: #fffaf5;--color-border: rgba(75, 46, 5, .15);--color-accent: #d6a679;--color: #334443;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 3.5rem;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--font-weight-bolde: 800;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.8;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--border-thin: 1px solid var(--color-border);--border-medium: 2px solid var(--color-border);--max-width-content: 1200px;--max-width-narrow: 900px}:root{--color-coffee-dark: #4b2e05;--color-coffee-mid: #b58956;--color-coffee-light: #fff8f1;--color-coffee-white: #ffffff;--color-coffee-transparent: rgba(75, 46, 5, .1);--font-heading: "Playfair Display", serif;--font-body: "Poppins", sans-serif;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--shadow-soft: 0 4px 10px rgba(75, 46, 5, .1);--radius-pill: 2rem;--radius-soft: .5rem;--nav-height: 90px;--nav-padding-x: 2rem;--nav-padding-y: 1rem;--logo-max-width: 7.5rem;--logo-max-height: 7.5rem;--nav-transition: all .3s ease}.nav-bar{display:flex;justify-content:space-between;align-items:center;width:100%;height:var(--nav-height);padding:var(--nav-padding-y) var(--nav-padding-x);background:transparent;position:fixed;top:0;left:0;z-index:1000;transition:var(--nav-transition)}.nav-bar__logo-container{display:flex;align-items:center;justify-content:flex-start;max-width:var(--logo-max-width);max-height:var(--logo-max-height);overflow:hidden;border-radius:var(--radius-soft);transition:var(--nav-transition)}.nav-bar__logo{width:100%;height:100%;object-fit:contain}.nav-bar__logo-container:hover{transform:scale(.9)}.nav-wrapper{display:flex;justify-content:center;align-items:center;gap:clamp(3rem,5vw,3.5rem);padding:0 clamp(2rem,5vw,2.4rem)}.nav-right{display:flex;align-items:center;gap:2rem}.nav-links{display:flex;gap:1.5rem;list-style:none;transition:var(--nav-transition)}.nav-links a{position:relative;text-decoration:none;font-family:var(--font-body);font-weight:500;color:var(--color-coffee-dark);letter-spacing:.5px;padding:.6rem 1.2rem;border:1.5px solid var(--color-coffee-transparent);border-radius:var(--radius-pill);transition:color .3s ease,background .3s ease,transform .3s ease,border-color .3s ease}.nav-links a:hover{color:var(--color-coffee-light);background-color:var(--color-coffee-mid);border-color:var(--color-coffee-mid);transform:translateY(-2px);box-shadow:var(--shadow-soft)}.cart-container{position:relative;display:flex;align-items:center;justify-content:center;color:var(--color-coffee-dark);cursor:pointer;margin-left:1rem;transition:transform .3s ease,color .3s ease}.cart-container:hover{transform:scale(1.1);color:var(--color-coffee-mid)}.cart-icon{font-size:1.7rem}.cart-badge{position:absolute;top:-6px;right:-10px;background:var(--color-coffee-mid);color:#fff;border-radius:50%;font-size:.75rem;font-weight:600;width:1.2rem;height:1.2rem;display:flex;align-items:center;justify-content:center}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:1.5rem;height:1.2rem;background:none;border:none;cursor:pointer;transition:var(--nav-transition)}.hamburger span{width:100%;height:.2rem;background:var(--color-coffee-dark);border-radius:.25rem;transition:var(--nav-transition)}.hamburger.active span:nth-child(1){transform:translateY(.5rem) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-.5rem) rotate(-45deg)}@media (max-width: 1000px){.hamburger{display:flex;position:relative;z-index:1001;order:2}.nav-right{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:1.56rem;flex:1}.cart-container{position:relative;right:0;top:0;margin-left:0;order:1}.nav-wrapper{display:flex;justify-content:center;align-items:center;gap:1.5rem}.nav-links{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff8f1f2;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-lg);transform:translateY(-100%);opacity:0;pointer-events:none;transition:var(--nav-transition);z-index:999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav-links.open{transform:translateY(0);opacity:1;pointer-events:auto}.nav-links li{width:100%;text-align:center}.nav-links a{font-size:1.75rem;color:var(--color-coffee-dark);text-transform:uppercase;letter-spacing:1px;padding:.8rem 2rem;border:2px solid var(--color-coffee-transparent);border-radius:var(--radius-pill);background:#ffffff4d;transition:all .3s ease}.nav-links a:hover{color:var(--color-coffee-light);background-color:var(--color-coffee-mid);border-color:var(--color-coffee-mid);transform:scale(1.05)}}.hero-section{position:relative;width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;padding-top:5rem}.hero-image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(70%) contrast(1.1) saturate(1.1)}.hero-section:before,.hero-section:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none}.hero-section:before{background:linear-gradient(to bottom,#2b1b0973,#2b1b09a6)}.hero-section:after{background:radial-gradient(circle at top right,rgba(181,137,86,.15),transparent 70%)}.hero-section-content{position:relative;z-index:2;text-align:center;color:var(--color-text-light, #fff);max-width:800px;padding:3rem 1rem;margin:0 auto}.hero-section-content h1{font-size:4rem;font-weight:var(--font-weight-bolder, 600);letter-spacing:1px;color:var(--color-bg-light, #fff);line-height:1.2;margin-bottom:1.3rem}.hero-section-content p{font-size:1.4rem;line-height:1.6;color:#fff8f1e6;font-style:italic;margin-bottom:2rem}.hero-btn{display:inline-block;background-color:var(--color-secondary, #b58956);color:var(--color-text-light, #fff);padding:1rem 2.2rem;font-size:1.1rem;font-weight:600;border-radius:2rem;text-decoration:none;text-align:center;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.hero-btn:hover{background-color:var(--color-primary, #a57442);transform:translateY(-2px)}@media (max-width: 1000px){.hero-section{min-height:90vh;padding:0 1rem;margin-bottom:clamp(6rem,5vw,8.5rem)}.hero-section-content{padding:3rem 1.2rem}.hero-section-content h1{font-size:2.8rem;margin-bottom:.5rem}.hero-section-content p{font-size:1.1rem;margin-bottom:2rem}}@media (max-width: 600px){.hero-section{min-height:85vh;padding-top:3rem}.hero-section-content{padding:2.5rem 1rem}.hero-section-content h1{font-size:2.2rem;margin-bottom:.4rem}.hero-section-content p{font-size:1rem;margin-bottom:2rem}.hero-section-content button{padding:.8rem 1.8rem;font-size:.95rem}}.feature-section{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:100%;padding:6rem 8.5rem;position:relative;overflow:hidden;margin-bottom:3.5rem}.feature-header{flex:1 1 45%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;color:var(--color-coffee-dark);gap:1.2rem;padding-right:2rem}.feature-header h2{font-family:var(--font-heading);font-size:2.8rem;font-weight:800;color:var(--color-coffee-dark);line-height:1.3}.feature-header p{font-family:var(--font-body);font-size:1.1rem;font-weight:400;color:#4b2e05cc;line-height:1.6;max-width:500px}.text-wrapper{overflow:hidden}.feature-header a{display:inline-block;background-color:var(--color-coffee-mid);color:var(--color-coffee-white);border:none;padding:.8rem 2rem;font-size:1rem;font-weight:500;border-radius:var(--radius-pill);cursor:pointer;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 8px #4b2e051a}.feature-header a:hover{background-color:var(--color-coffee-dark);transform:translateY(-3px)}.feature-image{flex:1 1 55%;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.feature-image video{width:100%;max-width:480px;height:800px;object-fit:cover;outline:none;position:relative;top:50px;box-shadow:0 10px 20px #4b2e0526}@media (max-width: 1000px){.feature-section{flex-direction:row;justify-content:center;align-items:center;padding:3rem 2rem;gap:1.5rem;overflow:hidden}.feature-header{flex:1 1 45%;padding-right:1rem;align-items:flex-start;text-align:left;margin-top:clmap(3rem,5vw,3.6rem)}.feature-image video{max-width:400px;top:40px}}@media (max-width: 600px){.feature-section{flex-direction:column;justify-content:center;align-items:center;padding:2.5rem 1rem;gap:2rem;overflow:hidden}.feature-header{align-items:center;text-align:center;padding:0;margin-top:clmap(3rem,5vw,3.6rem)}.feature-image video{top:0;max-width:100%}}.items-wrapper{width:100%;padding:4rem 2rem;overflow:hidden;margin-bottom:clamp(3rem,5vw 4rem)}.items-section{display:flex;justify-content:center;align-items:center;gap:4rem;flex-wrap:wrap}.items-card{position:relative;width:400px;height:600px;overflow:hidden}.item-image{position:absolute;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease}.item-image.active{opacity:1}.details{padding-top:clamp(2rem,5vw,4rem);overflow:hidden}.items-details{max-width:450px;display:flex;flex-direction:column;gap:1.5rem;text-align:left}.items-details h2{font-family:var(--font-heading);font-size:2.8rem;font-weight:800;color:var(--color-coffee-dark);line-height:1.3}.items-details p{font-family:var(--font-body);font-size:1.1rem;font-weight:400;color:#4b2e05cc;line-height:1.6;max-width:500px}.items-names{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem;margin-bottom:clamp(3rem,5vw 4rem)}.items-names button{padding:.6rem 1.2rem;border:1.5px solid #b58956;border-radius:2rem;background:transparent;color:#4b2e05;font-family:Poppins,sans-serif;cursor:pointer;transition:all .3s ease}.items-names button:hover{background:#b58956;color:#fff}.items-names button.active{background:#4b2e05;color:#fff;transform:scale(1.05)}@media (max-width: 1000px){.items-section{flex-direction:column}.items-card{width:90%;height:300px}.items-details{text-align:center}.items-names{justify-content:center}}.marque-div{overflow:hidden}.marque-intro{text-align:center;max-width:900px;margin:0 auto;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;padding-top:clamp(10rem,6vw,14rem)}.intro-wrapper{overflow:hidden}.marque-intro h2{font-family:var(--font-heading);font-size:2.8rem;font-weight:800;color:var(--color-coffee-dark);line-height:1.3}.marque-intro p{font-family:var(--font-body);font-size:1.1rem;color:#4b2e05cc;line-height:1.6;text-align:center}.marque-wrapper{display:flex;justify-content:center;margin-bottom:clamp(2.5rem,5vw,4rem);overflow:hidden;width:100%}.marque-inner{max-width:1200px;width:100%;overflow:hidden;position:relative}.marque-section{display:flex;align-items:center;gap:1rem;padding:0 4rem;width:max-content;margin:0 auto}.marque-card{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.marque-card img{width:200px;height:300px;object-fit:cover;box-shadow:0 4px 10px #4b2e051a;margin-bottom:.5rem}.marque-card p{font-family:var(--font-body);font-size:1.1rem;color:#4b2e05cc;line-height:1.6;max-width:500px}@media (max-width: 1000px){.marque-intro h2{font-size:2rem}.marque-intro p{font-size:1rem}.marque-card img{height:250px}}@media (max-width: 600px){.marque-intro h2{font-size:1.5rem}.marque-intro p{font-size:.9rem}.marque-card img{height:200px}}.plantation-wrapper{overflow:hidden;width:100%;margin-top:clamp(4rem,6vw,6rem)}.plantation-section{display:flex;justify-content:center;align-items:stretch;max-width:1200px;margin:0 auto;padding:2rem 4.5rem;gap:1.5rem;flex-wrap:nowrap;background:var(--color-bg-light)}.video-wrapper{flex:0 0 55%;display:flex;justify-content:center;align-items:center}.video-wrapper video{width:100%;height:auto;aspect-ratio:5 / 4;object-fit:cover;outline:none;box-shadow:0 10px 20px #4b2e0526}.plantation-details{flex:0 0 45%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1rem;height:100%}.plantation-details h2{font-family:var(--font-heading);font-size:2.8rem;font-weight:800;color:var(--color-coffee-dark);line-height:1.3}.plantation-details p{font-family:var(--font-body);font-size:1.1rem;color:#4b2e05cc;line-height:1.6;max-width:500px}.plantation-buttons{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap;justify-content:flex-start;color:var(--color-primary)}.plantation-buttons button{font-family:var(--font-body);font-size:1rem;font-weight:600;padding:.8rem 2.2rem;border-radius:2.5rem;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 10px #4b2e051f;letter-spacing:.5px;border:2px solid transparent;color:var(--color-primary)}.primary-btn{background:linear-gradient(135deg,var(--color-secondary),var(--color-accent));color:var(--color-text);border:2px solid var(--color-secondary)}.primary-btn:hover{background:var(--color-bg-light);color:var(--color-primary);border-color:var(--color-primary);transform:translateY(-3px) scale(1.05);box-shadow:0 8px 20px #4b2e0533}.secondary-btn{background-color:var(--color-bg-light);color:var(--color-primary);border:2px solid var(--color-secondary);transition:all .4s ease;opacity:2}.secondary-btn:hover{background:linear-gradient(135deg,var(--color-secondary),var(--color-accent));color:var(--color-text);border-color:var(--color-secondary);transform:translateY(-3px) scale(1.05);box-shadow:0 8px 20px #4b2e0533}@media (max-width: 1000px){.plantation-section{flex-direction:column;padding:2rem;gap:2rem;align-items:center}.video-wrapper{flex:0 0 100%;order:-1}.video-wrapper video{width:100%;max-width:600px;border-radius:1rem}.plantation-details{flex:0 0 100%;align-items:center;text-align:center}.plantation-details h2{font-size:2rem}.plantation-details p{font-size:1rem;max-width:90%}.plantation-buttons{justify-content:center}.plantation-buttons button{width:80%;max-width:240px;padding:.7rem 2rem}}@media (max-width: 600px){.plantation-section{padding:1.5rem 1rem}.plantation-details h2{font-size:1.8rem;line-height:1.3}.plantation-details p{font-size:.95rem;line-height:1.5}.plantation-buttons button{width:100%;font-size:.95rem;padding:.65rem 1.8rem}}.testimonial-wrapper{width:100%;max-width:var(--max-width-content);margin:0 auto;padding:var(--space-3xl) var(--space-xl);background:var(--color-bg-light);display:flex;flex-direction:column;align-items:center;text-align:center}.testimonial-header{margin-bottom:var(--space-2xl)}.testimonial-header h2{font-family:var(--font-heading);font-size:2.8rem;font-weight:800;color:var(--color-coffee-dark);line-height:1.3}.testimonial-header p{font-family:var(--font-body);font-size:1.1rem;font-weight:400;color:#4b2e05cc;line-height:1.6;max-width:500px;margin:0 auto}.testimonial-display{position:relative;width:100%;max-width:700px;display:flex;justify-content:center;align-items:center;margin-bottom:var(--space-xl)}.arrow-btn{position:absolute;top:50%;transform:translateY(-50%);background:var(--color-secondary);border:none;color:var(--color-text-light);border-radius:50%;width:2.75rem;height:2.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s ease;box-shadow:0 3px 6px #4b2e0540}.arrow-btn:hover{background:var(--color-primary)}.arrow-btn.left{left:-3rem}.arrow-btn.right{right:-3rem}.testimonial-card{background:#fff;border-radius:1.5rem;padding:var(--space-2xl) var(--space-xl);box-shadow:0 8px 20px #4b2e0514;transition:all .4s ease;max-width:500px;margin:0 auto}.testimonial-card:hover{transform:translateY(-6px);box-shadow:0 10px 25px #4b2e051f}.testimonial-card .avatar{width:90px;height:90px;border-radius:50%;overflow:hidden;margin:0 auto var(--space-md);border:3px solid var(--color-secondary)}.testimonial-card .avatar img{width:100%;height:100%;object-fit:cover}.testimonial-content h4{font-size:var(--font-size-lg);color:var(--color-primary);font-weight:var(--font-weight-bold);margin-bottom:var(--space-xs)}.testimonial-content p{font-size:var(--font-size-md);color:var(--color-text);line-height:var(--line-height-relaxed);margin-top:var(--space-xs)}.stars{display:flex;justify-content:center;margin-bottom:var(--space-xs)}.indicator-dots{display:flex;justify-content:center;align-items:center;gap:var(--space-xs);margin-top:var(--space-md)}.dot{width:10px;height:10px;border-radius:50%;background:var(--color-border);cursor:pointer;transition:background .3s ease}.dot.active{background:var(--color-secondary)}.live-response-section{width:100%;max-width:700px;background:var(--color-bg-light);border-top:var(--border-medium);margin-top:var(--space-3xl);padding-top:var(--space-2xl);display:flex;flex-direction:column;align-items:center}.live-response-section h3{font-family:var(--font-heading);font-size:2.8rem;font-weight:800;color:var(--color-coffee-dark);line-height:1.3;margin-bottom:var(--space-md)}.response-form{width:100%;display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-2xl)}.response-form input,.response-form textarea,.response-form select{width:100%;padding:var(--space-sm) var(--space-md);border:var(--border-thin);border-radius:.75rem;font-size:var(--font-size-md);background:#fff;color:var(--color-text);outline:none;transition:border-color .3s ease,box-shadow .3s ease}.response-form input:focus,.response-form textarea:focus,.response-form select:focus{border-color:var(--color-secondary);box-shadow:0 0 5px #b589564d}.rating-select{display:flex;align-items:center;gap:var(--space-sm)}.rating-select label{font-size:var(--font-size-md);color:var(--color-primary)}.submit-btn{background:var(--color-secondary);color:var(--color-text-light);border:none;border-radius:1.5rem;padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;align-self:center;transition:.3s ease;box-shadow:0 4px 8px #4b2e0526}.submit-btn:hover{background:var(--color-primary);transform:translateY(-2px);box-shadow:0 6px 12px #4b2e0533}.live-responses{width:100%;display:flex;flex-direction:column;gap:var(--space-md)}.response-card{background:#fff;border:var(--border-thin);border-radius:1rem;padding:var(--space-md);box-shadow:0 4px 10px #4b2e0514;transition:.3s ease}.response-card:hover{transform:translateY(-3px);box-shadow:0 6px 15px #4b2e051f}.response-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xs)}.response-card h4{color:var(--color-primary);font-weight:var(--font-weight-medium)}.no-response{color:var(--color-text);font-style:italic;text-align:center}@media (max-width: 768px){.arrow-btn.left{left:-1rem}.arrow-btn.right{right:-1rem}.testimonial-card{padding:var(--space-xl)}.testimonial-header h2{font-size:var(--font-size-xl)}.live-response-section{padding-top:var(--space-xl)}}.cta-wrapper{position:relative;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;overflow:hidden;background:linear-gradient(#0000008c,#0000008c),url(https://images.unsplash.com/photo-1509042239860-f550ce710b93?auto=format&fit=crop&w=1500&q=80) center center / cover no-repeat;background-attachment:scroll}.cta-content{position:relative;z-index:2;max-width:700px;padding:3rem 2rem}.cta-content h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem;color:#f8f8f8}.cta-content p{font-size:1.2rem;margin-bottom:2rem;line-height:1.6;color:#eaeaea}.cta-buttons{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.cta-buttons a{text-decoration:none;display:inline-block}.primary-btn,.secondary-btn{padding:.9rem 2rem;border:none;border-radius:30px;font-size:1rem;cursor:pointer;transition:all .3s ease-in-out;display:inline-block;width:auto;text-align:center}.primary-btn{background-color:#7b3f00;color:#fff}.primary-btn:hover{background-color:#5e2e00;transform:scale(1.05)}.secondary-btn{background-color:transparent;border:2px solid #fff;color:#fff}.secondary-btn:hover{background-color:#fff;color:#222;transform:scale(1.05)}@media (max-width: 800px){.cta-content{padding:2rem 1rem}.cta-content h2{font-size:2rem}.cta-content p{font-size:1rem}.cta-buttons{flex-direction:column;gap:1rem}.primary-btn,.secondary-btn{width:100%}}.footer{background:var(--color-bg-light);color:var(--color-text);padding:4rem 2rem 2rem;border-top:1px solid var(--color-border);position:relative;z-index:10;font-family:var(--font-body)}.footer-container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:2.5rem;max-width:var(--max-width-content);margin:0 auto}.footer-about{flex:1 1 300px;display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.logo-wrapper img{width:150px;height:auto;object-fit:contain;transition:transform .3s ease,opacity .3s ease}.logo-wrapper img:hover{transform:scale(1.05);opacity:.95}.footer-about p{font-size:var(--font-size-md);line-height:var(--line-height-relaxed);color:var(--color-text);max-width:320px;opacity:.85}.footer-links{flex:1 1 200px}.footer-links h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-secondary);margin-bottom:var(--space-sm)}.footer-links ul{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:var(--space-xs)}.footer-links a{text-decoration:none;color:var(--color-text);font-size:var(--font-size-md);transition:color .3s ease}.footer-links a:hover{color:var(--color-secondary)}.footer-contact{flex:1 1 250px}.footer-contact h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-secondary);margin-bottom:var(--space-sm)}.footer-contact p{margin-bottom:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-text);opacity:.85}.socials{margin-top:var(--space-sm);display:flex;gap:1rem}.socials a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#4b2e05;color:#fff8f1;font-size:1rem;transition:all .3s ease}.socials a:hover{background:#b58956;transform:scale(1.1)}.underground-city{margin-top:1.5rem;padding:1rem;background:#4b2e050d;border-radius:.5rem}.underground-city h4{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin-bottom:.5rem}.underground-city p{font-size:var(--font-size-sm);color:var(--color-text);opacity:.8}.footer-bottom{text-align:center;margin-top:3rem;border-top:1px solid var(--color-border);padding-top:1.5rem}.footer-bottom p{font-size:var(--font-size-sm);color:var(--color-text);opacity:.8}@media (max-width: 900px){.footer-container{flex-direction:column;align-items:center;text-align:center;gap:2rem}.footer-about{align-items:center}.footer-about p{max-width:500px}.socials a{margin:0 .6rem}.underground-city{width:100%}}*{margin:0;padding:0;box-sizing:border-box}.contact-wrapper{display:flex;flex-direction:column;gap:4rem;padding:5rem 4rem;background:var(--color-bg-light)}.contact-hero{text-align:center;color:#4b2e05}.contact-hero h1{font-family:var(--font-heading);font-size:2.8rem;font-weight:800;color:var(--color-coffee-dark);line-height:1.3}.contact-hero p{font-family:var(--font-body);font-size:1.1rem;font-weight:400;color:#4b2e05cc;line-height:1.6}.contact-form-section{display:flex;justify-content:center}.contact-form{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:500px}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#4b2e05;font-size:.9rem}.contact-form input,.contact-form select,.contact-form textarea{padding:.75rem 1rem;border-radius:1rem;border:1.5px solid rgba(75,46,5,.25);font-size:1rem;font-family:inherit;transition:all .3s ease;background-color:#fff}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:none;border-color:#b58956;box-shadow:0 0 10px #b589564d}.contact-form input.error,.contact-form select.error,.contact-form textarea.error{border-color:#e74c3c;box-shadow:0 0 10px #e74c3c4d}.field-error{color:#e74c3c;font-size:.85rem;margin-top:.25rem;display:block}.form-error{background-color:#ffebee;color:#c62828;padding:.75rem;border-radius:.5rem;margin-bottom:1rem;border:1px solid #ffcdd2;text-align:center}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.contact-form button:disabled{opacity:.6;cursor:not-allowed;transform:none}.map-placeholder{width:100%;max-width:600px;height:300px;border:1px solid rgba(75,46,5,.25);border-radius:1rem;display:flex;align-items:center;justify-content:center;background-color:#f8f6f3;color:#7a4b2b}.primary-btn{background-color:#b58956;color:#fff8f1;border:2px solid #b58956;padding:.75rem 1.8rem;border-radius:2rem;font-weight:600;cursor:pointer;transition:all .3s ease}.primary-btn:hover{background-color:transparent;color:#4b2e05;border-color:#4b2e05;transform:translateY(-2px)}.contact-location{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#4b2e05;text-align:center;width:100%;overflow:hidden}.contact-location iframe{width:100%;max-width:1200px;height:500px;border:none;margin-top:1rem;border-radius:1rem}@media (max-width: 1000px){.contact-wrapper{padding:2rem;gap:3rem}.contact-hero h1{font-size:2.4rem}.contact-location iframe{width:100%;height:400px}}@media (max-width: 768px){.contact-wrapper{padding:1.5rem;gap:2.5rem}.contact-hero h1{font-size:2.2rem}.contact-hero p{font-size:1.1rem}.contact-form{max-width:100%;gap:1.2rem}.form-group input,.form-group select,.form-group textarea{font-size:1rem;padding:.875rem 1rem}.contact-location iframe{width:100%;height:300px;border-radius:.75rem}}@media (max-width: 600px){.contact-wrapper{padding:1rem;gap:2rem}.contact-hero{margin-bottom:1rem}.contact-hero h1{font-size:2rem;line-height:1.2}.contact-hero p{font-size:1rem}.contact-form{gap:1rem}.form-group input,.form-group select,.form-group textarea{padding:1rem;border-radius:.75rem}.primary-btn{padding:1rem 2rem;font-size:1rem}.contact-location{gap:.75rem}.contact-location h2{font-size:1.5rem}.contact-location iframe{width:100%;height:250px}.contact-quick h2{font-size:1.5rem}.social-icons{gap:.8rem;font-size:1.5rem}.field-error{font-size:.8rem}.form-error{font-size:.9rem;padding:.625rem}}@media (max-width: 480px){.contact-wrapper{padding:.75rem;gap:1.5rem}.contact-hero h1{font-size:1.8rem}.contact-hero p{font-size:.95rem}.contact-form-section{margin:1rem 0}.form-group input,.form-group select,.form-group textarea{padding:.875rem}.primary-btn{width:100%;padding:1rem}.contact-location iframe{width:100%;height:200px}.social-icons{justify-content:space-around;gap:.5rem}}@media (prefers-contrast: high){.contact-form input,.contact-form select,.contact-form textarea{border-width:2px}.primary-btn{border-width:3px}}@media (prefers-reduced-motion: reduce){.contact-form input,.contact-form select,.contact-form textarea,.primary-btn{transition:none}.primary-btn:hover{transform:none}}.contact-form input:focus-visible,.contact-form select:focus-visible,.contact-form textarea:focus-visible,.primary-btn:focus-visible{outline:2px solid #b58956;outline-offset:2px}@media print{.contact-wrapper{padding:1rem;gap:1.5rem}.social-icons,.primary-btn,.contact-location iframe{display:none}.contact-hero,.contact-location,.contact-quick{break-inside:avoid}}*{padding:0;margin:0;box-sizing:border-box}.roster-wrapper{overflow:hidden}.roaster-section{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:100%;padding:6rem 8.5rem;position:relative;overflow:hidden;margin-bottom:3.5rem}.roaster-header{flex:1 1 45%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;color:var(--color-coffee-dark);gap:1.2rem;padding-right:2rem}.roaster-header h2{font-family:var(--font-heading);font-size:2.8rem;font-weight:800;color:var(--color-coffee-dark);line-height:1.3}.roaster-header p{font-family:var(--font-body);font-size:1.1rem;font-weight:400;color:#4b2e05cc;line-height:1.6;max-width:500px}.video-wrapper{flex:1 1 55%;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.video-wrapper video{width:100%;max-width:480px;height:700px;object-fit:cover;outline:none;position:relative;top:50px;box-shadow:0 10px 20px #4b2e0526}.roaster-section-1{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:100%;padding:4rem 8.5rem;position:relative;overflow:hidden;margin-bottom:3.5rem}.roaster-sub-title{flex:1 1 45%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;color:var(--color-coffee-dark);gap:1.2rem;padding-right:2rem}.roaster-sub-title p{font-family:var(--font-body);font-size:1.1rem;font-weight:400;color:#4b2e05cc;line-height:1.6;max-width:500px}.roaster-section-2{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:100%;padding:4rem 8.5rem;position:relative;overflow:hidden;margin-bottom:3.5rem}.roaster-sub-title-2{flex:1 1 45%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;color:var(--color-coffee-dark);gap:1.2rem;padding-right:2rem}.roaster-sub-title-2 h2{font-family:var(--font-heading);font-size:2.8rem;font-weight:800;line-height:1.3}.roaster-section-2 .image-wrapper{flex:1 1 55%;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;gap:1rem}.roaster-section-2 .image-wrapper img{width:100%;max-width:350px;height:500px;object-fit:cover;outline:none;position:relative;box-shadow:0 10px 20px #4b2e0526;transition:transform .8s ease,opacity .8s ease;will-change:transform}.toggle-btn{position:absolute;top:50%;transform:translateY(-50%);background:#2b1b09cc;border:none;padding:.6rem;border-radius:50%;cursor:pointer;z-index:5;transition:background .3s ease;display:flex;justify-content:center;align-items:center}.toggle-btn svg{stroke:#fff;width:24px;height:24px}.toggle-btn:hover{background:#2b1b09}.prev-btn{left:1rem}.next-btn{right:1rem}@media (max-width: 1000px){.roaster-section,.roaster-section-1,.roaster-section-2{flex-direction:column;padding:3rem 2rem}.roaster-header,.roaster-sub-title,.roaster-sub-title-2{flex:1 1 100%;align-items:center;text-align:center;padding-right:0}.roaster-header h2,.roaster-sub-title h2,.roaster-sub-title-2 h2{font-size:2.2rem}.roaster-header p,.roaster-sub-title p{font-size:1rem;max-width:100%}.video-wrapper,.roaster-section-2 .image-wrapper{flex:1 1 100%}.video-wrapper video,.roaster-section-2 .image-wrapper img{max-width:100%;height:auto}.toggle-btn{padding:.5rem}.toggle-btn svg{width:20px;height:20px}}