/* 全ページ共通：色・文字・メニュー */
:root {
  --ink: #0b1016;
  --paper: #f3eee5;
  --muted: #b9b2a5;
  --brass: #c2a273;
  --brass-hi: #dcc699;
  --line: rgba(194, 162, 115, 0.55);
  --serif-ja: 'Shippori Mincho B1', 'Hiragino Mincho ProN', 'Yu Mincho', serif;
  --serif-en: 'Cormorant Garamond', 'Times New Roman', serif;
  --sans: 'Zen Kaku Gothic New', 'Hiragino Sans', 'Yu Gothic', sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
* { margin: 0; padding: 0; }
html { -webkit-text-size-adjust: 100%; }
body {
  background: var(--ink);
  color: var(--paper);
  font-family: var(--sans);
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
[hidden] { display: none !important; }
:focus-visible { outline: 1px solid var(--brass-hi); outline-offset: 3px; }

.nav { display: flex; gap: 28px; align-items: center; }
.nav a {
  font-family: var(--serif-en); font-weight: 600;
  font-size: 14px; letter-spacing: .24em;
  color: var(--paper); opacity: .85; transition: opacity .3s;
}
.nav a:hover, .nav a[aria-current] { opacity: 1; }
.nav a[aria-current] { color: var(--brass-hi); }
.nav .ext::after { content: '↗'; margin-left: 4px; font-size: 12px; letter-spacing: 0; }
.nav svg { width: 17px; height: 17px; display: block; }

/* ---------- 額縁（四隅に内向きの弧） ---------- */
.frame { position: absolute; inset: var(--inset, 12px); pointer-events: none; border: 1px solid var(--line); }
.frame i { position: absolute; width: 18px; height: 18px; border: 1px solid var(--line); }
.frame i:nth-child(1) { top: -1px; left: -1px; border-radius: 0 0 18px 0; border-top: 0; border-left: 0; }
.frame i:nth-child(2) { top: -1px; right: -1px; border-radius: 0 0 0 18px; border-top: 0; border-right: 0; }
.frame i:nth-child(3) { bottom: -1px; left: -1px; border-radius: 0 18px 0 0; border-bottom: 0; border-left: 0; }
.frame i:nth-child(4) { bottom: -1px; right: -1px; border-radius: 18px 0 0 0; border-bottom: 0; border-right: 0; }

@media (max-width: 900px) {
  .nav { gap: 18px; }
  .nav a { font-size: 12.5px; letter-spacing: .18em; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; }
}