@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Serif+JP:wght@500;700&display=swap');:root{--bg:#100f0e;--panel:#1b1916;--gold:#e7b95b;--cream:#f6efdf;--red:#ac2523}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font-family:'DM Sans',Arial,sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}header{position:sticky;top:0;z-index:20;background:#0b0b0bed;border-bottom:1px solid #a78b4d55;backdrop-filter:blur(12px)}.nav{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:10px 22px;gap:18px}.brand img{width:225px;max-height:65px;object-fit:contain;object-position:left}.links{display:flex;gap:25px;font-size:14px;font-weight:700}.links a:hover,.footer a:hover{color:var(--gold)}.hamb{display:none;background:none;color:var(--gold);border:1px solid #85683b;border-radius:8px;padding:7px 11px;font-size:23px}.container{max-width:1160px;margin:auto;padding:72px 22px}.eyebrow{letter-spacing:3px;color:var(--gold);font-size:12px;font-weight:800;text-transform:uppercase}.title,h1,h2,h3{font-family:'Noto Serif JP',Georgia,serif;line-height:1.35}h1{font-size:clamp(33px,5vw,60px);margin:10px 0 20px}h2{font-size:clamp(25px,3vw,37px);margin:12px 0 20px}h3{font-size:21px}.lead{font-size:18px;color:#e4d9c5}.muted{color:#bfb5a5}.btn{display:inline-block;background:var(--gold);color:#18110a;padding:12px 23px;border-radius:6px;font-weight:800;margin:8px 10px 8px 0}.btn.outline{background:transparent;color:var(--gold);border:1px solid var(--gold)}.hero{position:relative;min-height:600px;display:flex;align-items:end;overflow:hidden}.hero .slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1s}.hero .slide.active{opacity:1}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b0a09 3%,#0b0a09a6 40%,transparent 90%)}.hero-content{position:relative;z-index:2;width:1160px;max-width:100%;margin:0 auto;padding:100px 22px 70px}.hero-content p{max-width:690px}.hero-controls{display:flex;gap:9px}.hero-controls button,.book-controls button{border:1px solid #a58a5b;background:#1b1916;color:var(--cream);padding:10px 16px;border-radius:5px;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:var(--panel);border:1px solid #57452c;border-radius:12px;overflow:hidden}.card img{width:100%;height:230px;object-fit:cover}.card-body{padding:22px}.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.split img{border-radius:12px;max-height:530px;width:100%;object-fit:cover}.gold-section{background:#211b13}.article{max-width:960px;margin:auto}.article p{color:#d8cebe;margin:0 0 19px}.article h2{margin-top:40px}.article h3{margin-top:30px;color:var(--gold)}.page-hero{padding:82px 22px 60px;text-align:center;background:radial-gradient(ellipse at top,#4c3219,#100f0e 65%);border-bottom:1px solid #514027}.page-hero p{max-width:760px;margin:auto}.footer{background:#080807;border-top:1px solid #6b542f;padding:50px 22px 100px}.footer-inner{max-width:1160px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer img{width:245px}.footer a{display:block;margin:7px 0}.mobile-nav{display:none}.branch{padding:23px;border:1px solid #655037;background:#1a1815;border-radius:12px}.branch h3{margin:0 0 8px}.branch p{margin:6px 0;color:#d5c9b7}.branch .btn{font-size:13px;padding:8px 12px}.filter{width:100%;padding:15px;border-radius:8px;background:#25211b;border:1px solid #80663f;color:white;font-size:16px;margin:18px 0 28px}.book-wrap{perspective:1900px;max-width:660px;margin:20px auto}.book{position:relative;aspect-ratio:1024/1536;max-height:780px;margin:auto;transform-style:preserve-3d}.book-page{position:absolute;inset:0;transform-origin:left center;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.2,.7,.2,1);backface-visibility:hidden;box-shadow:0 14px 50px #000a;overflow:hidden;border-radius:4px 12px 12px 4px}.book-page img{width:100%;height:100%;object-fit:contain;background:#070707}.book-page:nth-child(1){z-index:2}.book-page:nth-child(2){z-index:1}.book-page.flipped{transform:rotateY(-180deg);pointer-events:none}.book-controls{display:flex;justify-content:center;align-items:center;gap:20px;margin:25px 0}.book-controls button:disabled{opacity:.35;cursor:default}.note{border-left:3px solid var(--gold);padding:12px 18px;background:#211b13;color:#ddd0b7}.menu-cats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.menu-cats>div{background:#211d18;padding:20px;border-radius:9px;border:1px solid #655037}.menu-cats h3{margin:0 0 10px;color:var(--gold)}.menu-cats p{margin:0}.map-frame{width:100%;height:220px;border:0;border-radius:8px;margin-top:12px}.small{font-size:13px} @media(max-width:780px){.hamb{display:block}.links{display:none;position:absolute;left:0;right:0;top:100%;background:#15120f;flex-direction:column;padding:20px 24px;gap:15px}.links.open{display:flex}.brand img{width:185px}.hero{min-height:520px}.hero-content{padding-bottom:65px}.container{padding:48px 18px}.grid,.split,.footer-inner,.menu-cats{grid-template-columns:1fr}.footer{padding-bottom:115px}.mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;z-index:30;background:#0c0b0af5;border-top:1px solid #74582c;padding:8px 4px max(8px,env(safe-area-inset-bottom))}.mobile-nav a{text-align:center;font-size:11px;line-height:1.3}.mobile-nav svg{display:block;margin:0 auto 4px;width:21px;height:21px;stroke:var(--gold);fill:none;stroke-width:2}.book{max-height:650px}.page-hero{padding:55px 18px}}
/* AnyFlip-style realistic page-turn book */
.flipbook-shell{max-width:1150px;margin:30px auto;background:radial-gradient(ellipse at center,#443222 0%,#17130f 65%);border:1px solid #6e5530;border-radius:16px;padding:18px 12px 25px;overflow:hidden}.flipbook-toolbar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;margin-bottom:22px}.flipbook-toolbar button{background:#2b231a;color:#f5dfaf;border:1px solid #907245;border-radius:7px;min-width:43px;padding:9px 12px;cursor:pointer;font-size:18px}.flipbook-toolbar button:disabled{opacity:.3;cursor:default}.flipbook-toolbar strong{min-width:130px;font-size:13px}.flipbook-stage{display:flex;align-items:center;justify-content:center;min-height:390px;padding:10px 4px 22px;overflow:visible}#menu-flipbook{width:100%;max-width:1000px;margin:auto}#menu-flipbook .flip-page{background:#0b0b0b;overflow:hidden;border:1px solid #443b2a}#menu-flipbook .flip-page>img{display:block;width:100%;height:100%;object-fit:fill;user-select:none}#menu-flipbook .cover-page,#menu-flipbook .back-page{background:linear-gradient(140deg,#090909,#25170c 70%,#080808);border:6px double #c59c43;box-shadow:inset 0 0 35px #000}.cover-art{height:100%;padding:15% 7%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;color:#f3d18a}.cover-art img{width:48%;max-width:210px;aspect-ratio:1;object-fit:contain;border-radius:50%}.cover-art .cover-jp{font-size:clamp(28px,4vw,54px);color:#efc45e}.cover-art h3{font-size:clamp(16px,2.5vw,27px);margin:0}.cover-art p{font-weight:bold;letter-spacing:2px}.cover-art small{font-size:12px}.back-page{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;text-align:center;padding:30px;color:#f3d18a}.back-page img{width:45%;max-width:190px}.back-page strong{font-size:25px}.back-page a{color:#f5c75b;text-decoration:underline}.flip-hint{font-size:13px;color:#c6b79b}.book-links{display:flex;justify-content:center;flex-wrap:wrap}.flipbook-shell.zoomed{max-width:1400px}.flipbook-shell:fullscreen{overflow:auto;display:flex;flex-direction:column;justify-content:center;background:#15100b;padding:20px}.flipbook-shell:fullscreen .flipbook-stage{flex:1;max-height:calc(100vh - 130px)}.flip-fallback{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:900px!important}.flip-fallback .cover-page,.flip-fallback .back-page{display:none!important}.flip-fallback .flip-page img{height:auto!important}.flip-fallback .flip-page{height:auto!important}@media(max-width:680px){.flipbook-shell{padding:12px 5px 20px}.flipbook-stage{min-height:340px;padding:5px 0 12px}.flipbook-toolbar{gap:5px}.flipbook-toolbar button{padding:7px;min-width:34px;font-size:16px}.flipbook-toolbar strong{min-width:110px;font-size:11px}.flip-fallback{grid-template-columns:1fr}.cover-art small{font-size:9px}}

/* Revision: clean white desktop/mobile navigation */
header{background:#fff!important;border-bottom:1px solid #e9e4d9!important;box-shadow:0 3px 16px rgba(0,0,0,.09);backdrop-filter:none}
header .links a{color:#222!important}header .links a:hover,header .links a[aria-current="page"]{color:#a42320!important}
header .hamb{color:#222;background:#fff;border:1px solid #d6d0c5}
.mobile-nav{background:#fff!important;border-top:1px solid #e8e4dd!important;box-shadow:0 -4px 16px rgba(0,0,0,.10)}
.mobile-nav a{color:#262626!important;font-weight:700}.mobile-nav svg{stroke:#252525!important}.mobile-nav a[aria-current="page"],.mobile-nav a[aria-current="page"] svg{color:#b52622!important;stroke:#b52622!important}
@media(max-width:780px){header .links{background:#fff!important;border-top:1px solid #e8e4dd;box-shadow:0 12px 20px rgba(0,0,0,.12)}header .links a{color:#222!important}}
/* Physical-book page edge, depth and curl shadows for StPageFlip */
.flipbook-stage{perspective:2200px;overflow:visible;isolation:isolate}
#menu-flipbook{filter:drop-shadow(0 24px 19px rgba(0,0,0,.55));transform-style:preserve-3d}
#menu-flipbook .flip-page{background:#f7f0e2;box-shadow:inset 3px 0 12px rgba(0,0,0,.12);border-color:#b6a688}
#menu-flipbook .flip-page::after{content:"";position:absolute;top:0;bottom:0;right:0;width:12px;pointer-events:none;background:linear-gradient(to left,rgba(0,0,0,.23),rgba(0,0,0,0));opacity:.5}
#menu-flipbook .flip-page>img{object-fit:contain;background:#080808}
.flipbook-shell{overflow:visible}
.flipbook-stage .stf__parent{margin-inline:auto}
@media(max-width:680px){.flipbook-shell{overflow:hidden}.flipbook-stage{perspective:1500px}}
/* Premium Japanese identity: black logo on warm white navigation */
:root{--gold:#D4A62C;--red:#B71C1C;--cream:#FFF9EF}
header{background:#fff!important;border-bottom:2px solid #D4A62C!important}
.nav{min-height:86px}
.brand{display:inline-flex;align-items:center;flex-shrink:0;min-width:0}
.brand img{display:block;width:225px;max-width:100%;height:auto;max-height:68px;object-fit:contain;object-position:left center}
header .links a{color:#171717!important;transition:color .2s ease}
header .links a:hover,header .links a[aria-current="page"]{color:#B71C1C!important}
header .hamb{background:#fff!important;color:#171717!important;border:1px solid #ddd4c5!important}
.mobile-nav{background:#fff!important;border-top:1px solid #D4A62C!important}
.mobile-nav a{color:#171717!important}
.mobile-nav svg{stroke:#171717!important}
.mobile-nav a[aria-current="page"],.mobile-nav a[aria-current="page"] svg{color:#B71C1C!important;stroke:#B71C1C!important}
@media(max-width:780px){.nav{min-height:70px;padding:8px 16px}.brand img{width:185px;max-height:53px}header .links{background:#fff!important}}
@media(max-width:380px){.brand img{width:155px}}

/* Single-page realistic flipbook (no artificial front/back covers). */
.flipbook-stage{width:100%;max-width:560px;margin:0 auto;perspective:2400px;overflow:visible;min-height:0}
#menu-flipbook{width:100%;max-width:500px;margin:auto;transform-style:preserve-3d;filter:drop-shadow(0 20px 20px rgba(0,0,0,.5))}
.flipbook-stage .stf__parent{max-width:100%!important;margin:0 auto!important}
#menu-flipbook .flip-page{border:1px solid #b9ab91;box-shadow:inset 0 0 12px rgba(0,0,0,.08);background:#f8f4eb}
#menu-flipbook .flip-page>img{width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.flip-fallback{display:block!important;max-width:500px!important}
.flip-fallback .flip-page{display:none}.flip-fallback .flip-page:nth-child(1){display:block}
@media(max-width:680px){.flipbook-stage{max-width:min(100%,420px);padding:0}.flipbook-shell{overflow:hidden}.flipbook-stage .stf__parent{max-width:100%!important}}
