:root{color-scheme:light;--paper:#f0ece3;--ink:#253c30;--muted:#586457;--line:#c1c7b6}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}a{color:inherit}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #9a481c;outline-offset:5px}a,button{-webkit-tap-highlight-color:transparent}main,header{width:min(1120px,calc(100% - 48px));margin:auto}.skip{position:absolute;left:20px;top:-100px;background:white;padding:15px;z-index:10}.skip:focus{top:10px}.demo-banner{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 32px;padding:12px 24px;background:var(--ink);color:#f3f1e8;font-size:12px;line-height:1.6}.demo-banner a{padding-block:6px;text-underline-offset:4px}.demo-banner strong{font-size:10px;letter-spacing:.08em}.cafe-header{display:flex;justify-content:space-between;align-items:center;padding-block:30px;gap:24px;border-bottom:1px solid var(--line)}.brand{font-size:22px;font-weight:bold;letter-spacing:.08em;text-decoration:none}.brand span{font-size:12px;font-weight:normal}nav{display:flex;gap:24px}nav a{font-size:14px;padding-block:14px;text-decoration:none}.cafe-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:72px;align-items:center;padding-block:78px 90px}.eyebrow,.menu-number{font-size:11px;font-weight:bold;letter-spacing:.13em;line-height:1.6;margin:0 0 20px}h1,h2,h3{font-family:Georgia,serif;font-weight:normal}h1{font-size:clamp(48px,6.8vw,84px);line-height:1;letter-spacing:-.055em;margin:0 0 26px}h2{font-size:clamp(34px,4vw,48px);line-height:1.1;letter-spacing:-.04em;margin:0 0 22px}h3{font-size:26px;margin:20px 0}p{line-height:1.7;color:var(--muted);font-size:16px}.cafe-hero>div>p:not(.eyebrow){max-width:450px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:17px 23px;min-height:48px;border:0;border-radius:6px;background:var(--ink);color:#f0ece3;font-weight:bold;font-size:14px;text-decoration:none;cursor:pointer}.button[hidden]{display:none}.small{font-size:11px!important}.cafe-art{min-height:390px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:28px;border-radius:45% 45% 10px 10px;background:#d6ddc9;overflow:hidden;padding:40px}.cafe-art p{text-align:center;font-size:11px;letter-spacing:.16em;line-height:1.7;color:var(--ink)}.saucer{width:210px;height:210px;border-radius:50%;background:#e6e1d4;display:grid;place-items:center;box-shadow:14px 20px 22px #253c3025,inset 0 0 0 12px #eee9de}.cup{position:relative;width:136px;height:136px;border-radius:50%;background:#f3eee1;display:grid;place-items:center;box-shadow:8px 8px 10px #253c3035}.cup:after{content:'';position:absolute;right:-29px;top:51px;width:33px;height:23px;border:9px solid #f3eee1;border-radius:12px;z-index:0}.coffee{width:110px;height:110px;border-radius:50%;background:radial-gradient(ellipse at 38% 35%,#d3ad76 0 9%,#c18c50 10% 15%,#594029 17% 67%,#ab7944 69% 75%,#694329 76%);border:4px solid #c2bba7}.menu-section,.visit-section{border-top:1px solid var(--line);padding-block:66px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px}.section-head>p{font-size:12px}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:28px}.menu-grid article{padding:28px;border:1px solid var(--line);border-radius:10px}.menu-number{color:var(--muted)}dl{margin:0}dl>div{display:flex;justify-content:space-between;gap:24px;padding:19px 0;border-top:1px solid var(--line)}dt{font-weight:bold;font-size:15px}dt small{display:block;font-weight:normal;font-size:12px;line-height:1.5;margin-top:6px;color:var(--muted)}dd{margin:0;white-space:nowrap;font-size:15px}.visit-section{display:grid;grid-template-columns:1fr 1fr;gap:72px}.visit-section>div>p{max-width:420px}.visit-details{display:grid;gap:16px}.visit-details h3{font:700 13px Arial,sans-serif;margin:0 0 6px}.visit-details p{font-size:14px;margin:0}.consult-section{text-align:center;padding:70px 30px;margin-bottom:70px;background:#d6ddc9;border-radius:12px}.consult-section p{max-width:540px;margin:0 auto 24px}footer{background:var(--ink);padding:42px 24px 50px;text-align:center;color:#f3f1e8}footer strong{font-size:14px}footer p{font-size:14px;color:#c6d1bf}footer a{display:inline-block;min-height:44px;padding:14px 0;text-underline-offset:5px;font-weight:bold;font-size:14px}dialog{border:1px solid var(--line);border-radius:16px;padding:0;background:var(--paper);color:var(--ink);width:min(540px,calc(100% - 32px));max-height:90vh}dialog::backdrop{background:#13261caa}.dialog-body{padding:32px}.dialog-body h2{font-size:32px}.dialog-body p{font-size:14px}.message{padding:20px;border-radius:12px;background:#d6ddc9;color:var(--ink)}
@media(max-width:720px){main,header{width:calc(100% - 40px)}.cafe-header{gap:16px;flex-wrap:wrap;padding-block:20px}nav{gap:24px}.cafe-hero{grid-template-columns:1fr;gap:34px;padding-block:44px 48px}.cafe-art{min-height:280px;padding:28px;max-width:440px;width:100%;border-radius:120px 120px 10px 10px}.saucer{width:170px;height:170px}.cup{transform:scale(.85)}.cafe-art p{margin:0}.section-head{display:block}.menu-grid{grid-template-columns:1fr;gap:18px}.menu-grid article{padding:24px}.visit-section{grid-template-columns:1fr;gap:24px}.menu-section,.visit-section{padding-block:44px}.consult-section{padding:40px 22px;margin-bottom:44px}.demo-banner{justify-content:flex-start;gap:0 24px}.dialog-body{padding:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}