:root{--c-bg:#fffaf3;--c-bg-alt:#fdf0de;--c-text:#2b1d14;--c-muted:#6b5747;--c-primary:#c2410c;--c-primary-dark:#9a3412;--c-accent:#f59e0b;--c-wa:#25d366;--c-wa-dark:#1da851;--c-card:#fff;--c-border:#f1dfc8;--radius:16px;--shadow:0 6px 24px #783c141a;--font-display:"Fraunces", "Noto Sans JP", Georgia, serif;--font-body:"Nunito Sans", "Noto Sans JP", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background:var(--c-bg);color:var(--c-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.65}h1,h2,h3{font-family:var(--font-display);margin:0 0 .5em;line-height:1.2}img{max-width:100%;display:block}a{color:inherit}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 20px}.header{z-index:20;backdrop-filter:blur(8px);border-bottom:1px solid var(--c-border);background:#fffaf3eb;position:sticky;top:0}.header__inner{align-items:center;gap:24px;height:68px;display:flex}.brand{font-family:var(--font-display);color:var(--c-primary-dark);white-space:nowrap;align-items:center;gap:10px;font-size:1.2rem;font-weight:700;text-decoration:none;display:flex}.nav{gap:22px;margin-left:auto;display:flex}.nav a{color:var(--c-muted);font-weight:600;text-decoration:none}.nav a:hover{color:var(--c-primary)}.lang-switch{border:1px solid var(--c-border);border-radius:999px;flex-shrink:0;display:flex;overflow:hidden}.lang-switch a{color:var(--c-muted);padding:4px 11px;font-size:.8rem;font-weight:700;text-decoration:none}.lang-switch a[aria-current=true]{background:var(--c-primary);color:#fff}.btn{border-radius:999px;align-items:center;gap:10px;padding:13px 24px;font-weight:700;text-decoration:none;transition:transform .15s,background .15s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn--wa{background:var(--c-wa);color:#fff;box-shadow:0 6px 18px #25d36659}.btn--wa:hover{background:var(--c-wa-dark)}.btn--ghost{border:2px solid var(--c-primary);color:var(--c-primary)}.btn--lg{padding:16px 32px;font-size:1.15rem}.hero{background:radial-gradient(circle at 85% 20%, #f59e0b40, transparent 45%), radial-gradient(circle at 10% 90%, #c2410c26, transparent 40%), var(--c-bg-alt);text-align:center;padding:48px 0 104px}.hero__inner{max-width:760px}.hero__logo{filter:drop-shadow(0 8px 20px #783c142e);width:min(290px,70vw);height:auto;margin:0 auto 30px;display:block}.eyebrow{font-family:var(--font-body);color:var(--c-primary-dark);letter-spacing:.04em;background:#c2410c1a;border-radius:999px;margin:0 0 16px;padding:4px 14px;font-size:.85rem;font-weight:700;line-height:1.5;display:inline-block}.hero__title{font-family:var(--font-display);color:var(--c-primary-dark);margin:0 0 20px;font-size:clamp(2.2rem,5.5vw,3.6rem);font-weight:700;line-height:1.2}.hero__subtitle{color:var(--c-muted);max-width:580px;margin:0 auto 32px;font-size:1.15rem}.hero__actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.section{padding:88px 0}.section--alt{background:var(--c-bg-alt)}.section__title{text-align:center;color:var(--c-primary-dark);font-size:clamp(1.8rem,4vw,2.5rem)}.section__subtitle{text-align:center;color:var(--c-muted);margin:0 0 40px}.section__title+.menu-grid{margin-top:32px}.menu-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.card{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden}.card:hover,.card:focus-within{border-color:var(--c-accent);transform:translateY(-6px);box-shadow:0 16px 36px #783c142e}.card__media{aspect-ratio:4/3;background:var(--c-bg-alt);overflow:hidden}.card__media img,.card__placeholder{transition:transform .4s}.card:hover .card__media img,.card:hover .card__placeholder{transform:scale(1.06)}.card__media img{object-fit:cover;width:100%;height:100%}.card__placeholder{height:100%;color:var(--c-muted);background:repeating-linear-gradient(45deg, var(--c-bg-alt), var(--c-bg-alt) 12px, #fbe6cb 12px, #fbe6cb 24px);place-items:center;font-size:.9rem;display:grid}.card__body{flex-direction:column;flex:1;padding:18px 20px 20px;display:flex}.card__head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.card__body h3{margin:0;font-size:1.25rem}.card__weight{background:var(--c-bg-alt);color:var(--c-primary-dark);border-radius:999px;flex-shrink:0;padding:2px 10px;font-size:.8rem;font-weight:700}.card__body p{color:var(--c-muted);flex:1;margin:0 0 16px;font-size:.95rem}.card__body .card__price{font-family:var(--font-display);color:var(--c-primary);flex:none;margin:-8px 0 14px;font-size:1.15rem;font-weight:700}.card__cta{color:var(--c-wa-dark);align-self:flex-start;align-items:center;gap:6px;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.card__cta:after{content:"";position:absolute;inset:0}.card__cta:focus-visible{outline:none}.card:has(.card__cta:focus-visible){outline:3px solid var(--c-accent);outline-offset:2px}.card:hover .card__cta{text-decoration:underline}.price-tag{text-align:center;border:2px dashed var(--c-accent);border-radius:var(--radius);background:var(--c-card);max-width:520px;margin:-16px auto 36px;padding:16px 24px}.price-tag__list{flex-wrap:wrap;justify-content:center;gap:16px 40px;margin:0;display:flex}.price-tag__item dt{color:var(--c-primary-dark);font-size:.85rem;font-weight:700}.price-tag__value{font-family:var(--font-display);color:var(--c-primary);margin:0;font-size:clamp(1.6rem,4vw,2rem);font-weight:700}.price-tag__detail{margin:0}.price-tag__list+.price-tag__detail{margin-top:8px}.price-tag__detail{color:var(--c-muted);font-size:.9rem}.menu-note{text-align:center;color:var(--c-muted);margin:20px 0 0;font-size:.85rem}.delivery{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;max-width:880px;margin:40px auto 0;display:grid}.delivery__card{border-radius:var(--radius);background:var(--c-card);border:1px solid var(--c-border);padding:28px 24px}.delivery__card h3{color:var(--c-primary-dark);font-size:1.3rem}.delivery__card p{margin:0 0 12px}.delivery__label{letter-spacing:.06em;text-transform:uppercase;color:var(--c-muted);font-size:.8rem;font-weight:700}.delivery__address{font-size:1.1rem;font-style:normal;font-weight:700}.delivery__address span{display:block}.delivery__romaji{color:var(--c-muted);font-size:.9rem;font-weight:400}.delivery__map{color:var(--c-primary);margin-top:12px;font-weight:700;display:inline-block}.delivery__note{text-align:center;color:var(--c-muted);margin:24px 0 0}.about{text-align:center;max-width:720px;font-size:1.1rem}.steps{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin:40px 0 0;padding:0;list-style:none;display:grid}.step{text-align:center;border-radius:var(--radius);background:var(--c-card);border:1px solid var(--c-border);padding:28px 24px}.step__num{background:var(--c-accent);color:#fff;width:48px;height:48px;font-family:var(--font-display);border-radius:50%;place-items:center;margin-bottom:12px;font-size:1.3rem;font-weight:700;display:inline-grid}.step h3{font-size:1.2rem}.step p{color:var(--c-muted);margin:0}.contact{background:var(--c-primary-dark);color:#fff;text-align:center}.contact .section__title{color:#fff}.contact__inner>p{opacity:.9;margin:0 0 28px}.contact__inner>.contact__phone{margin:24px 0 0}.contact__phone a{font-weight:700}.contact__address{margin-top:8px;font-style:normal}.contact__address a{font-weight:700}.contact__romaji{opacity:.8;font-size:.9rem;display:block}.contact__map{aspect-ratio:1;border:0;border-radius:12px;width:100%;max-width:450px;margin:20px auto 0;display:block}.footer{text-align:center;color:var(--c-muted);padding:24px 0;font-size:.85rem}.footer p{margin:0}.wa-float{z-index:30;background:var(--c-wa);color:#fff;border-radius:50%;place-items:center;width:60px;height:60px;transition:transform .15s;display:grid;position:fixed;bottom:20px;right:20px;box-shadow:0 8px 24px #0003}.wa-float:hover{transform:scale(1.08)}@media (width<=820px){.nav{display:none}.lang-switch{margin-left:auto}.hero{padding:28px 0 72px}.section{padding:64px 0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.wa-float,.card,.card__media img,.card__placeholder{transition:none}.card:hover,.card:focus-within,.card:hover .card__media img,.card:hover .card__placeholder{transform:none}}
