:root{font-family:system-ui,-apple-system,'Hiragino Kaku Gothic ProN',sans-serif;color:#243e35;background:#f8f3e9;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit}a:focus-visible{outline:3px solid #a35431;outline-offset:4px}.skip{position:absolute;left:1rem;top:-4rem;z-index:5;padding:.6rem;background:white}.skip:focus{top:1rem}.notice{padding:.5rem 1rem;text-align:center;background:#2a453c;color:#fff;font-size:.76rem;letter-spacing:.04em}.header{max-width:1200px;margin:auto;padding:1.4rem 4vw;display:flex;justify-content:space-between;align-items:center;gap:1rem}.brand{text-decoration:none;font-family:serif;font-size:1.6rem;font-weight:700;white-space:nowrap}.brand span{display:block;font-family:sans-serif;font-size:.58rem;font-weight:400;letter-spacing:.18em}.header nav{display:flex;gap:1.5rem;font-size:.83rem}.header nav a{text-decoration:none;border-bottom:1px solid transparent}.header nav a:hover{border-color:currentColor}.hero{max-width:1200px;margin:auto;min-height:590px;padding:3rem 4vw 5rem;display:grid;grid-template-columns:1.1fr .9fr;gap:4vw;align-items:center}.eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.21em}.hero h1,.about h2,.menu h2{font-family:serif;font-weight:500;letter-spacing:-.045em}.hero h1{font-size:clamp(3rem,6vw,5.8rem);line-height:1.35;margin:1.2rem 0}.hero p{max-width:30rem;line-height:2;color:#57655e}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3.4rem;margin-top:1.3rem;padding:.8rem 1.6rem;border-radius:999px;text-decoration:none;background:#2a453c;color:#fff;font-weight:700;font-size:.85rem}.button:hover{background:#496b5d}.hero-art{min-height:440px;position:relative;overflow:hidden;border-radius:45% 45% 8px 8px;background:radial-gradient(circle at 38% 25%,#e3cdb1 0 7%,transparent 7.3%),linear-gradient(145deg,#bda58d,#e8d9c1 55%,#c9ad8d)}.hero-art:before{content:"";position:absolute;left:8%;right:8%;bottom:12%;height:16%;border-radius:50%;background:#867763;filter:blur(25px);opacity:.5}.cup{position:absolute;left:29%;top:28%;width:47%;height:43%;border-radius:8% 8% 40% 40%;background:linear-gradient(110deg,#f8f1e5,#d9c5aa 60%,#fdf7ee);box-shadow:12px 16px 20px #574c3b36}.cup:before{content:"";position:absolute;top:-10%;left:0;width:100%;height:23%;border-radius:50%;background:radial-gradient(ellipse,#5a3d2c 0 49%,#f1e7d7 52% 68%,#d7c2a5 70%)}.cup:after{content:"";position:absolute;right:-31%;top:16%;height:48%;width:31%;border:17px solid #ede2d1;border-left:0;border-radius:0 50% 50% 0}.cup i{position:absolute;left:32%;bottom:24%;width:38%;height:13%;border-radius:50%;background:#e9ddcb}.saucer{position:absolute;left:22%;bottom:22%;width:63%;height:11%;border-radius:50%;background:#f0e6d7;box-shadow:0 10px 10px #6255423d}.about{padding:7rem 4vw;text-align:center;background:#e7e4d7}.about h2{font-size:clamp(2.1rem,4vw,3.5rem);margin:.9rem 0}.about>p:last-child{max-width:36rem;margin:auto;line-height:2;color:#58665e}.menu{max-width:1200px;margin:auto;padding:7rem 4vw 9rem;display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw}.menu h2{font-size:clamp(2rem,3.5vw,3.2rem);line-height:1.4}.menu-list article{display:flex;align-items:start;gap:1.2rem;padding:1.5rem 0;border-bottom:1px solid #b9c1b5}.menu-list article>span{color:#85968a;font-size:.75rem}.menu-list article div{flex:1}.menu-list h3{font-family:serif;font-size:1.35rem;margin:0}.menu-list p{margin:.4rem 0 0;color:#68766b;font-size:.78rem}.menu-list b{font-size:.9rem}footer{padding:2rem 4vw;text-align:center;background:#2a453c;color:#eee5d8;font-size:.75rem}@media(max-width:700px){.header nav{gap:.7rem;font-size:.7rem}.hero{grid-template-columns:1fr;padding:2.5rem 6vw 3rem;gap:2rem;min-height:0}.hero h1{font-size:3.2rem}.hero-art{min-height:340px}.about{padding:5rem 6vw}.menu{padding:5rem 6vw;grid-template-columns:1fr;gap:1rem}.notice{font-size:.63rem}}@media(max-width:390px){.brand{font-size:1.35rem}.header nav a{font-size:.66rem}.hero h1{font-size:2.8rem}}