@font-face{font-family:"Cormorant Garamond";src:url(fonts/cormorant-garamond.woff2) format("woff2");font-weight:300 700;font-display:swap}
:root{
  --ink:#0A0A0B;--ink2:#121112;--paper:#ECE5D6;--mute:#B9B0A0;--line:rgba(236,229,214,.16);
  --gold:#C9A56C;--ember:#E3803F;
  --serif:"Cormorant Garamond","Bodoni 72",Didot,"Hiragino Mincho ProN","Yu Mincho","YuMincho",serif;
  --jserif:"Hiragino Mincho ProN","Yu Mincho","YuMincho","Noto Serif JP",serif;
  --sans:"Helvetica Neue",Helvetica,"Hiragino Sans","Hiragino Kaku Gothic ProN",Arial,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{background:var(--ink);color:var(--paper);-webkit-text-size-adjust:100%}
body{background:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
img,video{display:block;max-width:100%;height:auto}
html[data-lang="en"] [lang="ja"]{display:none!important}
html[data-lang="ja"] [lang="en"]{display:none!important}
html[data-lang="ja"] body{font-family:var(--jserif)}
.kick{font-family:var(--sans);font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold)}
html[data-lang="ja"] .kick{letter-spacing:.24em}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:1px solid var(--gold);outline-offset:4px}
/* ページ間: 展示の刃が作品ページの主写真へ形を保って繋がる(対応ブラウザだけ。非対応は普通の遷移) */
@view-transition{navigation:auto}
::view-transition-group(blade){animation-duration:.95s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}
::view-transition-old(root),::view-transition-new(root){animation-duration:.55s}
@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}

/* 上部の帯 */
.topbar{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;
  padding:22px clamp(16px,4vw,48px);pointer-events:none;background:linear-gradient(rgba(5,5,6,.55),rgba(5,5,6,0))}
.topbar>*{pointer-events:auto}
.topbar .logo{display:inline-flex;align-items:center;min-height:44px;padding:4px 0}
.topbar .logo img{height:34px;width:auto}
.topbar .right{display:flex;align-items:center;gap:clamp(14px,2.4vw,32px);font-family:var(--sans);font-size:12px;letter-spacing:.22em;text-transform:uppercase}
.topbar .right a,.topbar .right button{padding:10px 0;min-height:44px;display:inline-flex;align-items:center;color:var(--paper);opacity:.82}
.topbar .right a:hover,.topbar .right button:hover{opacity:1}
.lang{display:inline-flex;gap:0}
.lang button{min-width:44px;justify-content:center}
.lang button{letter-spacing:.18em;opacity:.72!important}
.lang button[aria-pressed="true"]{opacity:1!important;color:var(--gold)}
@media (max-width:600px){.topbar{padding:14px 16px}.topbar .logo img{height:26px}.topbar .right .hide-sm{display:none}}

/* ボタン */
.btn{display:inline-flex;align-items:center;gap:14px;min-height:48px;padding:0 26px;border:1px solid rgba(176,141,87,.7);
  font-family:var(--sans);font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:var(--paper);background:rgba(10,10,11,.35);
  transition:background .4s,border-color .4s,color .4s}
.btn:hover{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.btn .ar{width:22px;height:1px;background:currentColor;position:relative}
.btn .ar::after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}
.btn.solid{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.btn.solid:hover{background:var(--gold);border-color:var(--gold)}

/* 確認用の札 */
.proto{font-family:var(--sans);font-size:12px;letter-spacing:.06em;color:var(--mute);line-height:1.6}
/* 最新ワードマークの原本は白地に黒文字。原本は変えず、表示だけ反転して闇に白文字で置く(Astra版と同じ見せ方) */
.topbar .logo{mix-blend-mode:screen}
.topbar .logo img,.foot img{filter:invert(1)}
.foot img{mix-blend-mode:screen}

/* 大きな写真を過ぎたら、固定ナビに背景を敷く(本文に重ならないように・10/9) */
.topbar{transition:background-color .35s ease}
.topbar.solid{background:rgba(6,6,7,.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}

/* Short translated navigation labels retain a usable target. */
.topbar .right a,.reading-flow .chapter-nav a{min-width:44px}