@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600;700&family=Inter:wght@400;500;600&family=Noto+Serif+JP:wght@500&family=Noto+Serif+TC:wght@500&display=swap');
:root{--navy:#0F172A;--gold:#D6C29C;--gold-bright:#E8D9B8;--white:#F8FAFC;--muted:#94A3B8;--line:#334155;--card:#111827}
*{box-sizing:border-box}
body{margin:0;background:var(--navy);color:var(--white);font-family:'Inter',system-ui,sans-serif;line-height:1.65}
:lang(ja) h1,:lang(ja) h2{font-family:'Noto Serif JP',serif}
:lang(zh-Hant) h1,:lang(zh-Hant) h2{font-family:'Noto Serif TC',serif}
h1,h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;color:var(--gold);margin:0 0 .6em}
a{color:inherit}
.nav{position:sticky;top:0;z-index:10;background:rgba(15,23,42,.95);backdrop-filter:blur(10px);padding:1rem 2rem;display:flex;align-items:center;gap:.6rem 2rem;flex-wrap:wrap;border-bottom:1px solid var(--line)}
.brand{font-family:'Cormorant Garamond',serif;font-weight:600;letter-spacing:.04em;color:var(--gold);text-decoration:none;font-size:1.15rem}
.nav-links{display:flex;flex-wrap:wrap;gap:.3rem 1.4rem;flex:1}
.nav-links a{text-decoration:none;opacity:.9;font-size:.95rem}
.nav-links a:hover{color:var(--gold)}
.langs{font-size:.85rem;color:var(--muted)}
.langs a{text-decoration:none;color:var(--muted);padding:0 .15rem}
.langs a[aria-current]{color:var(--gold);font-weight:600}
.hero{text-align:center;padding:6rem 1.5rem 4rem;max-width:820px;margin:0 auto}
.hero h1{font-size:3rem;line-height:1.15;margin-bottom:1.3rem}
.credo{color:var(--gold);font-size:1.05rem;margin:0 0 .5rem}
.subtitle{color:var(--muted);font-size:1.15rem;margin:0 0 2.4rem}
.btn{display:inline-block;background:var(--gold);color:var(--navy);padding:.95rem 2.4rem;text-decoration:none;font-weight:600;border-radius:4px}
.btn:hover{background:var(--gold-bright)}
.section{max-width:1000px;margin:0 auto;padding:3.5rem 1.5rem}
.section-title{text-align:center;margin-bottom:1.6rem}
.section-title h2{font-size:2rem}
.section-title p{color:var(--muted);max-width:640px;margin:.4rem auto 0}
.rows{max-width:760px;margin:0 auto;border-top:1px solid var(--line)}
.row{display:flex;align-items:baseline;gap:1.2rem;padding:1rem .2rem;border-bottom:1px solid var(--line);flex-wrap:wrap}
.row .lang{font-size:.82rem;letter-spacing:.1em;color:var(--gold);min-width:3.5rem}
.row .name{flex:1;min-width:12rem;font-family:'Cormorant Garamond',serif;font-size:1.25rem}
.row .name small{display:block;font-family:'Inter',sans-serif;color:var(--muted);font-size:.82rem}
.row a,.edition-link{color:var(--gold);text-decoration:none;font-weight:600;font-size:.92rem;border-bottom:1px solid var(--gold)}
.soon{color:var(--muted);font-size:.9rem}
.room{max-width:640px;margin:0 auto;text-align:center;background:var(--card);border:1px solid var(--gold);border-radius:10px;padding:2.4rem 1.6rem}
.room h2{font-size:2rem}
.room-sub{color:var(--gold);font-size:.95rem}
.room p{color:var(--white)}
.room .fine{color:var(--muted);font-size:.85rem;margin-top:1.4rem}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.4rem}
.cols p{color:var(--muted)}
.seal{margin:3rem auto 0;max-width:640px;text-align:center;font-family:'Cormorant Garamond',serif;font-size:1.45rem;color:var(--gold);border-left:none;padding:0}
.more{text-align:center}.more a{color:var(--gold)}
footer{text-align:center;padding:3rem 1.5rem;color:#64748B;font-size:.9rem;border-top:1px solid var(--line)}
.credo-footer{color:var(--gold);margin-bottom:.5rem;font-family:'Cormorant Garamond',serif;font-size:1.05rem}
.foot{margin-top:1rem}
@media (max-width:768px){.nav{padding:.9rem 1rem}.hero{padding:3.5rem 1rem 2.5rem}.hero h1{font-size:2rem}.btn{display:block}.section{padding:2.5rem 1rem}}