:root{--green:#123d30;--deep:#0d2e24;--yellow:#f5cf59;--paper:#f7f7f0;--ink:#153c30;--muted:#5a6b60}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #bf8020;outline-offset:6px}.wrap{width:min(1280px,88%);margin-inline:auto}.header{display:flex;justify-content:space-between;align-items:center;padding-block:28px;border-bottom:1px solid #ccd5c9}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;line-height:1.05;font-size:19px;font-weight:800;letter-spacing:1.5px}.brand-second{display:block;font-weight:400;letter-spacing:7.7px;font-size:17px;margin-top:7px}.mark{color:var(--green);font-size:48px;line-height:1}.header nav{display:flex;align-items:center;gap:34px;font-size:14px}.header nav a{text-decoration:none}.header nav a:hover{text-decoration:underline;text-underline-offset:6px}.nav-contact{border:1px solid #9cac9d;padding:9px 20px;border-radius:30px}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:6%;padding-block:60px 70px;align-items:center}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;margin:0 0 22px}.hero h1{font:normal clamp(54px,5.6vw,84px)/1.02 Georgia,'Times New Roman',serif;letter-spacing:-3px;margin:0 0 26px}em{font-weight:400}h1 em{color:#4e6941}.intro{font-size:20px;line-height:1.55;max-width:470px;margin-bottom:16px}.hero-detail{color:var(--muted);max-width:420px;margin-bottom:28px}.button{display:inline-flex;justify-content:center;align-items:center;text-align:center;min-height:54px;padding:13px 26px;border-radius:4px;font-size:14px;font-weight:700;text-decoration:none;transition:background .2s,transform .2s}.yellow{background:var(--yellow);color:var(--deep)}.button:hover{background:#ffdf7b;transform:translateY(-2px)}.coming{font-size:11px;letter-spacing:1.7px;margin-top:22px;color:var(--muted)}.hero-image{position:relative;margin:0;height:630px;background:var(--green);overflow:hidden;border-radius:120px 4px 4px 4px;color:white}.hero-image img{width:100%;height:100%;object-fit:cover}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 42%,rgba(4,25,13,.8))}.image-label{position:absolute;z-index:1;bottom:95px;left:36px;font:42px/1.13 Georgia,serif}.hero-image figcaption{position:absolute;z-index:2;bottom:24px;left:36px;right:25px;font-size:10px;letter-spacing:1.5px;display:flex;flex-direction:column;gap:8px}.hero-image figcaption span:last-child{letter-spacing:.3px;font-size:12px;opacity:.8}.purpose{padding-block:60px 75px;border-top:1px solid #ccd5c9;display:grid;grid-template-columns:1fr 1fr;gap:0 9%}.purpose .eyebrow{grid-column:1/-1}h2{font:normal clamp(36px,4vw,54px)/1.12 Georgia,serif;letter-spacing:-1.5px;margin:0}.purpose p:last-child{margin:0;font-size:18px;color:var(--muted)}.origins{background:var(--green);color:var(--paper);padding-block:80px 70px}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:45px}.section-head>p{max-width:340px;color:#c3d1c5}.origins .eyebrow{color:var(--yellow)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr)}.product-grid article{border-top:1px solid #52705e;padding:24px 25px 26px 0;margin-right:24px;min-height:245px}.number{font-size:12px;letter-spacing:1px;color:#b7c5b8}.product-grid h3{font:normal 26px/1.15 Georgia,serif;margin:20px 0 14px}.product-grid p{font-size:15px;color:#c3d1c5;line-height:1.65;margin:0}.tag{display:inline-block;color:var(--yellow);font-size:10px;letter-spacing:1.2px;margin-top:15px}.more h3{font-style:italic;color:var(--yellow)}.coffee{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding-block:90px}.coffee-title{border-right:1px solid #ccd5c9}.coffee h2{font-size:clamp(60px,7vw,96px)}.chapter{display:block;font-size:12px;letter-spacing:2px;margin-top:26px;color:var(--muted)}.coffee-copy{padding-top:32px}.coffee h3{font:normal 34px/1.15 Georgia,serif;margin:0 0 22px}.coffee-copy p{color:var(--muted)}.small-label{display:block;font-size:11px;letter-spacing:1.5px;margin-top:26px}.contact{background:#e5eacb;padding-block:78px;text-align:center}.contact-inner>p:not(.eyebrow):not(.contact-person){max-width:590px;margin:25px auto 30px;color:#465a46}.contact h2{font-size:clamp(36px,4.3vw,58px)}.contact-person{font-weight:700;margin-top:25px;font-size:15px}.contact-person span,.contact-person a{display:block;font-weight:400;font-size:13px}.contact-person a{margin-top:7px;text-decoration:none}.contact-person a:hover{text-decoration:underline}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:28px;font-size:12px;color:var(--muted)}.footer-brand{font-size:13px;letter-spacing:1px;text-decoration:none;font-weight:700;color:var(--green)}.skip{position:absolute;top:-100px;left:20px;padding:10px;background:var(--yellow);z-index:5}.skip:focus{top:10px}section[id]{scroll-margin-top:30px}@media(min-width:1600px){.hero{padding-block:75px}.hero-image{height:680px}}@media(max-width:1000px){.header nav{gap:18px}.hero{gap:5%}.hero h1{font-size:60px}.hero-image{height:590px}.product-grid{grid-template-columns:repeat(2,1fr)}.product-grid article{min-height:220px}.image-label{font-size:35px;left:25px}.hero-image figcaption{left:25px}.intro{font-size:18px}}@media(max-width:700px){.wrap{width:88%}.header{padding-block:22px}.brand{font-size:16px}.brand-second{font-size:14px;letter-spacing:6.5px}.mark{font-size:38px}.header nav a:not(.nav-contact){display:none}.header nav{font-size:12px}.nav-contact{padding:8px 13px}.hero{grid-template-columns:1fr;padding-block:40px;gap:35px}.hero h1{font-size:clamp(50px,12vw,72px);letter-spacing:-2px}.hero .eyebrow{font-size:10px;letter-spacing:1.5px}.hero-image{height:440px;border-top-left-radius:85px}.hero-copy{max-width:550px}.purpose{grid-template-columns:1fr;padding-block:42px;gap:24px}.purpose .eyebrow{margin:0}.purpose p:last-child{font-size:16px}.origins{padding-block:50px}.section-head{display:block;margin-bottom:30px}.section-head>p{margin-top:25px}.product-grid article{padding-right:10px;margin-right:15px;min-height:255px}.product-grid h3{font-size:24px}.product-grid p{font-size:14px}.coffee{grid-template-columns:1fr;padding-block:55px;gap:30px}.coffee-title{border-right:0}.coffee-copy{padding-top:0}.contact{padding-block:55px}.footer{flex-direction:column;gap:9px;text-align:center;padding-block:25px}.footer p{margin:0}.eyebrow{font-size:11px}.button{width:100%;max-width:350px}.contact-person span,.contact-person a{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}