:root{--green:#193b2a;--cream:#f5f1e7;--yellow:#f3c747;--ink:#20382b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #cb8623;outline-offset:5px}.announcement{background:var(--green);color:#fff;text-align:center;font-size:10px;font-weight:600;letter-spacing:3px;padding:10px}header{height:101px;display:flex;align-items:center;justify-content:space-between;padding:10px 5%;border-bottom:1px solid #20382b20;background:var(--cream)}.logo{width:90px;height:78px;object-fit:contain}nav{display:flex;gap:34px;font-size:13px;font-weight:600}nav a:hover{color:#9a7328}.nav-cta{border:1px solid var(--green);padding:13px 19px;font-size:12px;font-weight:700}.nav-cta span{padding-left:20px}.menu{display:none}.hero{display:grid;grid-template-columns:1.04fr 1fr;min-height:620px;overflow:hidden}.hero-copy{padding:65px 7% 35px 10%}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;line-height:1.6}.dot{display:inline-block;width:7px;height:7px;background:#c79b3b;border-radius:50%;margin-right:7px}h1,h2,h3{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;letter-spacing:-1px;line-height:1.02;margin:24px 0}h1{font-size:clamp(65px,6.9vw,112px);font-weight:700}em{font-family:Georgia,serif;font-weight:400;font-size:.87em;letter-spacing:-4px}p{font-size:14px;line-height:1.8}.hero-copy>p{max-width:375px;color:#5c675e}.actions{display:flex;align-items:center;gap:26px;margin-top:30px}.button{padding:17px 22px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;font-size:12px;font-weight:700}.yellow{background:var(--yellow);color:var(--green)}.button:hover{filter:brightness(.94);transform:translateY(-2px)}.text-link{font-size:11px;font-weight:700;border-bottom:1px solid;padding-bottom:5px}.hero-foot{margin-top:58px;display:flex;gap:25px;font-size:8px;letter-spacing:1px;font-weight:600}.hero-art{background:#d9dfcc;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-art:before{content:'';position:absolute;width:510px;height:510px;border:1px solid #193b2a28;border-radius:50%;top:65px;left:10%}.sun{position:absolute;right:7%;top:45px;font:800 65px/.83 'Barlow Condensed',Impact,sans-serif;color:#9bab89;letter-spacing:-2px}.sun i{font-style:normal;font-size:32px}.art-caption{position:absolute;left:24px;top:50%;writing-mode:vertical-rl;font-size:8px;letter-spacing:2px}.hero-bag{width:55%;mix-blend-mode:multiply;position:absolute;filter:drop-shadow(10px 22px 13px #233b2333)}.hero-bag.front{transform:rotate(9deg);left:40%;top:30%}.hero-bag.back{transform:rotate(-12deg);left:6%;top:16%}.round-stamp{position:absolute;bottom:32px;left:8%;border:1px solid var(--green);width:105px;height:105px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;letter-spacing:1px;transform:rotate(-12deg)}.round-stamp strong{font-size:16px}.round-stamp span{font-size:27px}.stripe{background:var(--yellow);display:flex;justify-content:space-around;align-items:center;gap:24px;padding:20px;font-size:11px;letter-spacing:2px;font-weight:700}.stripe b{font-size:24px}.section{padding:90px 6%}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:36px}h2{font-size:62px;font-weight:700}.section-head h2{margin-bottom:0}.section-head>p{max-width:305px;color:#657063;margin:0}.filters{display:flex;gap:10px;margin:30px 0}.filters button{border:1px solid #c6cbbd;border-radius:30px;padding:11px 19px;background:transparent;font-size:11px;color:var(--green)}.filters button.active{background:var(--green);color:#fff;border-color:var(--green)}.filters small{margin-left:8px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 22px}.product{border-bottom:1px solid #c7cbbf;padding-bottom:20px}.product-image{height:320px;position:relative;display:flex;justify-content:center;align-items:center;background:var(--tint);overflow:hidden}.product-image img{width:86%;height:90%;object-fit:contain;mix-blend-mode:multiply;transition:transform .35s}.product:hover .product-image img{transform:rotate(-4deg) scale(1.04)}.roast-label{position:absolute;top:18px;left:18px;font-size:8px;letter-spacing:1px;z-index:1}.product-line{display:flex;justify-content:space-between;align-items:center}.product h3{font-size:34px;margin:20px 0 5px;letter-spacing:-.4px}.product p{margin:0;font-size:12px;color:#626d61}.product button{background:none;border:1px solid #a6b09e;border-radius:50%;width:37px;height:37px;font-size:22px;color:var(--green)}.story{display:grid;grid-template-columns:1fr 1fr;background:var(--green);color:var(--cream)}.story-image{min-height:620px;position:relative}.story-image img{width:100%;height:100%;position:absolute;object-fit:cover;filter:grayscale(1);object-position:50% 35%}.story-image:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 65%,#132c24cc)}.story-image>span{position:absolute;bottom:35px;left:40px;font-size:12px;letter-spacing:4px;z-index:1}.story-copy{padding:68px 13%}.story-copy h2{font-size:70px}.story-copy p{font-size:13px;color:#d0d8cb}.story-copy .text-link{display:inline-block;margin-top:20px}.finder{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;background:#e5e8db}.finder h2{margin-top:20px}.finder p{color:#63705f}.finder-panel{padding:30px;background:var(--cream)}fieldset{border:0;padding:0;margin:0}legend{font-size:18px;font-weight:600;margin-bottom:24px}.taste-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.taste-options button{text-align:left;background:none;border:1px solid #c3caba;color:var(--green);padding:20px;font-size:25px}.taste-options button span{display:block;font-size:11px;margin-top:10px}.taste-options button.selected{background:var(--green);color:#fff;border-color:var(--green)}#recommendation{margin-top:25px;font-size:12px;line-height:1.7;padding-top:20px;border-top:1px solid #ccd0c3}#recommendation button{background:none;border:0;border-bottom:1px solid;padding:0;color:var(--green);font-weight:700;font-size:13px}.brew-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.brew-grid article{border-top:1px solid #aab29e;padding-top:25px}.brew-number{font-size:9px;letter-spacing:1.5px}.brew-grid h3{font-size:38px}.brew-grid p{font-size:13px;color:#64705f}.brew-grid a{display:inline-block;font-size:11px;font-weight:700;margin-top:12px}.closing{text-align:center;background:var(--green);color:var(--cream);padding:75px 20px}.closing h2{font-size:75px}.closing p{font-size:10px;color:#b7c7b3;margin-top:22px}footer{padding:45px 6% 20px}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;padding-bottom:40px}.footer-top>img{width:105px}.footer-top p{margin:0;font-family:'Barlow Condensed',Impact,sans-serif;font-size:30px;line-height:1.1}.footer-top>div{display:flex;flex-direction:column;gap:15px;font-size:12px;justify-self:end}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #c9cebf;padding-top:22px;font-size:9px;color:#6a7565}.footer-bottom button{border:0;background:none;color:inherit;font-size:9px;margin-left:20px}dialog{background:var(--cream);color:var(--green);border:0;padding:45px;width:min(760px,92vw);max-height:85vh}dialog::backdrop{background:#10251ec9}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:32px;color:var(--green)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.detail-grid img{width:100%;mix-blend-mode:multiply}.detail-grid h2{font-size:45px}.detail-grid p{font-size:13px}.detail-grid .eyebrow{font-size:9px}[hidden]{display:none!important}
@media(min-width:1600px){main,header,footer{max-width:1800px;margin:auto}.hero-copy{padding-top:90px}.hero{min-height:740px}}
@media(max-width:900px){header{height:85px}nav{gap:15px;font-size:11px}.nav-cta{display:none}.hero{min-height:550px}.hero-copy{padding-top:50px}h1{font-size:69px}.hero-bag{width:65%}.hero-bag.front{left:32%;top:38%}.hero-bag.back{left:0;top:22%}.sun{font-size:45px}.sun i{font-size:25px}.actions{gap:15px;align-items:flex-start;flex-direction:column}.hero-foot{margin-top:32px;flex-direction:column;gap:7px}.product-image{height:250px}.section{padding:60px 5%}h2{font-size:50px}.story-copy{padding:45px 10%}.story-copy h2{font-size:55px}.finder{gap:30px}.stripe{font-size:8px;letter-spacing:1px}.closing h2{font-size:60px}}
@media(max-width:600px){.announcement{font-size:8px}header{padding:7px 6%;height:79px}.logo{height:63px;width:75px}.menu{display:block;border:0;background:none;font-size:23px;color:var(--green)}nav{display:none;position:absolute;top:110px;left:0;right:0;padding:25px;background:var(--cream);z-index:10;flex-direction:column;border-bottom:1px solid #b9c2ad}nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-copy{padding:38px 6% 32px}.eyebrow{font-size:8px}h1{font-size:76px;margin:20px 0}.hero-copy>p{font-size:13px;max-width:340px}.actions{flex-direction:row;align-items:center;gap:18px}.button{font-size:10px;padding:16px;gap:15px}.text-link{font-size:10px}.hero-foot{flex-direction:row;font-size:7px;gap:20px;margin-top:28px}.hero-art{height:390px}.hero-art:before{width:330px;height:330px;top:25px;left:10%}.hero-bag{width:53%;max-width:240px}.hero-bag.back{top:9%;left:9%}.hero-bag.front{top:26%;left:41%}.sun{top:20px;right:7%;font-size:40px}.sun i{font-size:21px}.round-stamp{width:83px;height:83px;bottom:18px;font-size:8px}.round-stamp strong{font-size:13px}.stripe{padding:14px 10px;gap:10px;justify-content:space-between;font-size:7px}.stripe span:last-of-type,.stripe b:last-child{display:none}.stripe b{font-size:18px}.section{padding:50px 6%}.section-head{display:block;margin-bottom:25px}h2{font-size:49px}.section-head>p{font-size:12px;margin-top:22px}.filters{flex-wrap:wrap;gap:7px}.filters button{padding:10px 12px;font-size:9px}.products{grid-template-columns:1fr 1fr;gap:24px 13px}.product-image{height:205px}.product-image img{width:100%;height:85%}.roast-label{top:12px;left:10px;font-size:6px;letter-spacing:.7px}.product h3{font-size:27px}.product p{font-size:10px;line-height:1.6}.product button{width:27px;height:27px;font-size:17px;flex-shrink:0}.story{grid-template-columns:1fr}.story-image{min-height:380px}.story-copy{padding:40px 7% 50px}.story-copy h2{font-size:63px}.finder{grid-template-columns:1fr;gap:20px}.finder h2{margin-bottom:15px}.finder-panel{padding:23px 18px}legend{font-size:16px}.taste-options button{padding:16px}.taste-options button span{font-size:10px}.brew-grid{grid-template-columns:1fr;gap:30px}.brew-grid h3{margin:15px 0}.brew-grid p{max-width:360px}.closing{padding:55px 7%}.closing h2{font-size:53px}.footer-top{grid-template-columns:1fr 1fr;gap:30px}.footer-top>div{justify-self:start;grid-column:1/-1;flex-direction:row;flex-wrap:wrap;font-size:10px}.footer-bottom{gap:20px;align-items:flex-start}.footer-bottom>div{display:flex;flex-direction:column;gap:12px}.detail-grid{grid-template-columns:1fr;gap:10px}.detail-grid img{max-height:220px;object-fit:contain}dialog{padding:30px}.detail-grid h2{margin-top:12px}.detail-grid .button{margin-top:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}