@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root{--paper:#f5f2eb;--ink:#302c24;--muted:#78766c;--green:#444d3b;--line:#dcd8cc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #b3925c;outline-offset:6px}.skip{position:fixed;top:-70px;left:15px;padding:15px;background:white;z-index:100}.skip:focus{top:10px}.header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-family:Georgia,serif;font-size:40px;letter-spacing:-2px;line-height:.85}.brand svg{width:30px;height:39px;fill:none;stroke:var(--ink);stroke-width:1.7}.brand-small{display:block;font:8px 'DM Sans',sans-serif;letter-spacing:2.6px;margin-top:10px}.header nav{display:flex;gap:32px;font-size:12px}.header nav a:hover{color:#a16e43}.header-cta{border-bottom:1px solid #a09e90;padding:12px 0;font-size:12px}.header-cta span{margin-left:28px}.menu-toggle{display:none}.hero{min-height:650px;height:min(740px,78vh);position:relative;isolation:isolate;overflow:hidden;background:#271d17;color:#fff8ed}.hero-image,.hero-shade{position:absolute;inset:0;z-index:-1}.hero-image{background:url('assets/coffee-beans.jpg') center 53%/cover}.hero-shade{background:linear-gradient(90deg,rgba(17,14,10,.84),rgba(22,15,10,.5) 45%,rgba(24,17,10,.08)),linear-gradient(0deg,rgba(13,10,7,.4),transparent 45%)}.hero-content{padding:93px 8% 100px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:500;line-height:1.7;margin:0 0 23px}.hero .eyebrow{display:flex;align-items:center;color:#ddd1bb;font-size:9px;letter-spacing:2.6px}.tiny-line{width:27px;height:1px;background:#d2bb90;margin-right:15px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:400}h1{font-size:clamp(58px,6.6vw,98px);line-height:1.07;letter-spacing:-3px;margin-bottom:25px}h1 em{color:#dcc6a1}em{font-weight:400} .hero-description{font-size:14px;line-height:1.9;color:#e0d8cc;margin-bottom:32px}.button{display:inline-flex;align-items:center;gap:40px;padding:18px 23px;font-size:12px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#fff}.button-cream{background:#f0e6d3;color:#352e25}.button span{font-size:20px}.hero-caption{position:absolute;right:6%;bottom:115px;display:flex;flex-direction:column;gap:7px;font-size:8px;letter-spacing:2px;text-align:right;color:#e8dfcc}.scroll-cue{position:absolute;bottom:32px;left:8%;display:flex;align-items:center;gap:25px;font-size:22px}.scroll-cue span{font-size:8px;letter-spacing:2px}.hero-number{position:absolute;bottom:36px;right:6%;font-size:12px}.hero-number span{color:#a69a86;margin-left:8px}.philosophy{margin:0 6%;border-bottom:1px solid var(--line);min-height:155px;display:flex;align-items:center;gap:30px;padding:30px 2.3%}.small-bean{font-size:43px;color:#898970;transform:rotate(-30deg)}.philosophy p{font-family:'Playfair Display',Georgia,serif;font-size:23px;line-height:1.5;margin:0}.philosophy strong{font-weight:400;color:#82816d}.philosophy-note{margin-left:auto;font-size:8px;letter-spacing:1.7px;line-height:1.9;color:#77796c}.section{padding:88px 8%}.section-top{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:43px;gap:30px}h2{font-size:clamp(37px,4vw,55px);line-height:1.17;letter-spacing:-1.5px;margin:0}h2 em{color:#7d8066}.section .eyebrow{color:#737661;margin-bottom:18px;font-size:9px}.section-intro{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 6px}.bean-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.bean-card{background:#e9e7dc;padding:25px 26px 29px;overflow:hidden}.robusta{background:#e6dfd4}.blend{background:#e8e8dd}.bean-card-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#6a6a5c}.bean-card-top>span:last-child{color:#929080}.bean-art{height:165px;position:relative;display:flex;align-items:center;justify-content:center}.bean-art i{position:absolute;width:48px;height:72px;background:radial-gradient(ellipse at 29% 27%,#91674a,#513322 70%);border-radius:49%;transform:rotate(37deg);box-shadow:5px 9px 9px #51442e25,inset 3px 2px 5px #c4926e44}.bean-art i:after{content:'';position:absolute;left:45%;top:5%;height:90%;width:8px;border-left:4px solid #2e2019;border-radius:60%;transform:rotate(4deg)}.bean-art i:nth-child(1){transform:translate(-48px,8px) rotate(-30deg)}.bean-art i:nth-child(2){transform:translate(5px,-17px) rotate(27deg)}.bean-art i:nth-child(3){transform:translate(46px,23px) rotate(64deg);width:40px;height:60px}.robusta .bean-art i{background:radial-gradient(ellipse at 30% 30%,#674533,#31241d 80%);height:61px;width:49px}.blend .bean-art i:nth-child(2){background:radial-gradient(ellipse at 30% 30%,#a17e53,#735339 80%)}.bean-origin{font-size:8px;letter-spacing:1.7px;color:#7b7b6d}.bean-copy h3{font-size:34px;margin:9px 0 12px}.bean-copy p{font-size:12px;line-height:1.8;color:#706d62;min-height:64px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:22px}.tags span{border:1px solid #c8c6b6;border-radius:20px;font-size:8px;padding:6px 9px;color:#716e5e}.footnote{text-align:center;margin:25px 0 0;font-size:10px;color:#898779}.methods{background:#ecece2;padding-top:80px;padding-bottom:80px}.method-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #cccebf}.method-tabs button{padding:21px 16px;text-align:left;display:flex;align-items:center;gap:15px;background:none;border:0;border-bottom:2px solid transparent;cursor:pointer;color:#858776;font-size:9px}.method-tabs button span{font-size:13px;flex:1}.method-tabs button[aria-selected=true]{border-color:#49513e;color:#35412d;background:#e3e5d7}.method-panel{display:grid;grid-template-columns:1fr 1.1fr;gap:55px;margin-top:35px;align-items:center}.method-visual{height:330px;position:relative;overflow:hidden}.method-visual img{width:100%;height:100%;object-fit:cover}.method-visual:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#201a1566)}.method-visual>span{position:absolute;bottom:24px;left:25px;font-size:8px;letter-spacing:1.8px;color:#fff;z-index:1}.method-copy h3{font-size:32px;letter-spacing:-.7px;margin-bottom:18px}.method-copy>p:not(.eyebrow){font-size:12px;line-height:1.9;color:#747768}.method-specs{display:flex;gap:30px;border-top:1px solid #d2d4c6;border-bottom:1px solid #d2d4c6;padding:21px 0;margin-top:25px}.method-specs span{display:block;font-size:7px;letter-spacing:1.3px;color:#878a79;margin-bottom:9px}.method-specs strong{font-size:11px;font-weight:500}.method-copy .method-tip{margin:20px 0 0;font-size:10px!important}.history{background:#414936;color:#f1eedf;padding:82px 8%;display:grid;grid-template-columns:1.2fr 1fr;gap:80px}.history .eyebrow{color:#c3c7af;font-size:9px}.history h2{font-size:47px}.history h2 em{color:#c6cbb2}.history-copy{padding-top:30px}.history-copy p{font-size:12px;line-height:1.9;color:#d4d7c9}.history-copy>span{display:block;margin-top:28px;font-size:8px;letter-spacing:1.7px;color:#c2c9af}.tips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.tips-grid article{border-top:1px solid var(--line);padding-top:24px}.tip-number{font-size:11px;color:#8c8b78}.tips-grid h3{font-size:22px;margin:23px 0 14px}.tips-grid p{font-size:12px;color:#7e7c70;line-height:1.9}.ritual-note{margin-top:65px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0;display:flex;align-items:center;gap:22px}.ritual-note>span{font-size:35px;color:#7b8063}.ritual-note p{font-family:'Playfair Display',Georgia,serif;font-size:23px;margin:0}.ritual-note p em{color:#858873}.ritual-note a{margin-left:auto;font-size:10px;white-space:nowrap}footer{margin:0 6%;padding:38px 2.3%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-brand{display:block;font-size:36px}footer p{margin:0;font-size:10px;line-height:1.8;color:#817f72}footer>span{font-size:8px;line-height:2;letter-spacing:1px;color:#817f72}footer>a:last-child{border:1px solid var(--line);border-radius:50%;height:38px;width:38px;display:grid;place-items:center;font-size:18px} @media(min-width:1500px){.header,.section,.history{padding-left:max(8%,calc((100vw - 1280px)/2));padding-right:max(8%,calc((100vw - 1280px)/2))}.hero-content{padding-left:max(8%,calc((100vw - 1280px)/2))}}@media(max-width:900px){.header{padding:0 5%;height:85px}.header nav{gap:18px}.header-cta{display:none}.hero{min-height:610px}.hero-content{padding-top:90px}.section{padding:65px 6%}.bean-card{padding:22px 18px}.tags{gap:5px}.bean-copy p{min-height:87px}.method-panel{gap:28px}.method-specs{gap:18px}.history{gap:40px;padding:65px 6%}.history h2{font-size:39px}.tips-grid{gap:22px}.ritual-note p{font-size:20px}.philosophy-note{display:none}}@media(max-width:600px){.header{height:80px}.brand{font-size:35px}.brand svg{height:32px}.menu-toggle{display:block;background:none;border:1px solid #d9d6c9;padding:8px 12px;font-size:19px}.header nav{display:none;position:absolute;top:80px;left:0;right:0;padding:25px 6%;background:var(--paper);z-index:10;box-shadow:0 12px 15px #0002}.header nav.open{display:flex;flex-direction:column;gap:23px}.hero{height:650px;min-height:0}.hero-image{background-position:62% center}.hero-shade{background:linear-gradient(90deg,#17100cda,#17100c65)}.hero-content{padding:85px 7% 100px}h1{font-size:61px;letter-spacing:-2px}.hero .eyebrow{font-size:7px;letter-spacing:1.8px}.hero-description{font-size:12px}.hero-caption{bottom:100px;font-size:7px}.hero-number{font-size:10px}.scroll-cue{left:7%}.scroll-cue span{font-size:7px}.philosophy{min-height:140px;gap:19px;padding:26px 0}.philosophy p{font-size:18px}.small-bean{font-size:32px}.section{padding:57px 7%}.section-top{display:block;margin-bottom:30px}h2{font-size:39px}.section-intro{margin-top:25px;font-size:12px}.bean-grid{grid-template-columns:1fr;gap:18px}.bean-card{padding:23px 25px;position:relative;min-height:255px}.bean-art{position:absolute;right:5px;top:55px;width:120px;transform:scale(.8)}.bean-copy{padding-top:35px;padding-right:95px}.bean-copy h3{font-size:32px}.bean-copy p{min-height:0}.bean-origin{font-size:7px}.tags{margin-top:15px;margin-right:-80px}.method-tabs{grid-template-columns:repeat(2,1fr)}.method-tabs button{padding:17px 10px;gap:10px}.method-tabs button span{font-size:11px}.method-panel{grid-template-columns:1fr;gap:28px}.method-visual{height:250px}.method-copy h3{font-size:29px}.method-specs{justify-content:space-between}.history{grid-template-columns:1fr;gap:10px;padding:57px 7%}.history h2{font-size:37px}.history-copy{padding-top:20px}.tips-grid{grid-template-columns:1fr;gap:22px}.tips-grid article{position:relative;padding-left:42px}.tip-number{position:absolute;left:0;top:28px}.tips-grid h3{margin-top:0}.ritual-note{margin-top:35px;flex-wrap:wrap;gap:15px}.ritual-note p{font-size:21px;flex:1}.ritual-note a{margin-left:48px}footer{flex-wrap:wrap;padding:30px 0;gap:30px}footer p{width:60%}footer>span{flex:1}.footer-brand{font-size:32px}.desktop-break{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}