:root{--y:#ffc72c;--y2:#fdcb2e;--k:#1a1a1a;--k2:#262626;--ink:#1a1a1a;--mute:#5f5a52;--bg:#fffdf6;--card:#fff;--line:#efe6cc;--acc:#e8541c}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}
body{margin:0;font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg)}
a{color:#b35d00}img{max-width:100%;height:auto}.wrap{max-width:1100px;margin:0 auto;padding:0 16px}
.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px;background:var(--k);color:#fff;border-bottom:3px solid var(--y)}
.brand{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-weight:900;font-size:1.15rem;letter-spacing:.02em;text-transform:uppercase}.brand img{border-radius:50%;background:var(--y)}
.main{display:flex;gap:16px}.main a{color:#fff;text-decoration:none;font-weight:700}.main a:hover{color:var(--y)}
.soc{display:flex;align-items:center;gap:8px}.ico{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:var(--y);color:var(--k)}
.call{background:var(--y);color:var(--k);padding:8px 14px;border-radius:999px;text-decoration:none;font-weight:800}
.hero{background:var(--y);color:var(--k);overflow:hidden}
.hero-in{display:grid;gap:18px;padding-top:30px;padding-bottom:30px}
.kicker{text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:800;margin:0}
h1{font-size:clamp(2.1rem,7.5vw,3.6rem);line-height:1.05;margin:.25em 0;font-weight:900}.lead{font-size:1.08rem;max-width:36em}
.svc{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0}.svc span{background:var(--k);color:var(--y);padding:5px 12px;border-radius:999px;font-weight:700;font-size:.88rem}
.cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.btn{display:inline-block;padding:13px 18px;border-radius:10px;background:var(--k);color:var(--y);font-weight:900;text-decoration:none}.btn.ghost{background:transparent;color:var(--k);border:2px solid var(--k)}
.open{display:inline-block;margin-top:14px;padding:4px 12px;border-radius:999px;background:var(--k);font-weight:700;font-size:.9rem}.open.on{color:#7dffa4}.open.off{color:#ffd28a}
.hero-img img{display:block;width:100%;border-radius:18px;box-shadow:0 14px 30px rgba(0,0,0,.25);aspect-ratio:1/1;object-fit:cover}
.sec{font-size:1.8rem;font-weight:900;margin:44px 0 14px;display:flex;align-items:center;gap:10px}.sec:before{content:"";width:10px;height:28px;background:var(--y);border-radius:3px;box-shadow:4px 0 0 var(--k)}
.tabs{position:sticky;top:63px;z-index:5;display:flex;gap:8px;overflow-x:auto;padding:10px 0;background:var(--bg);scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}
.tabs a{flex:0 0 auto;padding:7px 14px;border-radius:999px;background:var(--k);color:var(--y);text-decoration:none;font-weight:700;font-size:.9rem}
.cat h3{font-size:1.3rem;margin:26px 0 10px;background:var(--k);color:var(--y);display:inline-block;padding:4px 12px;border-radius:8px}
.cat ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.cat li{background:var(--card);border:1px solid var(--line);border-left:5px solid var(--y);border-radius:12px;padding:12px 14px}
.r{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.r h4{margin:0;font-size:1.02rem}
.p{font-weight:900;color:var(--k);background:var(--y);padding:1px 8px;border-radius:6px;white-space:nowrap}.cat p{margin:4px 0 0;color:var(--mute);font-size:.95rem}.cat small{color:#6b645a;font-size:.78rem}
.note{color:var(--mute);font-size:.85rem;margin-top:22px}
.big-p{font-size:1.12rem}.about-grid{display:grid;gap:18px}
.facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.facts li{background:var(--k);color:#fff;border-radius:12px;padding:14px;text-align:center}.facts b{display:block;font-size:1.3rem;color:var(--y)}.facts span{color:#ddd;font-size:.88rem}
.poem{margin:22px 0 0;background:var(--y);border-radius:16px;padding:20px 22px;font-size:1.2rem;font-weight:700;font-style:italic;position:relative}.poem:before{content:"“";position:absolute;top:-18px;left:14px;font-size:4.5rem;line-height:1;color:var(--k)}.poem p{margin:0}
.gal{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.gal img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px;background:#eee}
.grid{display:grid;gap:14px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px}.card h3{margin:0 0 8px}
address{font-style:normal}.hours th{text-align:left;padding-right:18px;font-weight:600}.big{font-size:1.35rem;font-weight:900;text-decoration:none;color:var(--k)}
.mute{color:var(--mute);font-size:.88rem}.how{margin-top:14px}.how ul{margin:0;padding-left:18px}.how li{margin:6px 0}
.store{display:block;margin-top:14px;width:100%;max-height:360px;object-fit:cover;border-radius:14px}
.map{margin-top:14px;border-radius:14px;overflow:hidden;border:3px solid var(--k);aspect-ratio:4/3;background:#eee}.map iframe{width:100%;height:100%;border:0;display:block}
.sbtn{display:flex;flex-wrap:wrap;gap:8px}.btn-fb,.btn-ig{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:10px;color:#fff;text-decoration:none;font-weight:800}.btn-fb,.foot .btn-fb{background:#0b5fcc;color:#fff}.foot .btn-ig{color:#fff}.btn-ig{background:linear-gradient(45deg,#c2410c,#b91c47,#9d1572)}
.follow-grid{display:grid;gap:16px}.fbbox{max-width:500px;width:100%;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;min-height:200px}.fbbox iframe{border:0;width:100%;max-width:500px;height:600px;display:block}
.foot{margin-top:50px;padding:26px 0 90px;background:var(--k);color:#ddd;font-size:.9rem;border-top:4px solid var(--y)}.foot a{color:var(--y)}.flogo{border-radius:50%;display:block;margin-bottom:12px}.fnav{margin:12px 0 6px}
.fab{position:fixed;right:14px;bottom:14px;z-index:30;background:var(--k);color:var(--y);border:2px solid var(--y);padding:12px 18px;border-radius:999px;font-weight:900;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.3)}
@media(max-width:719px){.main{display:none}.call{display:none}.brand span{font-size:1rem}}
.mnav{display:none;position:sticky;top:63px;z-index:19;background:var(--y);justify-content:space-around;padding:7px 0;border-bottom:2px solid var(--k)}.mnav a{color:var(--k);font-weight:800;text-decoration:none;font-size:.95rem}
@media(min-width:720px){.hero-in{grid-template-columns:1.1fr .9fr;align-items:center;padding-top:44px;padding-bottom:44px}.cat ul{grid-template-columns:1fr 1fr}.grid{grid-template-columns:repeat(3,1fr)}.about-grid{grid-template-columns:3fr 2fr;align-items:start}.gal{grid-template-columns:repeat(4,1fr)}.map{aspect-ratio:16/7}.follow-grid{grid-template-columns:1fr 1fr;align-items:start}.fab{display:none}.foot{padding-bottom:26px}.tabs{top:63px}}
@media(max-width:719px){.tabs{top:101px}html{scroll-padding-top:110px}}
@media(max-width:719px){.mnav{display:flex}}
.summary{margin-top:22px}.summary p{background:#fff;border:1px solid var(--line);border-left:6px solid var(--k);border-radius:12px;padding:14px 16px;margin:0;font-size:1.02rem}
.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:8px 0}.faq summary{font-weight:800;cursor:pointer}.faq details p{margin:8px 0 0;color:var(--mute)}
picture{display:contents}
