:root{--espresso: #2b1d16;--coffee: #4a3226;--caramel: #8a5a3b;--latte: #c49a76;--cream: #f6efe4;--cream-dark: #ece1cf;--sage: #6f7d61;--sage-dark: #55624a;--amber: #d9a441;--font-display: "Fraunces", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--radius: 18px;--shadow: 0 12px 32px rgba(43, 29, 22, .12);--transition: .25s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{font-family:var(--font-body);color:var(--coffee);background:var(--cream);line-height:1.6;-webkit-font-smoothing:antialiased}img,svg{display:block}a{color:inherit;text-decoration:none}ul{list-style:none}h1,h2,h3,h4{font-family:var(--font-display);color:var(--espresso);line-height:1.15;font-weight:600}.container{width:min(1120px,100% - 3rem);margin-inline:auto}.section{padding:clamp(4rem,9vw,7rem) 0}.section__title{font-size:clamp(1.9rem,4vw,2.75rem);margin-bottom:1rem}.section__lead{max-width:560px;margin-bottom:3rem;color:var(--caramel)}.eyebrow{font-size:.8rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--sage-dark);margin-bottom:.9rem}.eyebrow--light{color:var(--latte)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.btn{display:inline-block;background:var(--espresso);color:var(--cream);font-family:var(--font-body);font-weight:600;font-size:.95rem;padding:.9rem 2rem;border:2px solid var(--espresso);border-radius:999px;cursor:pointer;transition:transform var(--transition),background var(--transition),color var(--transition),box-shadow var(--transition)}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow);background:var(--coffee);border-color:var(--coffee)}.btn--ghost{background:transparent;color:var(--espresso)}.btn--ghost:hover{background:var(--espresso);color:var(--cream)}.btn--small{padding:.55rem 1.3rem;font-size:.85rem}.btn--cream{background:var(--cream);border-color:var(--cream);color:var(--espresso)}.btn--cream:hover{background:var(--cream-dark);border-color:var(--cream-dark)}.navbar{position:fixed;inset:0 0 auto;z-index:100;padding:1.1rem 0;transition:background var(--transition),box-shadow var(--transition),padding var(--transition)}.navbar--scrolled{background:#f6efe4eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 18px #2b1d161a;padding:.7rem 0}.navbar__inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.navbar__brand{display:flex;align-items:center;gap:.55rem;font-family:var(--font-display);font-weight:700;font-size:1.2rem;color:var(--espresso)}.navbar__links{display:flex;align-items:center;gap:2rem;font-weight:500;font-size:.95rem}.navbar__links a:not(.btn){position:relative;padding:.25rem 0}.navbar__links a:not(.btn):after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--sage);transform:scaleX(0);transform-origin:left;transition:transform var(--transition)}.navbar__links a:not(.btn):hover:after{transform:scaleX(1)}.navbar__toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px}.navbar__toggle span{width:24px;height:2px;background:var(--espresso);border-radius:2px}.hero{min-height:100svh;display:flex;align-items:center;padding:7rem 0 4rem;background:linear-gradient(160deg,var(--cream) 55%,var(--cream-dark));overflow:hidden}.hero__inner{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:3rem}.hero__title{font-size:clamp(2.6rem,6vw,4.4rem);font-weight:700;margin-bottom:1.4rem}.hero__tagline{font-size:1.1rem;max-width:480px;color:var(--caramel);margin-bottom:2.2rem}.hero__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:3rem}.hero__stats{display:flex;gap:2.5rem;flex-wrap:wrap}.hero__stats li{display:flex;flex-direction:column}.hero__stats strong{font-family:var(--font-display);font-size:1.6rem;color:var(--espresso)}.hero__stats span{font-size:.85rem;color:var(--caramel)}.hero__visual{position:relative;display:grid;place-items:center}.hero__circle{width:min(380px,80%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--sage),var(--sage-dark));display:grid;place-items:center;box-shadow:var(--shadow);animation:float 7s ease-in-out infinite}.hero__cup{position:relative;color:var(--cream)}.hero__steam{position:absolute;top:-34px;left:50%;transform:translate(-50%);display:flex;gap:8px}.hero__steam span{width:4px;height:22px;border-radius:999px;background:#f6efe4b3;animation:steam 2.6s ease-in-out infinite}.hero__steam span:nth-child(2){animation-delay:.5s}.hero__steam span:nth-child(3){animation-delay:1s}.hero__bean{position:absolute;color:var(--caramel);opacity:.85}.hero__bean--1{top:8%;left:6%;animation:float 5.5s ease-in-out infinite}.hero__bean--2{bottom:14%;left:12%;color:var(--sage-dark);animation:float 6.5s ease-in-out infinite reverse}.hero__bean--3{top:18%;right:4%;color:var(--espresso);animation:float 8s ease-in-out infinite}.products{background:var(--cream)}.products__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.75rem}.product-card{background:#fffdf9;border-radius:var(--radius);overflow:hidden;box-shadow:0 4px 16px #2b1d1612;transition:transform var(--transition),box-shadow var(--transition);display:flex;flex-direction:column}.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.product-card__visual{height:180px;display:grid;place-items:center}.tint-green{background:linear-gradient(140deg,#8b9a7b,var(--sage-dark))}.tint-amber{background:linear-gradient(140deg,#e0b45f,#b07f33)}.tint-brown{background:linear-gradient(140deg,#7a5137,#45291a)}.tint-dusk{background:linear-gradient(140deg,#9b8ba0,#5d4e63)}.product-card__bag{background:var(--cream);border-radius:12px 12px 16px 16px;padding:1rem 1.4rem 1.2rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;color:var(--espresso);box-shadow:0 8px 20px #2b1d1640;transform:rotate(-2deg);transition:transform var(--transition)}.product-card:hover .product-card__bag{transform:rotate(0) scale(1.04)}.product-card__bag-label{font-family:var(--font-display);font-size:.7rem;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.12em;line-height:1.3}.product-card__body{padding:1.5rem;display:flex;flex-direction:column;gap:.6rem;flex:1}.product-card__roast{font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--sage-dark)}.product-card__body h3{font-size:1.35rem}.product-card__body>p{font-size:.92rem;color:var(--caramel);flex:1}.product-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem}.product-card__price{font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--espresso)}.product-card__price small{font-family:var(--font-body);font-size:.75rem;font-weight:400;color:var(--caramel)}.about{background:var(--espresso);color:var(--cream-dark)}.about .eyebrow{color:var(--latte)}.about .section__title{color:var(--cream)}.about__inner{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.about__intro p{margin-bottom:1.1rem;color:var(--latte)}.about__values{display:flex;flex-direction:column;gap:2rem}.about__value{display:flex;gap:1.4rem;padding-bottom:2rem;border-bottom:1px solid rgba(196,154,118,.25)}.about__value:last-child{border-bottom:none;padding-bottom:0}.about__value-number{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--amber);line-height:1.2}.about__value h3{color:var(--cream);font-size:1.15rem;margin-bottom:.4rem}.about__value p{font-size:.95rem;color:var(--latte)}.testimonials{background:var(--cream-dark)}.testimonials__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.75rem;margin-top:2.5rem}.testimonial{background:#fffdf9;border-radius:var(--radius);padding:2rem;box-shadow:0 4px 16px #2b1d1612;display:flex;flex-direction:column;gap:1.1rem;transition:transform var(--transition),box-shadow var(--transition)}.testimonial:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.stars{display:flex;gap:3px;color:var(--amber)}.testimonial blockquote{font-size:.98rem;color:var(--coffee);flex:1}.testimonial figcaption{display:flex;flex-direction:column}.testimonial figcaption strong{font-family:var(--font-display);color:var(--espresso)}.testimonial figcaption span{font-size:.83rem;color:var(--caramel)}.newsletter{background:linear-gradient(150deg,var(--sage-dark),#3e4a36)}.newsletter__inner{text-align:center;max-width:620px}.newsletter .section__title{color:var(--cream)}.newsletter__lead{color:var(--cream-dark);margin-bottom:2rem}.newsletter__form{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.newsletter__form input{flex:1 1 280px;max-width:360px;padding:.9rem 1.3rem;border-radius:999px;border:2px solid transparent;font-family:var(--font-body);font-size:.95rem;background:var(--cream);color:var(--espresso);outline:none;transition:border-color var(--transition)}.newsletter__form input:focus{border-color:var(--amber)}.newsletter__success{color:var(--cream);font-weight:600;background:#f6efe424;border-radius:999px;padding:.9rem 1.6rem;display:inline-block}.footer{background:var(--espresso);color:var(--latte);padding:4rem 0 0}.footer__inner{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:3rem;padding-bottom:3rem}.footer .navbar__brand{color:var(--cream);margin-bottom:1rem}.footer__brand p{font-size:.92rem;max-width:320px;margin-bottom:1.4rem}.footer__socials{display:flex;gap:.75rem}.footer__socials a{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#c49a7626;color:var(--cream);transition:background var(--transition),transform var(--transition)}.footer__socials a:hover{background:var(--sage-dark);transform:translateY(-2px)}.footer__col h4{color:var(--cream);font-size:1rem;margin-bottom:1rem}.footer__col ul{display:flex;flex-direction:column;gap:.6rem;font-size:.92rem}.footer__col a:hover{color:var(--cream)}.footer__bottom{border-top:1px solid rgba(196,154,118,.2);padding:1.4rem 0;font-size:.85rem;text-align:center}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes steam{0%,to{opacity:.3;transform:translateY(0) scaleY(.8)}50%{opacity:.9;transform:translateY(-8px) scaleY(1.1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .7s ease both}.delay-1{animation-delay:.12s}.delay-2{animation-delay:.24s}.delay-3{animation-delay:.36s}.delay-4{animation-delay:.48s}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:900px){.hero__inner{grid-template-columns:1fr;text-align:center}.hero__tagline{margin-inline:auto}.hero__actions,.hero__stats{justify-content:center}.hero__visual{order:-1;margin-top:1rem}.hero__circle{width:min(280px,70%)}.about__inner{grid-template-columns:1fr;gap:2.5rem}.footer__inner{grid-template-columns:1fr 1fr}}@media(max-width:680px){.navbar__toggle{display:flex}.navbar__links{position:absolute;top:calc(100% + .5rem);right:1.5rem;left:1.5rem;flex-direction:column;align-items:stretch;text-align:center;gap:.4rem;background:#fffdf9;border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity var(--transition),transform var(--transition)}.navbar__links--open{opacity:1;transform:translateY(0);pointer-events:auto}.navbar__links a:not(.btn){display:block;padding:.6rem 0}.footer__inner{grid-template-columns:1fr;gap:2.25rem}}