@font-face{font-family:DoushiSerif;src:local("Songti SC"),local("STSong"),local("Noto Serif CJK SC")}:root{--paper:#f8f6f0;--paper-deep:#ede8dd;--ink:#111;--muted:#6f6b63;--line:#d8d2c8;--yellow:#ffc500}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Helvetica Neue,Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.site{max-width:1680px;margin:0 auto;background:radial-gradient(circle at 78% 4%,rgba(255,197,0,.08),transparent 26%),linear-gradient(180deg,#fbfaf6 0%,var(--paper) 100%);min-height:100vh;border-left:1px solid var(--line);border-right:1px solid var(--line)}.nav{height:82px;padding:0 56px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;background:#f8f6f0e0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:inline-flex;flex-direction:column;gap:2px}.brand-mark{font-family:DoushiSerif,serif;font-size:28px;letter-spacing:.1em}.brand-sub{font-size:12px;letter-spacing:.12em;color:var(--muted)}.nav-links{display:flex;gap:42px;font-size:14px}.nav-links a:hover{color:#8b6b00}.nav-cta{justify-self:end;background:var(--yellow);padding:12px 22px;border-radius:2px;font-size:14px;font-weight:600}.hero{display:grid;grid-template-columns:44% 56%;min-height:720px;border-bottom:1px solid var(--line)}.hero-copy{padding:112px 56px}.eyebrow{font-family:Georgia,serif;font-size:22px;margin:0 0 22px}h1{font-family:DoushiSerif,serif;font-size:clamp(72px,10vw,128px);line-height:.9;font-weight:400;margin:0 0 22px;letter-spacing:.02em}.hero h2{font-family:DoushiSerif,serif;font-size:32px;font-weight:400;margin:0 0 26px}.lead{max-width:470px;color:#27231e;font-size:17px}.hero-actions{display:flex;gap:18px;margin-top:42px}.button{min-width:150px;padding:14px 22px;border:1px solid var(--ink);text-align:center;border-radius:2px}.button.primary{background:var(--yellow);border-color:var(--yellow);font-weight:700}.button.ghost{background:transparent}.hero-image{position:relative;overflow:hidden;background:radial-gradient(circle at 58% 26%,rgba(0,0,0,.16),transparent 2px),linear-gradient(135deg,#fff3,#00000008)}.hero-image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 62% 34%,rgba(0,0,0,.08),transparent 12%),linear-gradient(18deg,transparent 0 46%,rgba(121,91,58,.35) 46% 62%,transparent 62%)}.cup{width:260px;height:190px;border-radius:42% 42% 52% 52%;background:#d6cec0;position:absolute;top:180px;left:34%;box-shadow:inset 0 18px #1b120d,0 28px 55px #0000002e}.cup:after{content:"";position:absolute;right:-70px;top:52px;width:78px;height:78px;border:16px solid #d6cec0;border-left:0;border-radius:0 50% 50% 0}.book{position:absolute;width:360px;height:230px;right:8%;bottom:80px;background:#ffffffa6;transform:rotate(8deg);border-radius:6px;box-shadow:0 22px 60px #0000001f}.beans span{position:absolute;width:24px;height:36px;border-radius:50%;background:#4b3020;transform:rotate(70deg)}.beans span:nth-child(1){left:36%;bottom:170px}.beans span:nth-child(2){left:42%;bottom:138px}.beans span:nth-child(3){left:30%;bottom:118px}.story-grid{display:grid;grid-template-columns:1.2fr 1.2fr .9fr;border-bottom:1px solid var(--line)}.story-copy,.why{padding:64px 56px}.story-copy h2,.section-title h2,.feature-block h2,.principles h2,.design-system h2,.roadmap h2,.join h2{font-family:Georgia,Times New Roman,serif;font-size:42px;font-weight:400;margin:0 0 30px}.quiet-list{list-style:none;padding:0;margin:32px 0 0;color:#2a2620}.model{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line);border-right:1px solid var(--line)}.model-item{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;text-align:center;padding:50px 24px}.model-item+.model-item{border-left:1px solid var(--line)}.why{background:#ffffff75}.why h3{font-size:24px;margin-top:0}.why p{color:var(--muted)}.product-strip{display:grid;grid-template-columns:1.1fr repeat(6,1fr);border-bottom:1px solid var(--line);min-height:170px}.section-title,.feature-icon{padding:44px 34px;border-right:1px solid var(--line)}.section-title h2{font-size:36px;margin:0}.section-title span,.accent-line{display:block;width:32px;height:3px;background:var(--yellow);margin-top:18px}.feature-icon h3{margin:14px 0 3px}.feature-icon p{color:var(--muted);font-size:13px;margin:0}.icon-shape{width:50px;height:50px;display:inline-block;position:relative}.icon-shape.bean{border:2px solid var(--ink);border-radius:50%;transform:rotate(24deg)}.icon-shape.bean:after{content:"";position:absolute;left:22px;top:5px;width:2px;height:40px;background:var(--ink);border-radius:50%}.icon-shape.brew:before{content:"";position:absolute;top:8px;right:9px;bottom:18px;left:9px;border:2px solid var(--ink);border-top:0;clip-path:polygon(0 0,100% 0,72% 100%,28% 100%)}.icon-shape.brew:after{content:"";position:absolute;left:10px;right:10px;bottom:8px;height:2px;background:var(--ink)}.icon-shape.being:before{content:"";position:absolute;left:13px;top:5px;width:24px;height:24px;border:2px solid var(--ink);border-radius:50%}.icon-shape.being:after{content:"";position:absolute;left:5px;right:5px;bottom:5px;height:22px;border:2px solid var(--ink);border-top:0;border-radius:0 0 26px 26px}.icon-shape.pod{border:2px solid var(--ink);border-radius:18px}.icon-shape.pod:before{content:"";position:absolute;left:12px;right:12px;top:15px;height:2px;background:var(--ink)}.icon-shape.trail:before{content:"";position:absolute;top:4px;right:12px;bottom:9px;left:12px;border:2px solid var(--ink);border-radius:50% 50% 50% 0;transform:rotate(-45deg)}.icon-shape.trail:after{content:"";position:absolute;left:22px;top:18px;width:8px;height:8px;background:var(--ink);border-radius:50%}.icon-shape.market{border:2px solid var(--ink);border-radius:4px}.icon-shape.market:before{content:"";position:absolute;left:10px;right:10px;top:-10px;height:18px;border:2px solid var(--ink);border-bottom:0;border-radius:12px 12px 0 0}.split{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.split.reverse article{order:2}.feature-block article{padding:80px 56px}.number{font-family:Georgia,serif;margin:0 0 8px;color:var(--muted)}.feature-block h2{font-size:24px;margin:10px 0 18px}.feature-block h3{font-family:DoushiSerif,serif;font-weight:400;font-size:clamp(34px,4vw,58px);line-height:1.15;margin:0 0 24px}.feature-block p{max-width:440px;color:var(--muted)}.text-link{display:inline-block;margin-top:26px;border-bottom:1px solid var(--ink)}.phone{width:360px;min-height:640px;margin:64px auto;padding:34px 22px 24px;background:#fbfaf7;border:8px solid #111;border-radius:48px;box-shadow:0 28px 60px #0000002e;position:relative}.phone-top{width:112px;height:22px;background:#111;border-radius:0 0 16px 16px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone h4{margin:18px 0 20px;font-size:22px}.tabs{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:12px}.bean-row{background:#fff;border:1px solid var(--line);border-radius:14px;margin-top:14px;padding:16px;position:relative}.bean-row b,.bean-row small{display:block}.bean-row small{color:var(--muted);margin-top:4px}.bean-row em{position:absolute;top:16px;right:16px;background:var(--paper-deep);font-style:normal;font-size:12px;padding:4px 8px;border-radius:12px}.bean-row.active em{background:var(--yellow)}.field{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line)}.field span{color:var(--muted)}.phone-button{width:100%;margin-top:24px;background:#111;color:#fff;border:0;padding:15px;border-radius:4px}.feed-head{display:flex;gap:38px;justify-content:center;margin:18px 0 22px}.feed-head span:last-child{border-bottom:3px solid var(--yellow)}.post{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.avatar{width:38px;height:38px;border-radius:50%;background:#222;margin-bottom:12px}.post-photo{height:160px;background:linear-gradient(135deg,#ddd5c8,#726456);border-radius:12px;margin:16px 0}.beanpod{border:1px solid var(--line);border-radius:12px;padding:14px}.beanpod b,.beanpod small{display:block}.beanpod small{color:var(--muted);margin-top:4px}.cafe-card{width:min(560px,88%);margin:80px auto;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 24px 70px #00000014}.map{height:320px;background:linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.05) 1px,transparent 1px);background-size:60px 60px;position:relative}.map span{position:absolute;width:20px;height:20px;background:#111;border-radius:50% 50% 50% 0;transform:rotate(-45deg)}.cafe-info{padding:28px}.cafe-info h3{margin:0 0 6px;font-size:26px}.cafe-info p{color:var(--muted)}.thumbs{display:flex;gap:10px;margin-top:18px}.thumbs span{height:60px;flex:1;background:var(--paper-deep);border-radius:8px}.principles,.design-system{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.principles>div,.principle,.design-system>div{padding:46px 34px;border-right:1px solid var(--line)}.principle h3{margin-top:0;font-size:20px}.principle p,.lead-small{color:var(--muted)}.bracket-logo{width:160px;height:90px;margin:24px 0;position:relative}.bracket-logo:before,.bracket-logo:after{content:"";position:absolute;top:0;width:38px;height:90px;border-radius:50%}.bracket-logo:before{left:0;border-left:12px solid #111}.bracket-logo:after{right:0;border-right:12px solid #111}.bracket-logo span{position:absolute;left:70px;top:32px;width:24px;height:32px;background:#111;border-radius:50%;transform:rotate(25deg)}.swatches{display:flex;gap:10px;margin:24px 0}.swatches span{width:42px;height:42px;border:1px solid var(--line)}.ink{background:#111}.grey{background:#aaa59c}.paper{background:#f8f6f0}.yellow{background:var(--yellow)}.roadmap{padding:70px 56px;border-bottom:1px solid var(--line)}.timeline{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #111;margin-top:40px}.roadmap-item{position:relative;padding:28px 18px 0 0}.roadmap-item:before{content:"";position:absolute;top:-6px;left:0;width:12px;height:12px;background:#111;border-radius:50%}.roadmap-item:first-child:before{background:var(--yellow);box-shadow:0 0 0 3px #111}.roadmap-item span{font-weight:700}.roadmap-item h3{margin:10px 0 6px}.roadmap-item p{color:var(--muted);font-size:13px}.join{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:76px 56px;border-bottom:1px solid var(--line)}.join p{max-width:640px;color:var(--muted)}.join-form{align-self:center;display:flex;border:1px solid var(--ink);max-width:520px;margin-left:auto;width:100%}.join-form input{flex:1;border:0;background:#fff;padding:18px;font-size:16px}.join-form button{width:150px;background:var(--yellow);border:0;font-weight:700}.footer{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding:50px 56px}.footer strong{font-family:DoushiSerif,serif;font-size:26px}.footer p{color:var(--muted)}.footer-links{display:grid;gap:8px}.copyright{justify-self:end;align-self:end;font-size:13px}@media(max-width:980px){.nav{grid-template-columns:1fr auto;padding:0 24px}.nav-links{display:none}.hero,.story-grid,.split,.join,.footer{grid-template-columns:1fr}.hero-copy{padding:72px 28px}.hero-image{min-height:420px}.product-strip{grid-template-columns:repeat(2,1fr)}.section-title{grid-column:span 2}.principles,.design-system{grid-template-columns:1fr}.timeline{grid-template-columns:1fr;gap:26px}.phone{width:320px;min-height:590px}.footer{padding:40px 28px}.copyright{justify-self:start}}