*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#f8f3e6;color:#382f22;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #966539;outline-offset:5px}h1,h2,h3,p{margin-top:0}p{line-height:1.8;color:#756954;font-size:15px}h1,h2,h3{font-family:Georgia,serif;font-weight:400;letter-spacing:-2px}.demo-notice{background:#383424;color:#eee6d3;padding:12px 24px;text-align:center;font-size:10px;letter-spacing:.7px}.demo-notice a{text-decoration:underline}header,main,footer{max-width:1240px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:30px 45px;border-bottom:1px solid #ded6c4}.logo{font:44px/.9 Georgia,serif;letter-spacing:-3px}.logo span{display:block;font:7px Arial,sans-serif;letter-spacing:2px;margin-top:12px}nav{display:flex;gap:30px;font-size:12px}.small-button{padding:11px 16px;border:1px solid #6a634d;border-radius:2px;font-size:12px}.cafe-hero{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;padding:60px 45px}.eyebrow{font:9px Arial,sans-serif;letter-spacing:2px;margin-bottom:30px;color:#726343}h1{font-size:64px;line-height:1.03;margin-bottom:27px}h1 em{color:#91663d}h2{font-size:46px;line-height:1.1}h3{font-size:32px}.cafe-button{display:inline-block;padding:17px 22px;background:#454c35;color:#fff9e8;font-size:12px;margin-top:16px}.coffee-scene{aspect-ratio:1;background:#b68e65;position:relative;overflow:hidden;border-radius:160px 160px 3px 3px}.scene-label{position:absolute;top:65px;width:100%;text-align:center;letter-spacing:3px;font-size:8px;color:#54412d}.saucer{width:235px;height:235px;background:#ded4b7;border:10px solid #eae1c9;border-radius:50%;position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);box-shadow:20px 25px 25px #4c352c30;display:grid;place-items:center}.coffee-cup{width:164px;height:164px;border-radius:50%;border:10px solid #f3ecd5;background:#efe8d2;position:relative;box-shadow:4px 7px 10px #40321a30}.coffee-cup:after{content:'';position:absolute;width:39px;height:22px;border:10px solid #ede2c5;border-radius:0 30px 30px 0;right:-47px;top:47px}.coffee-surface{background:#704020;width:100%;height:100%;border:6px solid #a6713b;border-radius:100%;display:grid;place-items:center}.coffee-surface span{font:100px Georgia,serif;color:#e4c692;transform:rotate(-15deg)}.spoon{position:absolute;right:42px;bottom:58px;height:130px;width:9px;background:#c8b899;transform:rotate(20deg);border-radius:10px}.spoon:before{content:'';position:absolute;width:27px;height:40px;background:#dccbab;border-radius:50%;top:-22px;left:-9px}.scene-caption{position:absolute;bottom:28px;left:0;width:100%;text-align:center;font-size:8px;letter-spacing:2px}.cafe-strip{display:flex;justify-content:space-around;gap:12px;align-items:center;background:#e3decc;font-size:10px;letter-spacing:2px;padding:23px}.cafe-strip span{font-size:20px}.cafe-section{padding:75px 45px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.section-heading h2{margin:0}.section-heading p{font-size:12px}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-bottom:30px}.menu-grid article{border-top:1px solid #c7bea8;padding:25px 0}.menu-grid span{font-size:8px;letter-spacing:2px;color:#938464}.menu-grid h3{margin:25px 0 13px}.menu-grid p{font-size:13px;max-width:250px}.menu-grid b{font-size:18px;font-weight:400}.cafe-link{font-size:13px;text-decoration:underline;text-underline-offset:5px}.story{background:#444c35;color:#efe7cf;padding:70px 45px;text-align:center}.story .eyebrow{color:#c0c7a4}.story p{color:#cfd1bb;max-width:580px;margin:25px auto}.story .story-note{font-size:11px;max-width:440px}.visit-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px}.visit-grid p{max-width:380px;font-size:13px}.visit-card{padding:38px;background:#e8dfca}.visit-card .logo{display:block;margin-bottom:34px}.visit-card h3{font-size:28px}.visit-card a{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid #c8baa1;font-size:14px}.visit-card small{display:block;font-size:10px;line-height:1.7;color:#756954;margin-top:20px}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:30px 45px;border-top:1px solid #c8baa1}footer p,footer a{font-size:10px;margin:0}.skip{position:absolute;top:-100px;padding:10px;background:white}.skip:focus{top:0}@media(max-width:750px){header{padding:22px}header .logo{font-size:35px}nav{gap:17px;font-size:11px}header .small-button{display:none}.cafe-hero{grid-template-columns:1fr;padding:40px 22px;gap:30px}h1{font-size:54px}h2{font-size:39px}.coffee-scene{max-width:470px;width:100%;margin:auto}.saucer{width:210px;height:210px}.coffee-cup{width:145px;height:145px}.coffee-cup:after{top:41px}.coffee-surface span{font-size:85px}.spoon{right:27px;bottom:50px;height:105px}.scene-label{top:40px}.cafe-strip{font-size:8px;letter-spacing:.8px;padding:20px 16px}.cafe-strip span{font-size:15px}.cafe-section{padding:48px 22px}.section-heading{display:block}.section-heading>p{margin-top:20px}.menu-grid{grid-template-columns:1fr;gap:8px}.menu-grid article{padding:22px 0}.menu-grid h3{margin:14px 0 10px}.menu-grid p{max-width:none}.story{padding:50px 22px}.visit-grid{grid-template-columns:1fr;gap:35px}.visit-card{padding:28px}footer{padding:28px 22px;flex-wrap:wrap}footer .logo{font-size:35px}footer p{max-width:110px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}