/* ===== デザイントークン + 全ページ共通 ===== */
:root{
  --paper:#F4F2EC;
  --ink:#161616;
  --sub:#6F6F6C;
  --line:#E6E6E3;
  --hover:#F4F4F1;
  --thumb:#E2DDD3;
  --link:#2457A6;
  --link-hover:#153E75;
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  background:var(--paper);
  color:var(--ink);
  font-family:'IBM Plex Sans JP',sans-serif;
  line-height:1.85;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.inline-link{
  color:var(--link);overflow-wrap:anywhere;text-decoration:underline;
  text-decoration-color:currentColor;text-underline-offset:3px
}
.inline-link:hover{color:var(--link-hover)}
img,iframe{display:block;max-width:100%}
[hidden]{display:none !important}
.mono{font-family:'IBM Plex Mono','IBM Plex Sans JP',monospace}

.wrap{max-width:1040px;margin:0 auto;padding:0 24px}

/* ---- header ---- */
header{
  display:flex;justify-content:space-between;align-items:baseline;
  padding:40px 0 0;
}
.site-name{font-size:1.2rem;font-weight:500;letter-spacing:.04em}
nav.global{display:flex;gap:28px}
nav.global a{font-family:'IBM Plex Mono','IBM Plex Sans JP',monospace;font-size:.8rem;color:var(--sub)}
nav.global a:hover,nav.global a[aria-current]{color:var(--ink)}

/* ---- footer ---- */
footer{
  margin:120px 0 48px;
  display:flex;justify-content:space-between;
  font-family:'IBM Plex Mono','IBM Plex Sans JP',monospace;font-size:.8rem;color:var(--sub)
}

/* ---- 画像プレースホルダ(src未設定時) ---- */
.ph{background:var(--thumb)}
.ph span{
  display:block;padding:8px 10px;
  font-family:'IBM Plex Mono','IBM Plex Sans JP',monospace;font-size:.7rem;color:var(--sub)
}

/* ---- 二次セクション(EXHIBITIONS / RESEARCH)の年表 ---- */
.secondary{margin:140px 0 0}
.secondary h2{
  font-family:'IBM Plex Mono','IBM Plex Sans JP',monospace;font-size:.8rem;font-weight:500;
  color:var(--sub);letter-spacing:.08em;margin-bottom:16px
}
.secondary ol{list-style:none;border-top:1px solid var(--line)}
.secondary li{
  display:grid;grid-template-columns:4.5em 1fr;align-items:baseline;
  padding:10px 8px;border-bottom:1px solid var(--line);
  font-size:.85rem;color:var(--sub)
}
.secondary li .year{font-family:'IBM Plex Mono','IBM Plex Sans JP',monospace;font-size:.8rem;font-feature-settings:'tnum'}
.secondary li .works-links{display:block;margin-top:2px;font-size:.8rem}
.secondary li .works-links a{
  color:var(--sub);text-decoration:underline;
  text-decoration-color:var(--line);text-underline-offset:3px;
}
.secondary li .works-links a:hover{color:var(--ink);text-decoration-color:var(--ink)}
.secondary + .secondary{margin-top:96px}