:root{--paper:#f6f0e7;--cream:#fffaf2;--ink:#261c18;--muted:#776b62;--rule:#dcd0c1;--ochre:#d49a32;--clay:#a6503f;--plum:#472d3d;--leaf:#596352;--white:#fffdf9;--max:1200px;--ease:cubic-bezier(.2,.8,.2,1);--display:"Instrument Serif",Georgia,serif;--text:"Space Grotesk",system-ui,-apple-system,sans-serif;--mono:"Azeret Mono",ui-monospace,monospace;--eth:"Noto Sans Ethiopic",var(--text);--r:18px;--r-lg:26px;--r-md:14px;--r-sm:8px;--r-xs:4px;--r-doc:0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 var(--text);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a{color:inherit}.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}.eyebrow{margin:0 0 16px;color:var(--clay);font:700 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}.eyebrow:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ochre);margin-right:9px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:0 22px;border:1px solid var(--ink);border-radius:100px;background:var(--ink);color:#fff;text-decoration:none;font-size:12px;font-weight:700;cursor:pointer;transition:.25s var(--ease)}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #321d1818}.btn.light{background:transparent;color:var(--ink);border-color:#bfb1a2}.btn.gold{background:var(--ochre);border-color:var(--ochre);color:var(--ink)}
.note{height:29px;border-bottom:1px solid var(--rule);display:flex;align-items:center;font:9px var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.note .wrap{display:flex;justify-content:space-between}.note a{text-decoration:none}.header{height:76px;position:sticky;top:0;z-index:20;background:#f6f0e7e9;backdrop-filter:blur(14px);border-bottom:1px solid var(--rule)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand-mark{width:31px;height:31px;position:relative}.brand-mark:before,.brand-mark:after{content:"";position:absolute;border-radius:50% 50% 45% 55%}.brand-mark:before{width:19px;height:26px;left:2px;top:2px;background:var(--ochre);transform:rotate(-29deg)}.brand-mark:after{width:13px;height:20px;right:1px;top:7px;background:var(--clay);transform:rotate(29deg)}.brand b{font:600 24px/1 var(--display);letter-spacing:-.015em}.brand small{display:block;font:8px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.navlinks{display:flex;align-items:center;gap:32px}.navlinks a{text-decoration:none;font-size:12px}.navright{display:flex;gap:9px;align-items:center}.navright .btn{min-height:40px;padding:0 17px}.menu{display:none;border:0;background:none;font-size:23px}
.hero{padding:78px 0 0;overflow:hidden}.hero-copy{text-align:center;max-width:870px;margin:auto}.hero h1{font:400 clamp(58px,7vw,98px)/.91 var(--display);letter-spacing:-.022em;margin:0}.hero h1 em{font-weight:400;color:var(--clay)}.hero .lead{font-size:17px;color:var(--muted);max-width:630px;margin:28px auto}.actions{display:flex;gap:10px;justify-content:center}.trade-art{height:315px;margin-top:30px;position:relative}.trade-art svg{width:100%;height:100%;overflow:visible}.route-label{position:absolute;background:var(--cream);border:1px solid var(--rule);border-radius:var(--r-sm);padding:9px 11px;font:9px var(--mono);letter-spacing:.07em;text-transform:uppercase;box-shadow:0 10px 30px #3d241315}.r1{left:4%;top:121px}.r2{left:45%;top:72px}.r3{right:4%;top:131px}.facts{display:grid;grid-template-columns:1.3fr repeat(3,1fr);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);background:#faf5ed}.facts>div{padding:25px 24px;border-right:1px solid var(--rule)}.facts>div:first-child{padding-left:max(24px,calc((100vw - var(--max))/2))}.facts>div:last-child{border:0}.facts small{display:block;font:9px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.facts b{display:block;margin-top:8px;font:400 17px var(--display)}
.section{padding:118px 0}.title-row{display:grid;grid-template-columns:.76fr 1.24fr;gap:55px;margin-bottom:54px}.title-row h2{font:400 clamp(43px,5vw,70px)/.98 var(--display);letter-spacing:-.018em;margin:0}.title-row .copy{color:var(--muted);max-width:510px;margin:20px 0 0}.cap-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:13px}.card{background:var(--white);border:1px solid var(--rule);border-radius:var(--r-md);padding:36px;position:relative;overflow:hidden;min-height:275px}.card.large{grid-row:span 2;min-height:563px;padding:44px}.card h3{font:400 31px/1 var(--display);margin:0 0 13px;letter-spacing:-.01em}.card p{color:var(--muted);font-size:13px;max-width:410px;margin:0}.card-num{position:absolute;right:26px;top:24px;font:9px var(--mono);color:var(--clay)}.flow-art{height:330px;margin:25px -20px -20px}.flow-art svg{width:100%;height:100%}.mini-ui{height:125px;margin-top:28px;position:relative}.mini-ui .sheet{position:absolute;width:77%;height:105px;border:1px solid var(--rule);border-radius:var(--r-doc);padding:15px;background:#f2eadf;transform:rotate(-3deg)}.mini-ui .sheet:last-child{right:0;top:15px;background:#fff;transform:rotate(2deg);box-shadow:0 16px 30px #35221916}.line{height:5px;background:#ded4c7;border-radius:5px;margin-bottom:8px}.line.short{width:48%}.line.gold{background:var(--ochre);width:24%}
.path{background:var(--plum);color:#fff}.path .eyebrow{color:#e5b650}.path .title-row .copy{color:#c7bac3}.path-box{display:grid;grid-template-columns:245px 1fr;gap:18px}.tabs{display:flex;flex-direction:column;gap:7px}.tab{border:1px solid #6b4e61;background:transparent;color:#c8bac3;border-radius:var(--r-sm);padding:17px 18px;text-align:left;cursor:pointer}.tab small{display:block;font:9px var(--mono);letter-spacing:.08em;margin-bottom:5px}.tab b{font-size:13px}.tab.active{background:var(--cream);color:var(--ink);border-color:var(--cream)}.panel{border:1px solid #6b4e61;border-radius:var(--r-lg);min-height:480px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.panel-copy{padding:46px}.panel-copy h3{font:400 47px/1 var(--display);margin:0 0 17px;letter-spacing:-.015em}.panel-copy p{color:#c7bac3;max-width:410px}.steps{margin-top:30px}.step{display:grid;grid-template-columns:24px 1fr auto;gap:12px;padding:14px 0;border-top:1px solid #694b5f;font-size:11px}.step i{width:9px;height:9px;background:var(--ochre);border-radius:50%;margin-top:4px}.step small{color:#a994a1}.step span:last-child{font:8px var(--mono);color:#d7bdcc;text-transform:uppercase}.quote-stage{background:var(--ochre);display:grid;place-items:center;padding:38px;position:relative}.quote-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#fff2 1px,transparent 1px),linear-gradient(90deg,#fff2 1px,transparent 1px);background-size:32px 32px}.quote{width:min(390px,100%);min-height:390px;background:#fffdf7;color:var(--ink);padding:29px;box-shadow:0 30px 70px #3d261844;position:relative;transform:rotate(1deg)}.quote-head{display:flex;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:18px}.quote-head b{font:700 18px var(--display)}.quote-head small{font:8px/1.5 var(--mono);text-align:right}.quote h4{font:400 28px var(--display);margin:23px 0 4px}.quote>p{font-size:9px;color:var(--muted)}.quote-lines{margin-top:22px}.quote-line{display:grid;grid-template-columns:1fr auto;padding:11px 0;border-bottom:1px solid var(--rule);font-size:9px}.quote-total{display:flex;justify-content:space-between;align-items:end;margin-top:22px;padding-top:16px;border-top:2px solid var(--ink)}.quote-total small{font:8px var(--mono);text-transform:uppercase}.quote-total strong{font:400 24px var(--display)}
.collections{background:#e9dfd2}.collection-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:13px}.coffee-card{min-height:580px;border-radius:var(--r-lg);background:var(--ink);color:#fff;padding:44px;position:relative;overflow:hidden}.coffee-card h3{font:400 50px/.98 var(--display);margin:0 0 16px;letter-spacing:-.015em}.coffee-card p{color:#bfb2ac;max-width:450px}.coffee-art{height:290px;margin-top:20px}.coffee-art svg{width:100%;height:100%}.coffee-score{position:absolute;right:35px;bottom:29px;font:400 72px var(--display);color:var(--ochre)}.other-grid{display:grid;grid-template-rows:1fr 1fr;gap:13px}.category{background:var(--cream);border:1px solid var(--rule);border-radius:var(--r-md);padding:34px;position:relative;overflow:hidden}.category h3{font:400 30px var(--display);margin:0 0 10px}.category p{font-size:12px;color:var(--muted);max-width:360px}.category a{position:absolute;left:34px;bottom:28px;font-size:11px;font-weight:700}.category-mark{position:absolute;right:25px;bottom:18px;width:110px;height:95px}.category-mark svg{width:100%;height:100%}
.visibility{background:var(--paper)}.workspace{display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid var(--rule);border-radius:var(--r-lg);overflow:hidden;background:var(--white);min-height:600px}.workspace-copy{padding:58px;display:flex;flex-direction:column;justify-content:center}.workspace-copy h2{font:400 57px/.98 var(--display);margin:0 0 20px;letter-spacing:-.018em}.workspace-copy p{color:var(--muted)}.checks{list-style:none;padding:0;margin:25px 0 32px;display:grid;gap:13px}.checks li{padding-left:28px;position:relative;font-size:12px}.checks li:before{content:"✓";position:absolute;left:0;color:var(--clay)}.workspace-stage{background:#b7aaa0;display:grid;place-items:center;padding:45px;position:relative}.workspace-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 1px 1px,#fff5 1px,transparent 1px);background-size:20px 20px}.workspace-ui{width:min(470px,100%);background:#f9f5ee;border-radius:var(--r-md);padding:25px;box-shadow:0 30px 70px #38261f3e;position:relative}.ui-head{display:flex;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--rule)}.ui-head b{font:15px var(--display)}.status{font:8px var(--mono);border-radius:30px;background:#dce4d9;color:#495747;padding:6px 9px}.ui-title{font:400 25px var(--display);margin:22px 0 5px}.ui-sub{font-size:9px;color:var(--muted)}.timeline{margin-top:25px}.event{display:grid;grid-template-columns:13px 1fr auto;gap:12px;padding:13px 0;border-bottom:1px solid var(--rule);font-size:10px}.dot{width:9px;height:9px;border-radius:50%;border:2px solid var(--leaf);margin-top:2px}.event.done .dot{background:var(--leaf)}.event.active .dot{background:var(--ochre);border-color:var(--ochre);box-shadow:0 0 0 5px #d49a3223}.event small{color:var(--muted)}
.cta{padding:90px 0}.cta-inner{border-radius:var(--r-lg);background:var(--ochre);min-height:320px;padding:60px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;overflow:hidden}.cta h2{font:400 clamp(45px,5vw,68px)/.95 var(--display);letter-spacing:-.018em;margin:0 0 20px}.cta p{max-width:560px}.cta-art{height:240px}.cta-art svg{width:100%;height:100%}.footer{background:var(--ink);color:#f4ede5;padding:68px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:48px}.footer .brand-mark:before{background:var(--ochre)}.footer .brand b{color:#fff}.footer p{font-size:12px;color:#a99e97;max-width:330px}.footer h4{font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#81756f;margin:4px 0 17px}.footer a{display:block;text-decoration:none;color:#cabfb8;font-size:12px;margin:10px 0}.footer-bottom{display:flex;justify-content:space-between;margin-top:56px;padding-top:18px;border-top:1px solid #493d37;color:#81756f;font:8px var(--mono);letter-spacing:.06em;text-transform:uppercase}
dialog{border:0;padding:0;border-radius:var(--r-lg);width:min(620px,calc(100% - 28px));background:var(--cream);color:var(--ink);box-shadow:0 30px 100px #0007}dialog::backdrop{background:#241915c4;backdrop-filter:blur(5px)}.modal{padding:38px}.modal-head{display:flex;justify-content:space-between;align-items:start}.modal h2{font:400 42px/1 var(--display);margin:0}.close{border:1px solid var(--rule);background:white;border-radius:50%;width:40px;height:40px;font-size:20px;cursor:pointer}.form{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:28px}.field{display:grid;gap:6px}.field.wide{grid-column:1/-1}.field label{font:700 9px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.field input,.field select,.field textarea{width:100%;border:1px solid var(--rule);background:#fff;padding:12px;border-radius:var(--r-sm);color:var(--ink);outline:none}.form-foot{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.form-foot small{max-width:260px;color:var(--muted);font-size:10px}.success{display:none;text-align:center;padding:58px 20px}.success i{width:66px;height:66px;border-radius:50%;background:var(--leaf);color:#fff;display:grid;place-items:center;margin:auto;font-style:normal;font-size:27px}.success h3{font:400 37px var(--display);margin:20px 0 8px}
@media(max-width:900px){.navlinks{display:none}.menu{display:block}.title-row,.panel,.collection-grid,.workspace,.cta-inner{grid-template-columns:1fr}.facts{grid-template-columns:1fr 1fr}.cap-grid{grid-template-columns:1fr}.card.large{grid-row:auto}.path-box{grid-template-columns:1fr}.tabs{display:grid;grid-template-columns:repeat(3,1fr)}.coffee-card{min-height:520px}.workspace-stage{min-height:570px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.wrap{width:min(100% - 28px,var(--max))}.note{display:none}.header{height:66px}.navright .light{display:none}.hero{padding-top:50px}.hero h1{font-size:51px}.trade-art{height:250px}.route-label{display:none}.facts>div{padding:18px 12px!important}.section{padding:82px 0}.title-row{gap:14px}.title-row h2{font-size:43px}.card,.card.large{padding:29px 24px}.tabs{grid-template-columns:1fr}.tab small{display:inline;margin-right:8px}.panel-copy{padding:31px 24px}.panel-copy h3{font-size:39px}.quote-stage{padding:26px 18px}.coffee-card{padding:31px 24px}.coffee-card h3{font-size:41px}.workspace-copy{padding:38px 26px}.workspace-copy h2{font-size:43px}.workspace-stage{padding:35px 18px}.cta-inner{padding:38px 26px}.cta-art{height:175px}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:grid;gap:10px}.form{grid-template-columns:1fr}.field.wide{grid-column:auto}.form-foot{flex-direction:column;align-items:flex-start}.actions{flex-direction:column;align-items:center}}