:root{--ink: #1c1712;--ink-soft: #5c5248;--espresso: #2f2318;--accent: #3d5a3a;--paper: #ffffff;--paper-warm: #faf7f2;--panel: #f3eee6;--hairline: #e6dfd3;--cream: #f6efe4;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;--radius: 4px;--transition: .2s 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(--ink);background:var(--paper);line-height:1.65;-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-body);color:var(--ink);line-height:1.15;font-weight:600;letter-spacing:-.02em}.container{width:min(1200px,100% - 3rem);margin-inline:auto}.section{padding:clamp(5rem,10vw,8.5rem) 0}.section__title{font-size:clamp(1.75rem,3.5vw,2.5rem);margin-bottom:1.25rem}.section__lead{max-width:540px;margin-bottom:3.5rem;color:var(--ink-soft)}.eyebrow{font-size:.72rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:1.1rem}.eyebrow--light{color:var(--ink-soft)}.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(--ink);color:var(--paper);font-family:var(--font-body);font-weight:500;font-size:.9rem;letter-spacing:.02em;padding:.85rem 2.2rem;border:1px solid var(--ink);border-radius:999px;cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition)}.btn:hover{background:var(--espresso);border-color:var(--espresso)}.btn--ghost{background:transparent;color:var(--ink);border-color:var(--hairline)}.btn--ghost:hover{background:transparent;color:var(--ink);border-color:var(--ink)}.btn--small{padding:.5rem 1.4rem;font-size:.82rem}.btn--cream{background:var(--ink);border-color:var(--ink);color:var(--paper)}.btn--cream:hover{background:var(--espresso);border-color:var(--espresso)}.navbar{position:fixed;inset:0 0 auto;z-index:100;padding:1.15rem 0;background:var(--paper);border-bottom:1px solid transparent;transition:border-color var(--transition),padding var(--transition)}.navbar--scrolled{border-bottom-color:var(--hairline);padding:.8rem 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-weight:600;font-size:1.05rem;letter-spacing:-.01em;color:var(--ink)}.navbar__brand svg{color:var(--accent)}.navbar__links{display:flex;align-items:center;gap:2.25rem;font-weight:500;font-size:.9rem}.navbar__links a:not(.btn){position:relative;padding:.25rem 0;color:var(--ink-soft);transition:color var(--transition)}.navbar__links a:not(.btn):hover{color:var(--ink)}.navbar__toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px}.navbar__toggle span{width:22px;height:1.5px;background:var(--ink)}.hero{min-height:92svh;display:flex;align-items:center;padding:8rem 0 5rem;background:var(--paper)}.hero__inner{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(3rem,6vw,6rem)}.hero__title{font-size:clamp(2.5rem,5.5vw,4rem);font-weight:600;letter-spacing:-.03em;margin-bottom:1.5rem;max-width:12ch}.hero__tagline{font-size:1.05rem;max-width:440px;color:var(--ink-soft);margin-bottom:2.5rem}.hero__actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-bottom:4rem}.hero__stats{display:flex;gap:3rem;flex-wrap:wrap;padding-top:2rem;border-top:1px solid var(--hairline)}.hero__stats li{display:flex;flex-direction:column}.hero__stats strong{font-size:1.35rem;font-weight:600;letter-spacing:-.02em;color:var(--ink)}.hero__stats span{font-size:.82rem;color:var(--ink-soft)}.hero__visual{display:grid;place-items:center}.hero__panel{width:min(400px,100%);aspect-ratio:4 / 5;background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;color:var(--espresso)}.hero__panel-label{font-size:.78rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;text-align:center;line-height:1.8;color:var(--ink-soft)}.products{background:var(--paper-warm);border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}.products .eyebrow,.products .section__title,.products .section__lead{text-align:center;margin-inline:auto}.products__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.5rem}.product-card{background:var(--paper);border:1px solid var(--hairline);border-radius:var(--radius);overflow:hidden;transition:border-color var(--transition);display:flex;flex-direction:column}.product-card:hover{border-color:var(--ink-soft)}.product-card__visual{height:200px;display:grid;place-items:center;border-bottom:1px solid var(--hairline);transition:opacity var(--transition)}.product-card:hover .product-card__visual{opacity:.88}.tint-green{background:#eef0e9;color:#4a5a42}.tint-amber{background:#f6efdf;color:#96702e}.tint-brown{background:#efe7df;color:#57402e}.tint-dusk{background:#edeaef;color:#5d4e63}.product-card__body{padding:1.6rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:.55rem;flex:1;text-align:center}.product-card__roast{font-size:.68rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft)}.product-card__body h3{font-size:1.15rem;font-weight:600}.product-card__body>p{font-size:.88rem;color:var(--ink-soft);flex:1}.product-card__footer{display:flex;flex-direction:column;align-items:center;gap:.9rem;margin-top:.75rem}.product-card__price{font-size:1rem;font-weight:600;color:var(--ink)}.product-card__price small{font-size:.78rem;font-weight:400;color:var(--ink-soft)}.about{background:var(--paper)}.about .eyebrow{color:var(--ink-soft)}.about__inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,6vw,6rem);align-items:start}.about__intro p{margin-bottom:1.1rem;color:var(--ink-soft)}.about__values{display:flex;flex-direction:column}.about__value{display:flex;gap:1.5rem;padding:1.75rem 0;border-top:1px solid var(--hairline)}.about__value:last-child{border-bottom:1px solid var(--hairline)}.about__value-number{font-size:.8rem;font-weight:600;letter-spacing:.1em;color:var(--accent);line-height:2.1}.about__value h3{font-size:1.05rem;margin-bottom:.35rem}.about__value p{font-size:.92rem;color:var(--ink-soft)}.testimonials{background:var(--paper-warm);border-top:1px solid var(--hairline)}.testimonials .eyebrow,.testimonials .section__title{text-align:center}.testimonials__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-top:3rem}.testimonial{background:var(--paper);border:1px solid var(--hairline);border-radius:var(--radius);padding:2rem;display:flex;flex-direction:column;gap:1.1rem}.stars{display:flex;gap:3px;color:var(--accent)}.testimonial blockquote{font-size:.95rem;color:var(--ink);flex:1}.testimonial figcaption{display:flex;flex-direction:column;padding-top:1rem;border-top:1px solid var(--hairline)}.testimonial figcaption strong{font-weight:600;color:var(--ink)}.testimonial figcaption span{font-size:.82rem;color:var(--ink-soft)}.newsletter{background:var(--espresso)}.newsletter__inner{text-align:center;max-width:600px}.newsletter .eyebrow{color:#f6efe499}.newsletter .section__title{color:var(--cream)}.newsletter__lead{color:#f6efe4bf;margin-bottom:2.25rem}.newsletter__form{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.newsletter__form input{flex:1 1 280px;max-width:360px;padding:.85rem 1.3rem;border-radius:999px;border:1px solid transparent;font-family:var(--font-body);font-size:.92rem;background:var(--paper);color:var(--ink);outline:none;transition:border-color var(--transition)}.newsletter__form input:focus{border-color:var(--accent)}.newsletter .btn--cream{background:var(--cream);border-color:var(--cream);color:var(--espresso)}.newsletter .btn--cream:hover{background:#efe5d4;border-color:#efe5d4}.newsletter__success{color:var(--cream);font-weight:500;border:1px solid rgba(246,239,228,.35);border-radius:999px;padding:.85rem 1.6rem;display:inline-block}.footer{background:var(--paper);border-top:1px solid var(--hairline);color:var(--ink-soft);padding:4.5rem 0 0}.footer__inner{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:3rem;padding-bottom:3.5rem}.footer .navbar__brand{margin-bottom:1rem}.footer__brand p{font-size:.9rem;max-width:300px;margin-bottom:1.5rem}.footer__socials{display:flex;gap:.6rem}.footer__socials a{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--hairline);color:var(--ink);transition:border-color var(--transition)}.footer__socials a:hover{border-color:var(--ink)}.footer__col h4{font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);margin-bottom:1.1rem}.footer__col ul{display:flex;flex-direction:column;gap:.6rem;font-size:.9rem}.footer__col a:hover{color:var(--ink)}.footer__bottom{border-top:1px solid var(--hairline);padding:1.5rem 0;font-size:.82rem;text-align:center}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .6s ease both}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}@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__title,.hero__tagline{margin-inline:auto}.hero__actions,.hero__stats{justify-content:center}.hero__visual{order:-1;margin-top:1rem}.hero__panel{width:min(300px,80%)}.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:var(--paper);border:1px solid var(--hairline);border-radius:var(--radius);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}}