@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#151716;--cream:#faf8f5;--muted:#585954;--line:#ded8cf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;color:var(--ink);background:var(--cream);font-family:'DM Sans',Arial,sans-serif}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #63876e;outline-offset:4px}header{height:76px;padding:0 max(5%,calc((100vw - 1280px)/2));display:flex;align-items:center;justify-content:space-between;gap:28px;background:#fcfbf9f5;position:sticky;top:0;z-index:5;border-bottom:1px solid #eee9e3}.brand{display:flex;align-items:center;gap:12px;font-size:21px;letter-spacing:4px;font-weight:700}.brand svg{width:35px;height:45px}.brand small{display:block;font-size:9px;letter-spacing:2px;text-align:center;margin-top:2px}nav{display:flex;gap:30px;font-size:14px}nav a:hover{box-shadow:0 2px currentColor}.pill{display:inline-flex;align-items:center;justify-content:center;gap:16px;border-radius:40px;min-height:49px;padding:12px 26px;font-weight:600;font-size:15px;border:1px solid var(--ink);transition:transform .18s,background .18s}.pill:hover{transform:translateY(-2px)}.dark{background:#191c1a;color:white}.dark:hover{background:#35453a}.outline{background:transparent}.header-order{font-size:13px;min-height:40px;padding:9px 21px}.nav-toggle{display:none}.hero{position:relative;min-height:500px;overflow:hidden;background:#eee8df}.hero-photo{clip-path:inset(0 0 0 48%);position:absolute;inset:0;background-image:url('assets/mockup.png');background-size:max(1536px,100vw) auto;background-position:center -62px;background-repeat:no-repeat}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f7f4ef 0%,#f7f4ef 36%,#f7f4efdd 45%,transparent 65%)}.hero-content{position:relative;z-index:1;max-width:1280px;margin:auto;padding:52px 18px 36px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2px;margin:0 0 18px}h1{font-size:clamp(42px,4.3vw,64px);line-height:1.05;letter-spacing:-2.5px;margin:0 0 20px;font-weight:600}.lead{font-size:18px;line-height:1.55;max-width:475px;color:#444641}.actions{display:flex;gap:18px;margin:26px 0 34px}.qualities{display:flex;gap:30px;font-size:12px}.values{display:grid;grid-template-columns:repeat(3,1fr);padding:32px max(5%,calc((100vw - 1320px)/2));background:#eee9e1}.values article{text-align:center;padding:0 25px;border-right:1px solid #d4ccc0}.values article:last-child{border:0}.line-icon{font-size:35px;line-height:1.2}h3{font-size:18px;margin:8px 0}p{line-height:1.55} .values p{font-size:14px;margin:5px 0;color:#454640}.wrap{max-width:1320px;margin:auto;padding:56px 24px}.menu-intro{display:grid;grid-template-columns:340px 1fr;gap:36px}h2{font-size:38px;font-weight:600;line-height:1.12;letter-spacing:-1.4px;margin:0 0 18px}.section-copy>p:not(.eyebrow){font-size:16px;color:var(--muted);max-width:320px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:start}.category{border:0;background:none;text-align:left;padding:0;color:inherit}.category h3{font-size:15px;margin-top:14px}.category p{font-size:12px;color:var(--muted);margin:7px 0}.food-photo{width:100%;aspect-ratio:1.3;border-radius:12px;background-image:url('assets/mockup.png');background-size:702% auto;background-repeat:no-repeat;transition:transform .25s}.category:hover .food-photo{transform:translateY(-4px)}.coffee{background-position:39.9% 88.2%}.sandwich{background-position:57.5% 88.2%}.bowl{background-position:75.1% 88.2%}.pastry{background-position:92.7% 88.2%}.slow{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:60px}.slow p:last-child{align-self:center;color:var(--muted);font-size:18px;max-width:480px}.catering{max-width:none;background:#e8e3d8;padding-left:max(6%,calc((100vw - 1272px)/2));padding-right:max(6%,calc((100vw - 1272px)/2));display:flex;align-items:center;justify-content:space-between;gap:30px}.catering p{color:var(--muted)}.visit{display:grid;grid-template-columns:1fr 1fr;gap:80px}.visit p{max-width:400px;color:var(--muted)}.hours{background:#f0ece5;border-radius:18px;padding:40px;align-self:center}.tag{display:inline-block;letter-spacing:1.6px;font-size:10px;margin-top:25px;padding-top:20px;border-top:1px solid #d3cbbb}.text-link{background:none;border:0;border-bottom:1px solid;font-weight:600;padding:0 0 5px}.visit .text-link{display:inline-block;margin-top:12px}footer{padding:35px 6%;background:#1c2520;color:#f6f3ec;display:flex;align-items:center;gap:35px;flex-wrap:wrap}footer>small{flex-basis:100%;font-size:11px;color:#c6c9c2}footer p{flex:1}.count:empty{display:none}.count{font-size:11px}dialog{border:0;border-radius:22px;width:min(1080px,94vw);max-height:90vh;padding:30px;background:var(--cream);color:var(--ink)}dialog::backdrop{background:#102015a6;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:start;gap:15px}.dialog-top h2{font-size:32px}.close{border:1px solid var(--line);border-radius:50%;width:38px;height:38px;flex-shrink:0;background:white;font-size:25px}.demo-note,.fine{font-size:12px;color:var(--muted)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.filters button{padding:9px 17px;border:1px solid var(--line);border-radius:24px;background:white}.filters button[aria-pressed=true]{background:#24372b;color:white}.order-layout{display:grid;grid-template-columns:1fr 290px;gap:25px}#items{display:grid;grid-template-columns:1fr 1fr;gap:12px}.item{padding:18px;border:1px solid var(--line);border-radius:13px;background:#fff}.item h3{font-size:16px}.item p{font-size:13px;color:var(--muted);min-height:40px}.item-bottom{display:flex;align-items:center;justify-content:space-between}.add{border:1px solid #bbc7bc;background:#eff3ec;padding:7px 13px;border-radius:20px}aside{background:#eee9e1;padding:20px;border-radius:14px;align-self:start}.cart-row{padding:12px 0;border-bottom:1px solid #d7d0c5;font-size:13px}.quantity{display:flex;gap:12px;align-items:center;margin-top:8px}.quantity button{border:1px solid #c9c3b9;background:white;border-radius:50%;width:26px;height:26px}.total{display:flex;justify-content:space-between;padding:20px 0}#checkout{width:100%;padding:12px}button:disabled{opacity:.4;cursor:default;transform:none}#message-dialog{max-width:530px}label{display:block;font-size:13px;margin:18px 0}input,textarea{display:block;width:100%;border:1px solid #c9c5bc;border-radius:8px;padding:12px;margin-top:7px;background:white}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#24372b;color:white;padding:12px 24px;border-radius:30px;z-index:20;opacity:0;pointer-events:none;transition:opacity .2s}#toast.visible{opacity:1}#confirmation{line-height:1.6;padding:15px 0}@media(min-width:1536px){.hero-photo{background-size:100vw auto;background-position:center -4vw}.hero{min-height:33vw}}@media(max-width:1100px){nav{gap:16px}.hero-content{padding-left:6%}.menu-intro{grid-template-columns:260px 1fr;gap:20px}.category-grid{grid-template-columns:repeat(2,1fr);gap:20px}.food-photo{aspect-ratio:1.3}h2{font-size:34px}}@media(max-width:720px){header{height:68px;padding:0 20px;gap:15px}.brand{font-size:17px}.brand svg{width:27px}.header-order{margin-left:auto;padding:9px 15px;font-size:11px}.nav-toggle{display:block;background:none;border:0;font-size:23px;order:3}nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--cream);padding:24px;flex-direction:column;border-bottom:1px solid var(--line)}nav.open{display:flex}.hero{min-height:680px;display:flex;align-items:end}.hero-photo{clip-path:none;background-size:1160px auto;background-position:100% -47px;bottom:auto;height:310px}.hero:after{background:linear-gradient(0deg,#f7f4ef 0%,#f7f4ef 52%,transparent 70%)}.hero-content{padding:300px 24px 28px;width:100%}h1{font-size:43px;letter-spacing:-1.8px}.lead{font-size:16px}.actions{margin:23px 0;gap:12px}.pill{padding:12px 21px;font-size:14px}.qualities{gap:15px;flex-wrap:wrap;font-size:10px}.values{padding:25px 15px;gap:12px}.values article{padding:0 8px}.values h3{font-size:13px}.values p{font-size:11px}.line-icon{font-size:27px}.wrap{padding:38px 24px}.menu-intro{display:block}.section-copy{margin-bottom:28px}.section-copy>p:not(.eyebrow){max-width:100%}.category h3{font-size:14px}.slow,.visit{grid-template-columns:1fr;gap:15px}.slow p:last-child{font-size:16px}.catering{align-items:start;flex-direction:column;padding:38px 24px}.hours{padding:28px;width:100%}footer{gap:15px;padding:28px 24px}footer p{font-size:13px}dialog{padding:22px 17px}.order-layout{grid-template-columns:1fr}#items{gap:9px}.item{padding:12px}.item p{font-size:12px}.item h3{font-size:14px}.dialog-top h2{font-size:28px}aside{position:static}}

.coffee-story{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--line)}.coffee-story p{color:var(--muted);max-width:520px}.coffee-details{display:grid;gap:14px;margin-top:24px}.coffee-details span{display:block;font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px}.coffee-details strong{display:block;color:var(--ink);margin-bottom:5px;font-size:14px}@media(max-width:720px){.coffee-story{grid-template-columns:1fr;gap:10px}}