@import "https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--forest:#1b3d3c;--forest-dark:#122827;--forest-light:#264e4d;--cream:#f9f6ea;--cream-card:#f2eedd;--cream-soft:#fcfbf5;--orange:#d95f2d;--orange-hover:#be4f22;--orange-light:#faece5;--sage:#8fa894;--sage-faint:#8fa89438;--font-display:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--radius-xl:36px;--radius-pill:9999px;--transition-fast:.18s cubic-bezier(.16, 1, .3, 1);--transition-smooth:.32s cubic-bezier(.16, 1, .3, 1);--transition-bounce:.5s cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-wrap:break-word;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;width:100%;max-width:100%;font-size:16.5px;overflow-x:hidden}@media (width<=480px){html{font-size:15px}}@media (width<=360px){html{font-size:14px}}@media (width>=1440px){html{font-size:17px}}@media (width>=1800px){html{font-size:17.5px}}@media (width>=2200px){html{font-size:19px}}body{font-family:var(--font-body);background-color:var(--cream);color:var(--forest);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;max-width:100%;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6,.font-display{font-family:var(--font-display);letter-spacing:-.02em;color:inherit;text-wrap:balance;font-weight:800;line-height:1.15}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer;background:0 0;border:none;outline:none}input,textarea,select{font-family:var(--font-body)}#root,.roast-room-app{width:100%;min-width:0;max-width:100%;position:relative;overflow-x:hidden}#coffee-grain-canvas{pointer-events:none;z-index:1;width:100%;max-width:100%;height:100%;max-height:100%;position:fixed;top:0;left:0}.container{z-index:2;width:100%;max-width:1440px;margin:0 auto;padding:0 2rem;position:relative}@media (width>=768px){.container{padding:0 2.5rem}}@media (width>=1600px){.container{max-width:1560px;padding:0 3rem}}@media (width>=2200px){.container{max-width:1840px;padding:0 4rem}}@media (width<=480px){.container{padding:0 1rem}}@media (width<=340px){.container{padding:0 .75rem}}.btn-primary{background-color:var(--orange);color:var(--cream);letter-spacing:.01em;border-radius:var(--radius-pill);transition:transform var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:.65rem;padding:.92rem 2.05rem;font-size:1.05rem;font-weight:700;display:inline-flex;box-shadow:0 4px 14px #d95f2d40}.btn-primary:hover{background-color:var(--orange-hover);transform:translateY(-2px);box-shadow:0 6px 18px #d95f2d52}.btn-primary:active{transform:translateY(0)}.btn-outline-forest{color:var(--forest);border:1.5px solid var(--forest);border-radius:var(--radius-pill);transition:all var(--transition-fast);cursor:pointer;background-color:#0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:700;display:inline-flex}.btn-outline-forest:hover{background-color:var(--forest);color:var(--cream);transform:translateY(-2px)}.btn-outline-cream{color:var(--cream);border:1.5px solid var(--cream);border-radius:var(--radius-pill);transition:all var(--transition-fast);cursor:pointer;background-color:#0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:700;display:inline-flex}.btn-outline-cream:hover{background-color:var(--cream);color:var(--forest);transform:translateY(-2px)}@media (width<=640px){.btn-primary,.btn-outline-forest,.btn-outline-cream{white-space:normal;text-align:center;box-sizing:border-box;max-width:100%}.btn-primary{padding:.8rem 1.4rem;font-size:.95rem}.btn-outline-forest,.btn-outline-cream{padding:.7rem 1.25rem;font-size:.9rem}}@media (width<=360px){.btn-primary{padding:.72rem 1.15rem;font-size:.88rem}.btn-outline-forest,.btn-outline-cream{padding:.65rem 1rem;font-size:.85rem}}.pill-tag{text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius-pill);align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.8rem;font-weight:700;display:inline-flex}.pill-forest{background-color:var(--forest);color:var(--cream)}.pill-cream{background-color:var(--cream);color:var(--forest)}.pill-orange{background-color:var(--orange);color:var(--cream)}.bg-cream{background-color:var(--cream);color:var(--forest)}.bg-forest{background-color:var(--forest);color:var(--cream)}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:var(--cream)}::-webkit-scrollbar-thumb{background:var(--forest-light);border:2px solid var(--cream);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--forest)}.section-padding{padding:6rem 0;position:relative}@media (width<=768px){.section-padding{padding:4rem 0}}section{scroll-margin-top:90px}.site-header{z-index:100;width:100%;transition:all var(--transition-smooth);padding:1.1rem 0;position:fixed;top:0;left:0}.site-header.scrolled{-webkit-backdrop-filter:blur(10px);background-color:#f9f6eaf0;border-bottom:1px solid #1b3d3c14;padding:.7rem 0;box-shadow:0 4px 20px #1b3d3c14}.header-container{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.brand-link{flex-shrink:0;align-items:center;text-decoration:none;display:flex}.brand-logo-lockup{align-items:center;display:inline-flex}.brand-logo-img{object-fit:contain;width:auto;height:100%;display:block}.nav-logo{width:auto;height:54px;transition:transform var(--transition-fast), height var(--transition-fast)}.brand-link:hover .nav-logo{transform:scale(1.02)}.site-header.scrolled .nav-logo{height:44px}.desktop-nav{flex-shrink:1;align-items:center;gap:clamp(.9rem,1.6vw,2.2rem);min-width:0;display:flex}.nav-item{color:var(--forest);transition:color var(--transition-fast);white-space:nowrap;font-size:clamp(.92rem,1vw,1.02rem);font-weight:700;position:relative}.nav-item:after{content:"";background-color:var(--orange);width:0%;height:2px;transition:width var(--transition-fast);border-radius:2px;position:absolute;bottom:-4px;left:0}.nav-item:hover{color:var(--orange)}.nav-item:hover:after{width:100%}.header-actions{flex-shrink:0;align-items:center;gap:.8rem;display:flex}.nav-cta{white-space:nowrap}.mobile-toggle{color:var(--forest);border-radius:var(--radius-md);cursor:pointer;width:44px;height:44px;transition:background-color .25s var(--transition-smooth), border-color .25s var(--transition-smooth), transform .25s var(--transition-smooth);z-index:105;background:#1b3d3c0a;border:1.5px solid #1b3d3c29;justify-content:center;align-items:center;padding:.5rem;display:none;position:relative}.mobile-toggle:hover{border-color:var(--forest);background-color:#1b3d3c17;transform:scale(1.04)}.mobile-toggle:active{transform:scale(.96)}.mobile-toggle.is-open{background-color:var(--forest);color:var(--cream);border-color:var(--forest);box-shadow:0 4px 14px #1b3d3c38}.mobile-toggle-icon{justify-content:center;align-items:center;transition:transform .38s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.mobile-toggle.is-open .mobile-toggle-icon{transform:rotate(90deg)scale(1.05)}.mobile-drawer-backdrop,.mobile-drawer{display:none}@media (width<=1080px){.desktop-nav,.nav-cta{display:none}.mobile-toggle{display:inline-flex}.mobile-drawer-backdrop{-webkit-backdrop-filter:blur(5px);z-index:98;opacity:0;visibility:hidden;pointer-events:none;background:#12282761;width:100vw;height:100vh;transition:opacity .32s cubic-bezier(.16,1,.3,1),visibility .32s;display:block;position:fixed;inset:0}.mobile-drawer-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto}.mobile-drawer{-webkit-backdrop-filter:blur(24px);border-bottom:2px solid var(--forest);z-index:99;opacity:0;visibility:hidden;transform-origin:top;pointer-events:none;background:#f9f6eafb;width:100%;transition:opacity .28s cubic-bezier(.4,0,.2,1),transform .32s cubic-bezier(.16,1,.3,1),visibility .32s;display:block;position:absolute;top:100%;left:0;overflow:hidden;transform:translateY(-18px)scaleY(.95);box-shadow:0 20px 48px #1228272e}.mobile-drawer.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .42s cubic-bezier(.22,1,.36,1),visibility .42s;transform:translate(0,0)scaleY(1)}.mobile-drawer-inner{overscroll-behavior:contain;flex-direction:column;gap:1.4rem;max-height:calc(100dvh - 76px);padding:1.5rem 1.85rem 1.85rem;display:flex;overflow-y:auto}.mobile-nav-links{flex-direction:column;gap:.35rem;display:flex}.mobile-nav-item{border-radius:var(--radius-md);color:var(--forest);opacity:0;background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;padding:.78rem .95rem;font-size:1.15rem;font-weight:700;text-decoration:none;transition:opacity .22s,transform .26s cubic-bezier(.4,0,.2,1),background-color .2s,border-color .2s,color .2s;display:flex;transform:translate(-20px)}.mobile-drawer.is-open .mobile-nav-item{opacity:1;transition:opacity .34s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.22,1,.36,1),background-color .2s,border-color .2s,color .2s;transition-delay:calc(70ms + var(--item-idx,0) * 48ms);transform:translate(0,0)}.mobile-nav-item:hover,.mobile-nav-item:focus-visible{color:var(--orange);background-color:#d95f2d14;border-color:#d95f2d29;transform:translate(5px)}.mobile-nav-bullet{background-color:var(--orange);opacity:0;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-right:.75rem;transition:all .22s cubic-bezier(.34,1.56,.64,1);transform:scale(0)}.mobile-nav-item:hover .mobile-nav-bullet{opacity:1;transform:scale(1)}.mobile-nav-text{letter-spacing:-.01em;flex-grow:1}.mobile-nav-arrow{color:var(--orange);opacity:.3;font-size:1.05rem;transition:all .2s cubic-bezier(.16,1,.3,1);transform:translate(-4px)}.mobile-nav-item:hover .mobile-nav-arrow{opacity:1;transform:translate(0,0)}.mobile-drawer-cta-wrap{opacity:0;border-top:1px solid #1b3d3c1a;flex-direction:column;gap:.85rem;padding-top:1rem;transition:opacity .25s,transform .3s cubic-bezier(.4,0,.2,1);display:flex;transform:translateY(14px)}.mobile-drawer.is-open .mobile-drawer-cta-wrap{opacity:1;transition:opacity .36s cubic-bezier(.16,1,.3,1) .36s,transform .42s cubic-bezier(.22,1,.36,1) .36s;transform:translate(0,0)}.mobile-drawer-cta{justify-content:center;width:100%;padding:.88rem 1.4rem;font-size:.98rem;box-shadow:0 6px 20px #d95f2d52}.mobile-drawer-footnote{color:#1b3d3c9e;letter-spacing:.03em;text-transform:uppercase;justify-content:center;align-items:center;gap:.5rem;font-size:.74rem;font-weight:700;display:flex}.mobile-drawer-footnote .dot-sep{color:var(--orange)}}@media (width<=640px){.site-header{padding:.72rem 0}.site-header.scrolled{padding:.5rem 0}}@media (width<=480px){.mobile-drawer-inner{gap:1.15rem;padding:1.25rem 1.15rem 1.6rem}.mobile-nav-item{padding:.68rem .8rem;font-size:1.05rem}.mobile-nav-bullet{margin-right:.55rem}}@media (width<=540px){.nav-logo{height:42px}}@media (width<=360px){.nav-logo{height:38px}.mobile-toggle{width:40px;height:40px}}.hero-section{align-items:center;min-height:90vh;padding-top:clamp(7.5rem,11vh,9.5rem);padding-bottom:clamp(3rem,5vh,5rem);display:flex;position:relative;overflow:hidden}.blob-orange-top-left{background-color:var(--orange);opacity:.14;pointer-events:none;z-index:1;border-radius:42% 58% 70% 30%/45% 45% 55% 55%;width:440px;height:440px;position:absolute;top:-120px;left:-140px}.sage-branch-hero{opacity:.45;pointer-events:none;z-index:1;width:180px;position:absolute;top:10%;left:2%}.hero-container{z-index:2;grid-template-columns:1.15fr 1fr;align-items:center;gap:clamp(2.5rem,4vw,5rem);display:grid;position:relative}.hero-pill-badge{color:var(--forest);border-radius:var(--radius-pill);background-color:#1b3d3c14;align-items:center;gap:.55rem;margin-bottom:1.4rem;padding:.45rem 1.15rem;font-size:.92rem;font-weight:700;display:inline-flex}.pill-dot-orange{background-color:var(--orange);border-radius:50%;width:9px;height:9px}.hero-headline{color:var(--forest);letter-spacing:-.025em;text-wrap:balance;margin-bottom:1.35rem;font-size:clamp(2.4rem,3.8vw,4.1rem);font-weight:900;line-height:1.12}.headline-part{display:block}.hero-subtext{color:#1b3d3ce0;max-width:640px;margin-bottom:2.2rem;font-size:clamp(1.1rem,1.3vw,1.3rem);line-height:1.62}.hero-cta-group{flex-wrap:wrap;align-items:center;gap:1.2rem;margin-bottom:2.5rem;display:flex}.hero-values-strip{color:var(--forest);flex-wrap:wrap;align-items:center;gap:1.25rem;font-size:.95rem;font-weight:700;display:flex}.val-item{align-items:center;gap:.4rem;display:flex}.val-separator{color:#1b3d3c59}@media (width<=1100px){.hero-headline{font-size:clamp(1.95rem,2.7vw,2.65rem);line-height:1.18}}@media (width<=980px){.hero-section{min-height:auto;padding-top:6rem;padding-bottom:3.5rem}.hero-container{grid-template-columns:1fr;gap:2rem}.hero-content{text-align:center}.hero-pill-badge{margin-bottom:1.1rem}.hero-headline{max-width:680px;margin-bottom:1rem;margin-left:auto;margin-right:auto;font-size:clamp(1.85rem,3.8vw,2.55rem);line-height:1.18}.hero-subtext{max-width:520px;margin-bottom:1.75rem;margin-left:auto;margin-right:auto;font-size:1.05rem}.hero-cta-group,.hero-values-strip{justify-content:center}.hero-cta-group{margin-bottom:1.75rem}.sage-branch-hero{display:none}}@media (width<=640px){.hero-section{padding-top:5rem;padding-bottom:2rem}.hero-container{gap:1.35rem}.hero-pill-badge{margin-bottom:.85rem;padding:.32rem .85rem;font-size:.78rem}.hero-headline{margin-bottom:.85rem;font-size:clamp(1.5rem,5.6vw,1.95rem);line-height:1.16}.headline-part{display:block}.hero-subtext{max-width:440px;margin-bottom:1.25rem;font-size:.94rem;line-height:1.48}.hero-cta-group{gap:.7rem;margin-bottom:1.35rem}.hero-values-strip{gap:.45rem .8rem;font-size:.82rem}}@media (width<=480px){.hero-section{padding-top:4.6rem;padding-bottom:1.5rem}.hero-container{gap:1.1rem}.hero-pill-badge{margin-bottom:.75rem;padding:.3rem .8rem;font-size:.75rem}.hero-headline{letter-spacing:-.025em;margin-bottom:.75rem;font-size:clamp(1.42rem,5.5vw,1.82rem);line-height:1.15}.headline-part{display:block}.hero-subtext{max-width:360px;margin-bottom:1.15rem;font-size:.9rem;line-height:1.44}.hero-cta-group{flex-wrap:wrap;justify-content:center;gap:.65rem;width:100%;margin-bottom:1.15rem;display:flex}.hero-cta-group .btn-primary,.hero-cta-group .btn-outline-forest{border-radius:var(--radius-pill);box-sizing:border-box;padding:.68rem 1.2rem;font-size:.88rem}.hero-values-strip{flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem .55rem;margin-bottom:.25rem;font-size:.76rem;display:flex}.val-separator{display:none}.val-item{border-radius:var(--radius-pill);white-space:normal;text-align:center;background-color:#1b3d3c0f;padding:.3rem .65rem;font-size:.76rem}}@media (width<=420px){.hero-cta-group{flex-direction:column;width:100%}.hero-cta-group .btn-primary,.hero-cta-group .btn-outline-forest{text-align:center;justify-content:center;width:100%}}@media (width<=360px){.hero-headline{font-size:1.32rem;line-height:1.15}}.hero-showcase-column{flex-direction:column;align-items:center;display:flex;position:relative}.showcase-badge-flag{background-color:var(--forest);color:var(--cream);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-pill);align-items:center;gap:.4rem;margin-bottom:.8rem;padding:.3rem .8rem;font-size:.72rem;font-weight:800;display:inline-flex}@media (width<=480px){.showcase-badge-flag{margin-bottom:.45rem;padding:.22rem .65rem;font-size:.68rem}}.who-we-are-section{padding:6.5rem 0;position:relative;overflow:hidden}.who-we-are-sage-branch{opacity:.28;pointer-events:none;width:220px;position:absolute;top:5%;right:2%}.who-we-are-grid{grid-template-columns:1fr 1.15fr;align-items:center;gap:4rem;display:grid}@media (width<=960px){.who-we-are-grid{grid-template-columns:1fr;gap:2.6rem}}@media (width<=768px){.who-we-are-section{padding:3.8rem 0}.who-we-are-grid{gap:2.2rem}}@media (width<=480px){.who-we-are-section{padding:2.8rem 0}.story-paragraph{margin-bottom:.95rem;font-size:.94rem;line-height:1.58}.craft-pillars-list{gap:.95rem;margin:1.4rem 0}.pillar-item strong{font-size:.96rem}.pillar-item p{font-size:.85rem;line-height:1.42}.quote-tagline{font-size:1.25rem}}.who-we-are-visual{position:relative}.roastery-photo-frame{border-radius:var(--radius-lg);border:4px solid #f9f6ea1f;position:relative;overflow:hidden;box-shadow:0 20px 45px #0006}.roastery-photo{object-fit:cover;width:100%;height:460px;transition:transform .6s;display:block}.roastery-photo-frame:hover .roastery-photo{transform:scale(1.03)}.photo-caption-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--cream);border-radius:var(--radius-pill);background-color:#122827d9;border:1px solid #f9f6ea33;padding:.4rem .95rem;font-size:.82rem;font-weight:700;position:absolute;bottom:14px;left:14px}.roastery-address-card{border-radius:var(--radius-md);background-color:#f9f6ea14;border:1px solid #f9f6ea26;margin-top:1.2rem;padding:1.1rem 1.4rem}.address-label{letter-spacing:.1em;color:var(--orange);margin-bottom:.25rem;font-size:.72rem;font-weight:800;display:block}.address-text{color:var(--cream);font-size:.95rem;line-height:1.45}.who-we-are-headline{color:var(--cream);text-wrap:balance;margin-top:1rem;margin-bottom:1.4rem;font-size:clamp(2.2rem,3.4vw,3.4rem);line-height:1.14}@media (width<=640px){.who-we-are-headline{margin-top:.75rem;margin-bottom:1rem;font-size:clamp(1.48rem,5.6vw,2rem);line-height:1.18}}.story-paragraph{color:#f9f6eae0;margin-bottom:1.2rem;font-size:1.12rem;line-height:1.7}.story-paragraph.highlight{color:var(--cream);font-weight:600}.craft-pillars-list{flex-direction:column;gap:1.2rem;margin:2.2rem 0;display:flex}.pillar-item{align-items:flex-start;gap:1rem;display:flex}.pillar-check{background-color:var(--orange);width:30px;height:30px;color:var(--cream);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.pillar-item strong{color:var(--cream);margin-bottom:.2rem;font-size:1.08rem;display:block}.pillar-item p{color:#f9f6eacc;font-size:.94rem;line-height:1.45}.quote-banner{border-top:1px solid #f9f6ea26;padding-top:1.2rem}.quote-tagline{font-family:var(--font-display);color:var(--orange);letter-spacing:.04em;font-size:1.55rem;font-weight:800}.section-header{margin-bottom:3.5rem}.section-header.text-center{text-align:center}.section-title{color:var(--forest);text-wrap:balance;margin-top:.8rem;margin-bottom:.8rem;font-size:clamp(2.2rem,3.4vw,3.3rem);line-height:1.15}@media (width<=640px){.section-title{margin-top:.6rem;margin-bottom:.6rem;font-size:clamp(1.48rem,5.4vw,2rem);line-height:1.2}}.section-subtitle{color:#1b3d3cc7;max-width:680px;margin:0 auto;font-size:1.18rem;line-height:1.6}.what-we-do-section{background-color:var(--cream);position:relative}.services-grid,.services-grid-five{grid-template-columns:repeat(6,1fr);gap:2rem;display:grid}.services-grid-five .service-card{grid-column:span 2}@media (width>=1024px){.services-grid-five .service-card:nth-child(4){grid-column:2/span 2}.services-grid-five .service-card:nth-child(5){grid-column:4/span 2}}@media (width<=1023px) and (width>=721px){.services-grid,.services-grid-five{grid-template-columns:repeat(2,1fr);gap:1.75rem}.services-grid-five .service-card{grid-column:span 1}.services-grid-five .service-card:nth-child(5){grid-column:1/-1;width:100%;max-width:520px;margin:0 auto}}@media (width<=720px){.services-grid,.services-grid-five{grid-template-columns:1fr;gap:1.5rem}.services-grid-five .service-card{grid-column:span 1}}.service-card{background-color:var(--cream-card);border-radius:var(--radius-lg);transition:transform var(--transition-smooth), box-shadow var(--transition-smooth), border-color var(--transition-smooth);border:1.5px solid #1b3d3c1f;flex-direction:column;padding:2.3rem 2rem;display:flex;position:relative}.service-card:hover{border-color:var(--forest);transform:translateY(-5px);box-shadow:0 16px 34px #1b3d3c1c}.service-card-featured{border-color:#d95f2d73;box-shadow:0 8px 24px #d95f2d14}.service-card-featured:hover{border-color:var(--orange);box-shadow:0 18px 36px #d95f2d26}.service-card-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.service-header-left{align-items:center;gap:.75rem;display:flex}.service-number{font-family:var(--font-display);color:var(--orange);font-size:1.6rem;font-weight:900;line-height:1}.service-badge-pill{color:var(--orange);border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.05em;background-color:#d95f2d1a;border:1px solid #d95f2d38;padding:.28rem .75rem;font-size:.72rem;font-weight:800}.service-icon-wrapper{width:42px;height:42px;transition:background-color var(--transition-fast), transform var(--transition-fast);background-color:#1b3d3c0f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.service-card:hover .service-icon-wrapper{background-color:#d95f2d1f;transform:scale(1.08)}.service-icon{color:var(--orange)}.service-title{color:var(--forest);margin-bottom:.25rem;font-size:1.45rem;font-weight:800;line-height:1.2}.service-subtitle{letter-spacing:.08em;text-transform:uppercase;color:#1b3d3c9e;margin-bottom:.95rem;font-size:.76rem;font-weight:800;display:block}.service-description{color:#1b3d3cd1;margin-bottom:1.35rem;font-size:.92rem;line-height:1.55}.service-checklist{border-top:1px solid #1b3d3c1a;flex-direction:column;gap:.65rem;margin-top:auto;padding-top:1.15rem;display:flex}.service-check-row{color:var(--forest);align-items:flex-start;gap:.6rem;font-size:.86rem;font-weight:600;line-height:1.4;display:flex}.service-check-marker{color:var(--orange);flex-shrink:0;font-size:.95rem;font-weight:800;line-height:1.2}.service-check-text{color:var(--forest)}.how-we-work-section{background-color:var(--cream-soft);position:relative;overflow:hidden}.blob-green-bottom-right{background-color:var(--forest);opacity:.08;pointer-events:none;z-index:1;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;width:480px;height:480px;position:absolute;bottom:-160px;right:-160px}.steps-grid{grid-template-columns:repeat(4,1fr);align-items:stretch;gap:1.6rem;margin-bottom:3.5rem;display:grid}@media (width<=1180px) and (width>=768px){.steps-grid{grid-template-columns:repeat(2,1fr);gap:1.6rem}}@media (width<=767px){.steps-grid{grid-template-columns:1fr;gap:1.35rem}}.step-card{background-color:var(--cream);border-radius:var(--radius-lg);cursor:pointer;transition:transform var(--transition-smooth), box-shadow var(--transition-smooth), border-color var(--transition-smooth), background-color var(--transition-smooth);border:1.5px solid #1b3d3c1f;flex-direction:column;padding:2.2rem 1.65rem;display:flex;position:relative;box-shadow:0 4px 18px #1b3d3c0a}.step-card:hover{border-color:var(--forest);transform:translateY(-5px);box-shadow:0 16px 32px #1b3d3c1c}.step-card.active-step{background-color:var(--cream-card);border-color:var(--orange);transform:translateY(-4px);box-shadow:0 16px 36px #d95f2d26}.step-card-header{justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:1.25rem;display:flex}.step-header-left{flex:1;align-items:center;gap:.65rem;min-width:0;display:flex}.step-badge{font-family:var(--font-display);color:var(--orange);flex-shrink:0;font-size:1.6rem;font-weight:900;line-height:1}.step-timeline-pill{color:var(--forest);border-radius:var(--radius-pill);white-space:nowrap;letter-spacing:.02em;background-color:#1b3d3c14;border:1px solid #1b3d3c1a;flex-shrink:0;padding:.28rem .65rem;font-size:.72rem;font-weight:700}.step-card.active-step .step-timeline-pill{color:var(--orange);background-color:#d95f2d1f;border-color:#d95f2d40}.step-icon-wrapper{width:40px;height:40px;transition:all var(--transition-fast);background-color:#1b3d3c0f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.step-card:hover .step-icon-wrapper,.step-card.active-step .step-icon-wrapper{background-color:#d95f2d1f;transform:scale(1.08)}.step-card-title{color:var(--forest);align-items:flex-start;min-height:3.2rem;margin-bottom:.3rem;font-size:1.35rem;font-weight:800;line-height:1.25;display:flex}.step-card-subtitle{text-transform:uppercase;letter-spacing:.07em;color:#1b3d3c94;min-height:1.8rem;margin-bottom:.95rem;font-size:.74rem;font-weight:800;line-height:1.35;display:block}.step-card-summary{color:#1b3d3ccc;min-height:4.5rem;margin-bottom:1.35rem;font-size:.88rem;line-height:1.55}@media (width<=767px){.step-card-title,.step-card-subtitle,.step-card-summary{min-height:auto}}.step-checklist{border-top:1px solid #1b3d3c1a;flex-direction:column;gap:.75rem;margin-top:auto;padding-top:1.25rem;display:flex}.step-check-row{color:var(--forest);align-items:flex-start;gap:.6rem;font-size:.85rem;font-weight:500;line-height:1.45;display:flex}.step-check-marker{color:var(--orange);flex-shrink:0;font-size:.95rem;font-weight:800;line-height:1.25}.step-check-text{color:var(--forest);flex:1}.steps-cta-banner{background-color:var(--forest);color:var(--cream);border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;padding:2.2rem 2.8rem;display:flex}.steps-cta-text h4{color:var(--cream);margin-bottom:.3rem;font-size:1.35rem}.steps-cta-text p{color:#f9f6ead9;font-size:.95rem}@media (width<=768px){.steps-cta-banner{gap:1.4rem;padding:1.8rem 1.6rem}}@media (width<=640px){.steps-cta-banner{text-align:center;border-radius:var(--radius-md);flex-direction:column;align-items:stretch;gap:1.2rem;padding:1.5rem 1.2rem}.steps-cta-text h4{font-size:1.2rem}.steps-cta-text p{font-size:.88rem}.steps-cta-banner .btn-primary{justify-content:center;width:100%}}.partner-types-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.4rem;margin-bottom:3.5rem;display:grid}.partner-type-card{background-color:var(--cream-card);border-radius:var(--radius-md);text-align:center;border:1px solid #1b3d3c1a;flex-direction:column;align-items:center;padding:1.5rem;display:flex}.partner-icon-circle{background-color:var(--cream);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:.8rem;display:flex}.partner-card-title{color:var(--forest);margin-bottom:.4rem;font-size:1.05rem}.partner-card-desc{color:#1b3d3cbf;font-size:.82rem;line-height:1.4}.partner-quotes-strip{grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:4rem;display:grid}@media (width<=768px){.partner-quotes-strip{grid-template-columns:1fr}}.quote-card{background-color:var(--cream);border-left:4px solid var(--orange);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:1.8rem;box-shadow:0 4px 16px #1b3d3c0d}.quote-text{color:var(--forest);margin-bottom:1rem;font-size:.95rem;font-style:italic;line-height:1.55}.quote-author strong{color:var(--forest);font-size:.88rem;display:block}.quote-author span{color:#1b3d3ca6;font-size:.78rem}.enquiry-card-grid{background-color:var(--cream-card);border-radius:var(--radius-xl);border:1.5px solid #1b3d3c1f;grid-template-columns:1fr 1.3fr;display:grid;overflow:hidden;box-shadow:0 20px 50px #1b3d3c1f}@media (width<=960px){.enquiry-card-grid{grid-template-columns:1fr}}.enquiry-info-pane{flex-direction:column;padding:3rem 2.5rem;display:flex}.enquiry-info-title{color:var(--cream);margin-top:1rem;margin-bottom:1rem;font-size:2.2rem}.enquiry-info-p{color:#f9f6ead9;margin-bottom:2.5rem;font-size:.95rem;line-height:1.55}.contact-details-list{flex-direction:column;gap:1.6rem;margin-bottom:2.5rem;display:flex}.contact-item{align-items:flex-start;gap:1rem;display:flex}.contact-icon{flex-shrink:0;margin-top:3px}.contact-item strong{color:var(--cream);margin-bottom:.15rem;font-size:.92rem;display:block}.contact-item p{color:#f9f6eacc;font-size:.85rem;line-height:1.4}.contact-item a:hover{color:var(--orange);text-decoration:underline}.sample-dispatch-note{border-left:3px solid var(--orange);background-color:#00000040;border-radius:4px;margin-top:auto;padding:1rem 1.2rem}.dispatch-badge{letter-spacing:.08em;color:var(--orange);text-transform:uppercase;margin-bottom:.2rem;font-size:.72rem;font-weight:800}.sample-dispatch-note p{color:#f9f6ead9;font-size:.82rem;line-height:1.35}.enquiry-form-pane{background-color:var(--cream);padding:3rem 2.8rem}@media (width<=600px){.enquiry-form-pane,.enquiry-info-pane{padding:2rem 1.5rem}}.form-header{margin-bottom:1.8rem}.form-title{color:var(--forest);margin-bottom:.35rem;font-size:1.9rem}.form-sub{color:#1b3d3cbf;font-size:.92rem}.form-row{grid-template-columns:1fr 1fr;gap:1.1rem;display:grid}@media (width<=600px){.form-row{grid-template-columns:1fr}}.form-group{flex-direction:column;gap:.4rem;margin-bottom:1.2rem;display:flex}.form-group label{color:var(--forest);font-size:.82rem;font-weight:700}.form-group input,.form-group select,.form-group textarea{border-radius:var(--radius-sm);width:100%;color:var(--forest);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background-color:#fff;border:1.5px solid #1b3d3c33;padding:.75rem .95rem;font-size:.92rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--orange);outline:none;box-shadow:0 0 0 3px #d95f2d26}.brew-checkboxes-grid{flex-wrap:wrap;gap:.5rem;display:flex}.checkbox-chip{background-color:var(--cream-card);border-radius:var(--radius-pill);color:var(--forest);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-fast);border:1px solid #1b3d3c26;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.8rem;font-weight:600;display:inline-flex}.checkbox-chip input{display:none}.checkbox-chip.checked{background-color:var(--forest);color:var(--cream);border-color:var(--forest)}.form-submit-btn{width:100%;margin-top:.6rem;padding:1rem;font-size:1.05rem}.form-privacy-note{color:#1b3d3c99;text-align:center;margin-top:.8rem;font-size:.75rem}.form-success-card{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:2.5rem 1rem;display:flex}.form-success-card h3{color:var(--forest);font-size:1.7rem}.form-success-card p{color:#1b3d3cd9;max-width:440px;font-size:.95rem}.success-sub{color:#1b3d3cb3;font-size:.85rem}.site-footer{border-top:1px solid #f9f6ea1a;padding-top:5rem;padding-bottom:2.5rem}.footer-top-row{border-bottom:1px solid #f9f6ea1f;grid-template-columns:1.5fr 1fr 1.3fr 1.2fr;gap:3rem;padding-bottom:3.5rem;display:grid}@media (width<=960px){.footer-top-row{grid-template-columns:1fr 1fr;gap:2.5rem}}@media (width<=580px){.site-footer{padding-top:3.2rem;padding-bottom:2rem}.footer-top-row{grid-template-columns:1fr;gap:1.8rem;padding-bottom:2rem}}.footer-brand-column{flex-direction:column;align-items:flex-start;display:flex}.footer-logo{width:auto;max-width:200px;height:84px;margin-bottom:1.2rem}.footer-bio{color:#f9f6eabf;margin-bottom:1.2rem;font-size:.85rem;line-height:1.5}.footer-veg-badge{color:var(--cream);border-radius:var(--radius-pill);background-color:#f9f6ea14;align-items:center;gap:.5rem;padding:.35rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.footer-heading{letter-spacing:.12em;color:var(--orange);text-transform:uppercase;margin-bottom:1.2rem;font-size:.75rem;font-weight:800}.footer-links-list{flex-direction:column;gap:.65rem;list-style:none;display:flex}.footer-links-list a{color:#f9f6eacc;transition:color var(--transition-fast);font-size:.88rem}.footer-links-list a:hover{color:var(--orange)}.footer-contact-column{flex-direction:column;gap:.8rem;display:flex}.footer-contact-item{color:#f9f6eacc;align-items:flex-start;gap:.6rem;font-size:.85rem;line-height:1.4;display:flex}.footer-contact-item a:hover{color:var(--orange)}.fssai-badge-lockup{border-radius:var(--radius-md);transition:all var(--transition-fast);background-color:#f9f6ea14;border:1px solid #f9f6ea2e;align-items:center;gap:.85rem;margin-bottom:.9rem;padding:.85rem 1.15rem;display:flex}.fssai-badge-lockup:hover{background-color:#f9f6ea1f;border-color:#d95f2d73}.fssai-logo-wrapper{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:0 4px 10px #00000040}.fssai-svg-logo{display:block}.fssai-badge-meta{flex-direction:column;gap:.15rem;display:flex}.fssai-lic-row{flex-wrap:wrap;align-items:baseline;gap:.35rem;display:flex}.fssai-lic-tag{color:var(--cream);letter-spacing:.02em;font-size:.82rem;font-weight:800}.fssai-lic-number{font-family:var(--font-display);color:#fff;letter-spacing:.03em;font-size:.98rem;font-weight:900}.fssai-authority-sub{color:#f9f6eab3;font-size:.68rem;font-weight:500;line-height:1.3}.fssai-compact{border-radius:var(--radius-sm);background-color:#00000038;border:1px dashed #f9f6ea40;gap:.65rem;margin-bottom:0;padding:.55rem .85rem}.fssai-compact .fssai-lic-tag{font-size:.76rem}.fssai-compact .fssai-lic-number{font-size:.88rem}.roastery-fssai-attach{margin-top:.85rem}.contact-fssai-box{margin-top:1.35rem;margin-bottom:.5rem}.modal-fssai-row{color:#1b3d3ccc;border-top:1px solid #1b3d3c1f;justify-content:center;align-items:center;gap:.6rem;margin-top:1.15rem;padding-top:.95rem;font-size:.78rem;display:flex}.modal-fssai-row strong{color:var(--orange)}.roast-schedule-pill{color:var(--sage);font-size:.75rem;font-weight:700}.footer-bottom-row{color:#f9f6ea99;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:1.8rem;font-size:.8rem;display:flex}@media (width<=580px){.footer-bottom-row{text-align:center;flex-direction:column;align-items:center;gap:.75rem}}.scroll-top-btn{color:var(--cream);transition:color var(--transition-fast);align-items:center;gap:.4rem;font-size:.8rem;font-weight:700;display:inline-flex}.scroll-top-btn:hover{color:var(--orange)}.modal-backdrop{-webkit-backdrop-filter:blur(6px);z-index:200;background-color:#122827b8;justify-content:center;align-items:center;width:100vw;height:100vh;padding:1.5rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:var(--cream);border-radius:var(--radius-lg);border:2px solid var(--forest);width:100%;max-width:540px;max-height:90vh;padding:2.2rem;animation:.25s cubic-bezier(.16,1,.3,1) popIn;position:relative;overflow-y:auto;box-shadow:0 25px 60px #00000059}@media (width<=480px){.modal-backdrop{padding:.65rem}.modal-content{border-radius:var(--radius-md);max-height:92dvh;padding:1.5rem 1.1rem}.modal-title{font-size:1.45rem}.modal-close-btn{top:.85rem;right:.85rem}}.modal-close-btn{color:var(--forest);width:32px;height:32px;transition:all var(--transition-fast);background-color:#1b3d3c14;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:1.2rem;right:1.2rem}.modal-close-btn:hover{background-color:var(--forest);color:var(--cream)}.modal-header{margin-bottom:1.5rem}.modal-title{color:var(--forest);margin-top:.6rem;margin-bottom:.2rem;font-size:1.8rem}.modal-subtitle{color:#1b3d3cbf;font-size:.88rem}.modal-submit{width:100%;margin-top:.6rem;padding:.9rem}.modal-success{text-align:center;flex-direction:column;align-items:center;gap:.8rem;padding:2rem 0;display:flex}.modal-text{color:var(--forest);max-width:400px;font-size:.95rem;line-height:1.5}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.94)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.step-timeline-pill{color:var(--forest);border-radius:var(--radius-pill);background-color:#1b3d3c14;padding:.25rem .75rem;font-size:.72rem;font-weight:700}.cupping-experience-card{background:linear-gradient(135deg, var(--forest) 0%, var(--forest-dark) 100%);color:var(--cream);border-radius:var(--radius-xl);border:1px solid #f9f6ea1f;grid-template-columns:1.4fr 1fr;align-items:center;gap:3.5rem;margin-top:3.5rem;padding:3rem 3.5rem;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 55px #12282747}.cupping-experience-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#d95f2d38 0%,#0000 70%);width:240px;height:240px;position:absolute;top:-80px;right:-80px}.cupping-badge-row{flex-wrap:wrap;align-items:center;gap:1.2rem;margin-bottom:1.2rem;display:flex}.cupping-status-dot{color:#34a853;align-items:center;gap:.35rem;font-size:.85rem;font-weight:700;display:inline-flex}.cupping-title{color:var(--cream);margin-bottom:1rem;font-size:clamp(1.8rem,2.5vw,2.4rem);line-height:1.2}.cupping-desc{color:#f9f6eae0;margin-bottom:1.8rem;font-size:1.05rem;line-height:1.65}.cupping-desc strong{color:var(--orange-light)}.cupping-specs-row{grid-template-columns:repeat(2,1fr);gap:1.2rem;display:grid}.cupping-spec-item{border-radius:var(--radius-sm);background-color:#f9f6ea14;border:1px solid #f9f6ea1f;padding:.85rem 1.15rem}.spec-label{text-transform:uppercase;letter-spacing:.08em;color:var(--orange);margin-bottom:.25rem;font-size:.72rem;font-weight:800;display:block}.spec-val{color:var(--cream);font-size:.92rem;font-weight:600;line-height:1.35}.cupping-action-box{border-radius:var(--radius-lg);text-align:center;background-color:#f9f6ea0f;border:1.5px solid #d95f2d59;flex-direction:column;justify-content:center;padding:2.2rem;display:flex}.cupping-action-box h4{color:var(--cream);margin-bottom:.5rem;font-size:1.35rem}.cupping-action-box p{color:#f9f6eacc;margin-bottom:1.4rem;font-size:.92rem;line-height:1.5}.cupping-buttons-stack{flex-direction:column;gap:.75rem;display:flex}.cupping-call-btn{border-radius:var(--radius-pill);color:var(--cream);transition:all var(--transition-fast);border:1.5px solid #f9f6ea59;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.4rem;font-size:.95rem;font-weight:700;display:inline-flex}.cupping-call-btn:hover{border-color:var(--cream);color:var(--cream);background-color:#f9f6ea1a}@media (width<=1024px){.cupping-experience-card{grid-template-columns:1fr;gap:2.5rem;padding:2.5rem 2rem}}@media (width<=768px){.cupping-experience-card{border-radius:var(--radius-lg);box-sizing:border-box;grid-template-columns:1fr;gap:2rem;width:100%;padding:2rem 1.4rem}.cupping-experience-content{box-sizing:border-box;width:100%;min-width:0}.cupping-title{word-break:break-word;overflow-wrap:break-word;font-size:clamp(1.4rem,5.5vw,1.95rem);line-height:1.25}.cupping-desc{word-break:break-word;overflow-wrap:break-word;margin-bottom:1.4rem;font-size:.94rem;line-height:1.55}.cupping-specs-row{grid-template-columns:1fr;gap:.75rem;width:100%;min-width:0}.cupping-spec-item{box-sizing:border-box;min-width:0;padding:.75rem 1rem}.cupping-action-box{border-radius:var(--radius-md);box-sizing:border-box;width:100%;min-width:0;padding:1.6rem 1.25rem}.cupping-buttons-stack{width:100%}.cupping-buttons-stack .btn-primary,.cupping-call-btn{box-sizing:border-box;white-space:normal;text-align:center;justify-content:center;width:100%;padding:.8rem 1rem;font-size:.88rem}}@media (width<=480px){.cupping-experience-card{border-radius:var(--radius-md);gap:1.35rem;padding:1.5rem 1rem}.cupping-title{font-size:1.35rem;line-height:1.25}.cupping-desc{margin-bottom:1.15rem;font-size:.88rem;line-height:1.5}.cupping-spec-item{padding:.65rem .85rem}.cupping-action-box{padding:1.25rem .95rem}.cupping-action-box h4{font-size:1.15rem}.cupping-action-box p{margin-bottom:.95rem;font-size:.82rem}.cupping-buttons-stack .btn-primary,.cupping-call-btn{padding:.72rem .85rem;font-size:.84rem}}@media (width<=360px){.cupping-experience-card{padding:1.25rem .8rem}.cupping-action-box{padding:1.1rem .7rem}}.brewing-guide-section{background-color:var(--cream);padding-top:3.5rem;padding-bottom:3.5rem;position:relative;overflow:hidden}.brewing-guide-section .section-header{margin-bottom:1.4rem}.brewing-guide-section .section-title{margin-bottom:.35rem;font-size:clamp(1.8rem,2.5vw,2.3rem)}.brewing-guide-section .section-subtitle{max-width:640px;margin:0 auto;font-size:.95rem}.brew-methods-tab-strip{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1.4rem;display:flex}.brew-tab-btn{background-color:var(--cream-card);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast);text-align:left;border:1.5px solid #1b3d3c1f;align-items:center;gap:.65rem;padding:.45rem 1.1rem;display:inline-flex}.brew-tab-btn:hover{border-color:var(--orange);transform:translateY(-2px);box-shadow:0 4px 12px #1b3d3c14}.brew-tab-btn.active-brew-tab{background-color:var(--forest);color:var(--cream);border-color:var(--forest);box-shadow:0 6px 18px #1b3d3c2e}.brew-tab-icon-box{width:32px;height:32px;color:var(--orange);transition:all var(--transition-fast);background-color:#1b3d3c14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.active-brew-tab .brew-tab-icon-box{background-color:var(--orange);color:var(--cream)}.brew-tab-name{color:inherit;font-size:.92rem;font-weight:800;font-family:var(--font-display);line-height:1.15;display:block}.brew-tab-sub{color:#1b3d3ca6;font-size:.7rem;font-weight:600;line-height:1.15;display:block}.active-brew-tab .brew-tab-sub{color:#f9f6eabf}.brew-active-card{background-color:var(--cream-card);border-radius:var(--radius-xl);border:1.5px solid #1b3d3c1f;padding:1.6rem 2rem;box-shadow:0 12px 36px #1b3d3c12}.brew-card-header{grid-template-columns:1fr 1.35fr;align-items:center;gap:2rem;margin-bottom:1rem;display:grid}.brew-title-area{align-items:center;gap:1.1rem;display:flex}.brew-method-icon-circle{border-radius:var(--radius-md);background-color:var(--forest);width:52px;height:52px;color:var(--orange);flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 6px 16px #1b3d3c1f}.brew-subtitle-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--orange);margin-bottom:.15rem;font-size:.7rem;font-weight:800;display:block}.brew-method-headline{color:var(--forest);margin-bottom:.2rem;font-size:clamp(1.6rem,2.2vw,2rem);line-height:1.15}.brew-tagline-text{color:#1b3d3cd1;font-size:.88rem;line-height:1.4}.brew-params-grid{background-color:var(--cream);border-radius:var(--radius-md);border:1px solid #1b3d3c14;grid-template-columns:repeat(2,1fr);gap:.65rem 1.4rem;padding:.85rem 1.25rem;display:grid}.brew-param-item{flex-direction:column;display:flex}.param-label{text-transform:uppercase;letter-spacing:.05em;color:var(--forest);align-items:center;gap:.35rem;margin-bottom:.1rem;font-size:.68rem;font-weight:800;display:flex}.param-val{color:var(--forest);font-size:1.05rem;font-weight:800;font-family:var(--font-display);line-height:1.2}.param-note{color:#1b3d3ca6;font-size:.7rem;line-height:1.2}.brew-flavor-bar{border-left:3.5px solid var(--orange);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--forest);background-color:#d95f2d14;margin-bottom:1rem;padding:.55rem 1rem;font-size:.86rem;line-height:1.45}.brew-flavor-bar strong{color:var(--orange)}.brew-steps-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.1rem;display:grid}.brew-step-card{background-color:var(--cream);border-radius:var(--radius-md);transition:transform var(--transition-fast), border-color var(--transition-fast);border:1px solid #1b3d3c17;flex-direction:column;padding:.85rem 1rem;display:flex}.brew-step-card:hover{border-color:var(--orange);transform:translateY(-2px)}.brew-step-counter{font-family:var(--font-display);color:var(--orange);margin-bottom:.25rem;font-size:1rem;font-weight:900;line-height:1}.brew-step-heading{color:var(--forest);margin-bottom:.25rem;font-size:.92rem;line-height:1.25}.brew-step-text{color:#1b3d3ccc;font-size:.8rem;line-height:1.42}.brew-grinder-callout{background:linear-gradient(135deg, var(--forest-light) 0%, var(--forest) 100%);color:var(--cream);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:1.5rem;padding:.85rem 1.6rem;display:flex;box-shadow:0 10px 24px #1b3d3c24}.grinder-badge{background-color:var(--orange);color:var(--cream);letter-spacing:.08em;border-radius:var(--radius-pill);margin-bottom:.25rem;padding:.18rem .6rem;font-size:.65rem;font-weight:800;display:inline-block}.grinder-callout-text h4{color:var(--cream);margin-bottom:.2rem;font-size:1.05rem;line-height:1.25}.grinder-callout-text p{color:#f9f6eae0;margin:0;font-size:.82rem;line-height:1.35}.brew-grinder-callout .btn-primary{flex-shrink:0;padding:.65rem 1.4rem;font-size:.88rem}.grinder-callout-text strong{color:var(--orange-light)}@media (width<=1024px){.brew-card-header{grid-template-columns:1fr;gap:1.5rem}.brew-steps-grid{grid-template-columns:repeat(2,1fr)}.brew-grinder-callout{flex-direction:column;align-items:flex-start}}@media (width<=640px){.brewing-guide-section{padding-top:2.8rem;padding-bottom:2.8rem}.brew-methods-tab-strip{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;gap:.55rem;max-width:100%;margin-bottom:1.1rem;padding:.35rem .2rem .65rem;display:flex;overflow-x:auto}.brew-methods-tab-strip::-webkit-scrollbar{display:none}.brew-tab-btn{scroll-snap-align:start;flex-shrink:0;gap:.5rem;padding:.4rem .85rem}.brew-tab-icon-box{width:28px;height:28px}.brew-tab-name{font-size:.84rem}.brew-tab-sub{font-size:.66rem}.brew-active-card{border-radius:var(--radius-lg);padding:1.4rem 1.1rem}.brew-card-header{gap:1rem;margin-bottom:.85rem}.brew-title-area{flex-direction:row;align-items:center;gap:.85rem}.brew-method-icon-circle{width:44px;height:44px}.brew-method-headline{margin-bottom:.15rem;font-size:clamp(1.4rem,5.2vw,1.75rem)}.brew-tagline-text{font-size:.82rem}.brew-params-grid{grid-template-columns:repeat(2,1fr);gap:.55rem .85rem;padding:.75rem .95rem}.param-val{font-size:.98rem}.brew-flavor-bar{margin-bottom:.85rem;padding:.48rem .85rem;font-size:.82rem}.brew-steps-grid{grid-template-columns:1fr;gap:.65rem;margin-bottom:.95rem}.brew-step-card{padding:.75rem .85rem}.brew-grinder-callout{border-radius:var(--radius-md);box-sizing:border-box;flex-direction:column;align-items:stretch;gap:1rem;width:100%;margin-bottom:0;padding:1.25rem 1.1rem}.grinder-callout-text h4{font-size:1.15rem;line-height:1.3}.grinder-callout-text p{font-size:.84rem;line-height:1.45}.brew-grinder-callout .btn-primary{box-sizing:border-box;white-space:normal;text-align:center;justify-content:center;width:100%;padding:.78rem 1.1rem;font-size:.9rem}.services-grid-five,.services-grid,.steps-grid,.partner-types-grid-five{grid-template-columns:1fr;gap:1.35rem}.roastery-photo{height:280px}}@media (width<=480px){.brew-active-card{border-radius:var(--radius-md);padding:1.2rem .9rem}.brew-grinder-callout{border-radius:var(--radius-md);margin-bottom:0;padding:1.15rem .95rem}.grinder-callout-text h4{font-size:1.08rem}.grinder-callout-text p{font-size:.82rem}.brew-grinder-callout .btn-primary{padding:.72rem .95rem;font-size:.86rem}.service-card{padding:1.4rem 1.1rem}.service-title{font-size:1.25rem}.service-card-header{flex-wrap:wrap;gap:.5rem;margin-bottom:.95rem}.service-checklist{gap:.55rem;padding-top:.95rem}.service-check-row{font-size:.84rem;line-height:1.4}.step-card{padding:1.4rem 1.1rem}.step-card-title{font-size:1.22rem}.step-card-header{flex-wrap:wrap;gap:.5rem;margin-bottom:.95rem}.step-checklist{gap:.55rem;padding-top:.95rem}.step-check-row{font-size:.84rem;line-height:1.4}.roastery-photo{height:220px}.form-group input,.form-group select,.form-group textarea,.modal-form input,.modal-form select,.modal-form textarea{font-size:16px!important}}@media (width<=340px){.brew-active-card{padding:1rem .75rem}.brew-params-grid{gap:.45rem .5rem;padding:.65rem .75rem}.service-card,.step-card{padding:1.2rem .9rem}.hero-cta-group{flex-direction:column;width:100%}.hero-cta-group .btn-primary,.hero-cta-group .btn-outline-forest{text-align:center;justify-content:center;width:100%}}.partner-types-grid-five{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:1.5rem;display:grid}.cupping-checkbox-row{border:1.5px dashed var(--orange);border-radius:var(--radius-md);background-color:#d95f2d12;margin-bottom:1.5rem;padding:1rem 1.35rem}@media (width<=480px){.cupping-checkbox-row{margin-bottom:1.15rem;padding:.8rem .95rem}.checkbox-label-cupping{gap:.65rem;font-size:.82rem}}.checkbox-label-cupping{cursor:pointer;color:var(--forest);align-items:flex-start;gap:.85rem;font-size:.92rem;line-height:1.5;display:flex}.checkbox-label-cupping input[type=checkbox]{width:18px;height:18px;accent-color:var(--orange);cursor:pointer;flex-shrink:0;margin-top:3px}.scroll-progress-container{z-index:10000;pointer-events:none;background:#1b3d3c14;width:100%;height:4px;position:fixed;top:0;left:0;overflow:hidden}.scroll-progress-bar{background:linear-gradient(90deg,#d95f2d 0%,#f4a261 45%,#e76f51 70%,#8fa894 100%);border-radius:0 4px 4px 0;width:0%;height:100%;transition:width .1s cubic-bezier(.1,.9,.2,1);position:relative;box-shadow:0 0 12px #d95f2db3,0 0 4px #d95f2d66}.scroll-progress-bar:after{content:"";background:#fff;border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:0;box-shadow:0 0 10px #d95f2d,0 0 18px #d95f2d}.floating-scroll-top-btn{background:var(--forest);width:48px;height:48px;color:var(--cream);cursor:pointer;z-index:850;opacity:0;pointer-events:none;border:1.5px solid #f9f6ea40;border-radius:50%;justify-content:center;align-items:center;transition:all .35s cubic-bezier(.34,1.35,.64,1);display:flex;position:fixed;bottom:2rem;right:2rem;transform:translateY(20px)scale(.85);box-shadow:0 10px 25px #1b3d3c59}.floating-scroll-top-btn.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.floating-scroll-top-btn:hover{background:var(--orange);color:#fff;transform:translateY(-4px)scale(1.08);box-shadow:0 14px 28px #d95f2d73}@media (width<=640px){.floating-scroll-top-btn{opacity:.88;width:38px;height:38px;bottom:.85rem;right:.85rem;box-shadow:0 4px 14px #0000004d}.floating-scroll-top-btn svg{width:17px;height:17px}}@media (width<=340px){.floating-scroll-top-btn{width:34px;height:34px;bottom:.65rem;right:.65rem}.floating-scroll-top-btn svg{width:15px;height:15px}}[data-reveal]{opacity:0;will-change:transform, opacity;transition-duration:.75s;transition-timing-function:cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0s)}[data-reveal=pop]{filter:blur(4px);transition-property:opacity,transform,filter;transition-duration:.8s;transition-timing-function:cubic-bezier(.34,1.35,.64,1);transform:translateY(42px)scale(.92)}[data-reveal=pop][data-revealed=true],[data-reveal=pop].is-revealed{opacity:1;filter:blur();transform:translate(0,0)scale(1)}[data-reveal=fade-up]{transition-property:opacity,transform;transform:translateY(36px)}[data-reveal=fade-up][data-revealed=true],[data-reveal=fade-up].is-revealed{opacity:1;transform:translate(0,0)}[data-reveal=fade-down]{transition-property:opacity,transform;transform:translateY(-32px)}[data-reveal=fade-down][data-revealed=true],[data-reveal=fade-down].is-revealed{opacity:1;transform:translate(0,0)}[data-reveal=fade-left]{transition-property:opacity,transform;transform:translate(-48px)}[data-reveal=fade-left][data-revealed=true],[data-reveal=fade-left].is-revealed{opacity:1;transform:translate(0,0)}[data-reveal=fade-right]{transition-property:opacity,transform;transform:translate(48px)}[data-reveal=fade-right][data-revealed=true],[data-reveal=fade-right].is-revealed{opacity:1;transform:translate(0,0)}[data-reveal=pop-tilt-left]{transition-property:opacity,transform;transition-duration:.85s;transition-timing-function:cubic-bezier(.34,1.35,.64,1);transform:translate(-30px,35px)rotate(-2deg)scale(.93)}[data-reveal=pop-tilt-left][data-revealed=true],[data-reveal=pop-tilt-left].is-revealed{opacity:1;transform:translate(0,0)rotate(0)scale(1)}[data-reveal=scale-up]{transition-property:opacity,transform;transition-duration:.8s;transition-timing-function:cubic-bezier(.34,1.35,.64,1);transform:scale(.86)}[data-reveal=scale-up][data-revealed=true],[data-reveal=scale-up].is-revealed{opacity:1;transform:scale(1)}@media (width<=768px){[data-reveal=fade-left],[data-reveal=fade-right]{transform:translateY(24px)}[data-reveal=pop-tilt-left]{transform:translateY(24px)scale(.96)}}.section-header[data-revealed=true] .pill-tag{animation:.65s cubic-bezier(.34,1.35,.64,1) forwards badgePopPulse}@keyframes badgePopPulse{0%{transform:scale(.85)}50%{transform:scale(1.08)}to{transform:scale(1)}}.service-card[data-revealed=true],.step-card[data-revealed=true],.partner-type-card[data-revealed=true],.brew-step-card[data-revealed=true]{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}.stagger-1{--reveal-delay:80ms}.stagger-2{--reveal-delay:.16s}.stagger-3{--reveal-delay:.24s}.stagger-4{--reveal-delay:.32s}.stagger-5{--reveal-delay:.4s}.stagger-6{--reveal-delay:.48s}@media (prefers-reduced-motion:reduce){[data-reveal],[data-reveal=pop],[data-reveal=fade-up],[data-reveal=fade-down],[data-reveal=fade-left],[data-reveal=fade-right],[data-reveal=pop-tilt-left],[data-reveal=scale-up]{opacity:1!important;filter:none!important;transition:none!important;transform:none!important}.scroll-progress-bar{transition:none!important}.section-header[data-revealed=true] .pill-tag{animation:none!important}}.packet-showcase-wrapper{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:660px;margin:0 auto;padding:0 .5rem;display:flex;position:relative}@media (width>=1440px){.packet-showcase-wrapper{max-width:720px}}.packet-controls-bar{background-color:var(--cream-card);border-radius:var(--radius-pill);z-index:10;border:1px solid #1b3d3c1f;flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem;max-width:100%;margin-bottom:1.25rem;padding:.4rem .65rem;display:flex;box-shadow:0 4px 14px #1b3d3c14}.packet-toggle-btn{border-radius:var(--radius-pill);color:var(--forest);transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:.45rem;padding:.5rem .95rem;font-size:.88rem;font-weight:700;display:inline-flex}.packet-toggle-btn:hover{background-color:#1b3d3c14}.packet-toggle-btn.active{background-color:var(--forest);color:var(--cream)}.packet-toggle-btn.btn-icon-only{padding:.5rem .75rem}.packet-scene{perspective:1200px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;max-width:620px;height:740px;display:flex;position:relative;overflow:visible}@media (width>=1440px){.packet-scene{max-width:680px;height:790px}}.packet-scene:active{cursor:grabbing}.three-bag-canvas{pointer-events:auto;outline:none;display:block;width:100%!important;height:100%!important}@media (width<=1200px){.packet-showcase-wrapper{max-width:580px}.packet-scene{max-width:540px;height:680px}}@media (width<=1024px){.packet-showcase-wrapper{max-width:520px}.packet-scene{max-width:480px;height:640px}}@media (width<=768px){.packet-showcase-wrapper{max-width:460px}.packet-scene{max-width:410px;height:560px}}@media (width<=480px){.packet-showcase-wrapper{max-width:100%;padding:0 .25rem}.packet-controls-bar{gap:.35rem;max-width:100%;margin-bottom:.65rem;padding:.25rem .45rem}.packet-toggle-btn{gap:.22rem;padding:.34rem .62rem;font-size:.74rem}.packet-toggle-btn.btn-icon-only{padding:.34rem .45rem}.packet-scene{width:100%;max-width:min(100%,300px);height:400px}}@media (width<=360px){.packet-scene{max-width:min(100%,260px);height:350px}.packet-toggle-btn{padding:.28rem .42rem;font-size:.68rem}}@media (width<=320px){.packet-scene{max-width:min(100%,230px);height:310px}.packet-controls-bar{gap:.15rem;padding:.15rem .2rem}.packet-toggle-btn{padding:.24rem .34rem;font-size:.62rem}}.packet-pouch-3d{width:100%;height:100%;transform-style:preserve-3d;border-radius:12px 12px 6px 6px;transition:transform .6s cubic-bezier(.16,1,.3,1);position:relative}.pouch-heat-seal{z-index:5;background:linear-gradient(#122827 0%,#1b3d3c 60%,#163231 100%);border-bottom:1.5px solid #0006;border-top-left-radius:6px;border-top-right-radius:6px;justify-content:center;align-items:center;width:100%;height:22px;display:flex;position:absolute;top:-18px;left:0;box-shadow:0 -2px 6px #0003}.seal-crimpline{background-image:repeating-linear-gradient(90deg,#ffffff14 0 2px,#0000 2px 5px);border-radius:2px;width:82%;height:9px}.tear-notch{background-color:var(--cream);clip-path:polygon(100% 0,0 50%,100% 100%);width:6px;height:8px;position:absolute;top:5px}.tear-notch.left{left:-1px}.tear-notch.right{right:-1px;transform:rotate(180deg)}.pouch-face{background-color:var(--forest);backface-visibility:hidden;border-radius:4px 4px 10px 10px;flex-direction:column;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0;box-shadow:inset 0 1px 3px #ffffff1f,inset 0 -2px 8px #0006,0 16px 36px #12282740}.pouch-front{z-index:2;opacity:1;transform:rotateY(0)translateZ(1px)}.pouch-back{z-index:1;opacity:0;pointer-events:none;transform:rotateY(180deg)translateZ(1px)}.packet-pouch-3d.flipped .pouch-front{opacity:0;pointer-events:none}.packet-pouch-3d.flipped .pouch-back{opacity:1;pointer-events:auto;z-index:5}.pouch-face:after{content:"";pointer-events:none;background:linear-gradient(115deg,#ffffff14 0%,#0000 35%,#00000026 70%,#ffffff0a 100%);width:100%;height:100%;position:absolute;top:0;left:0}.pouch-front{padding:1.2rem 1.1rem}.pouch-header{z-index:3;justify-content:space-between;align-items:flex-start;margin-bottom:.2rem;display:flex;position:relative}.top-sage-leaves{opacity:.85;width:50px;height:40px}.top-veg-indicator{margin-top:2px}.pouch-brand-section{text-align:center;z-index:3;margin-top:-.8rem;margin-bottom:.4rem;position:relative}.aroma-valve{z-index:4;background:radial-gradient(circle,#255250 0%,#122827 80%);border:1.5px solid #f9f6ea59;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:132px;left:50%;transform:translate(-50%);box-shadow:inset 0 2px 4px #0009,0 1px 3px #0000004d}.valve-inner-ring{border:1px solid #f9f6ea40;border-radius:50%;justify-content:center;align-items:center;width:12px;height:12px;display:flex}.valve-pinhole{background-color:#0b1a19;border-radius:50%;width:3.5px;height:3.5px;box-shadow:inset 0 1px 1px #000}.pouch-beans-hero{z-index:3;justify-content:center;align-items:center;width:100%;height:130px;margin-top:.2rem;display:flex;position:relative}.hero-beans-svg{filter:drop-shadow(0 10px 14px #00000073);max-width:210px}.burnt-orange-wave{z-index:2;width:100%;height:52px;position:absolute;bottom:156px;left:0;overflow:hidden}.wave-svg{width:100%;height:100%}.pouch-spec-card{background-color:var(--cream);color:var(--forest);z-index:3;border-radius:8px;padding:.75rem .85rem;position:absolute;bottom:12px;left:12px;right:12px;box-shadow:0 4px 16px #00000038}.spec-main-row{border-bottom:1px solid #1b3d3c26;justify-content:space-between;gap:.6rem;margin-bottom:.45rem;padding-bottom:.5rem;display:flex}.spec-left-box{flex:1.1}.spec-category{letter-spacing:.1em;color:#556b2f;text-transform:uppercase;font-size:.65rem;font-weight:800;display:block}.spec-title{letter-spacing:-.01em;color:var(--forest);font-size:1.15rem;font-weight:900;line-height:1.1}.spec-code-row{align-items:center;gap:.4rem;margin:.15rem 0 .35rem;display:flex}.spec-code{color:var(--forest);font-size:.95rem;font-weight:800}.spec-blend-badge{background-color:var(--orange);color:var(--cream);letter-spacing:.03em;border-radius:3px;padding:.1rem .35rem;font-size:.58rem;font-weight:800}.spec-cup-notes{margin-top:.2rem}.cup-notes-label{letter-spacing:.08em;color:#1b3d3cb3;font-size:.58rem;font-weight:800;display:block}.cup-notes-value{color:var(--forest);font-size:.76rem;font-weight:700;line-height:1.25}.spec-grid-box{flex:1;grid-template-columns:1fr 1fr;gap:.3rem .4rem;display:grid}.spec-item{flex-direction:column;display:flex}.item-label{letter-spacing:.06em;color:#1b3d3cb3;font-size:.55rem;font-weight:700}.item-val{color:var(--forest);font-size:.72rem;font-weight:800;line-height:1.2}.inline-icon{vertical-align:middle;margin-right:2px}.text-orange{color:var(--orange)}.spec-bottom-bar{justify-content:space-between;align-items:center;gap:.4rem;font-size:.65rem;display:flex}.brew-with-group{flex-direction:column;gap:2px;display:flex}.brew-label{letter-spacing:.05em;color:#1b3d3cb3;font-size:.52rem;font-weight:800}.brew-icons-row{align-items:center;gap:.35rem;display:flex}.spec-meta-block{text-align:right;flex-direction:column;display:flex}.meta-label{color:#1b3d3cb3;font-size:.52rem;font-weight:700}.meta-value{font-size:.74rem;font-weight:700}.meta-value.bold{font-size:.82rem;font-weight:900}.bottom-corner-foliage{opacity:.35;pointer-events:none;width:90px;height:90px;position:absolute;bottom:-10px;right:-10px}.pouch-back{color:var(--cream);padding:1.2rem 1.1rem;transform:rotateY(180deg)}.back-top-logo{text-align:center;margin-bottom:.4rem}.back-tagline-block{text-align:center;border-bottom:1px solid #f9f6ea26;margin-bottom:.8rem;padding-bottom:.6rem}.back-tagline{letter-spacing:.12em;color:var(--orange);margin-bottom:.3rem;font-size:.82rem;font-weight:800}.back-story-p{color:#f9f6eae6;max-width:290px;margin:0 auto;font-size:.7rem;line-height:1.35}.back-details-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.back-heading-orange{letter-spacing:.08em;color:var(--orange);text-transform:uppercase;margin-bottom:.15rem;font-size:.62rem;font-weight:800}.back-text{color:#f9f6ead9;margin-bottom:.5rem;font-size:.64rem;line-height:1.3}.back-text.strong{color:var(--cream);font-weight:800}.back-fssai-box{background-color:#f9f6ea14;border:1px dashed #f9f6ea4d;border-radius:4px;flex-direction:column;margin-bottom:.4rem;padding:.25rem .4rem;display:flex}.fssai-logo-text{letter-spacing:.05em;font-size:.68rem;font-style:italic;font-weight:900}.fssai-lic{color:#f9f6eabf;font-size:.52rem;font-weight:600}.back-social{color:var(--sage);font-size:.62rem;font-weight:700}.back-batch-box{background-color:#00000040;border:1px solid #f9f6ea33;border-radius:4px;flex-direction:column;gap:.2rem;padding:.35rem .45rem;font-size:.6rem;display:flex}.batch-row{justify-content:space-between;display:flex}.batch-row strong{color:var(--cream)}.pouch-gusset{background-color:#142e2d;justify-content:center;align-items:center;width:32px;height:100%;display:flex;position:absolute;top:0;overflow:hidden;box-shadow:inset 0 0 10px #0009}.gusset-left{left:-16px;transform:rotateY(-90deg)}.gusset-right{right:-16px;transform:rotateY(90deg)}.gusset-text{writing-mode:vertical-rl;letter-spacing:.15em;color:#f9f6ea4d;font-size:.55rem;font-weight:800}.gusset-leaf{opacity:.15;width:60px;position:absolute}.hotspot-pin{cursor:pointer;z-index:10;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;transform:translate(-50%,-50%)}.pin-dot{background-color:var(--orange);border:2px solid var(--cream);width:10px;height:10px;transition:transform var(--transition-fast);border-radius:50%;box-shadow:0 2px 6px #0006}.pin-pulse{background-color:#d95f2d73;border-radius:50%;width:100%;height:100%;animation:2s ease-out infinite hotspotPulse;position:absolute}.hotspot-pin:hover .pin-dot,.hotspot-pin.active .pin-dot{background-color:#ff7d47;transform:scale(1.35)}@keyframes hotspotPulse{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.6)}}.hotspot-detail-card{background-color:var(--cream);color:var(--forest);border:1.5px solid var(--orange);border-radius:var(--radius-md);z-index:20;width:90%;max-width:min(92vw,320px);margin-top:1rem;padding:.75rem 1rem;animation:.25s ease-out slideUpFade;box-shadow:0 8px 24px #1b3d3c1f}@keyframes slideUpFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hotspot-detail-header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.3rem;font-size:.88rem;display:flex}.hotspot-close{color:var(--forest);opacity:.6;font-size:1.2rem;line-height:1}.hotspot-close:hover{opacity:1}.hotspot-detail-p{color:#1b3d3cd9;font-size:.8rem;line-height:1.35}.packet-ground-shadow{pointer-events:none;background:radial-gradient(#12282780 0%,#0000 70%);border-radius:50%;width:260px;height:70px;transition:all .4s;position:absolute;bottom:-32px}.packet-interaction-hint{color:#1b3d3cb3;text-align:center;letter-spacing:.02em;margin-top:1.2rem;font-size:.75rem;font-weight:600}