/* 作品の陰影を見せるため、このページは暗いトーン */
body{background:var(--dark);color:var(--on-dark)}
.page-hero{height:86vh;height:86svh}
.page-hero img{object-position:40% 55%}
.page-hero h1{letter-spacing:.14em}

.concept{text-align:center}
.concept h2{font-weight:400;font-size:clamp(26px,3vw,38px);letter-spacing:.04em;line-height:1.5;margin:16px 0 36px}
.concept p{color:#b9b0a4;line-height:2.1;font-size:19px}

.split h2{letter-spacing:.04em;line-height:1.5}
.split p{font-size:17px}
.split .pic{aspect-ratio:1;background:#2a2622}
.keywords{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.keywords span{border:1px solid #5a5045;color:#d8c8ae;font-size:14px;padding:3px 14px;letter-spacing:.1em}

.work .pair{display:grid;grid-template-columns:1fr 56px 1fr;align-items:center;gap:12px}
.work figure{margin:0}
.work .work-pic{aspect-ratio:1;overflow:hidden;background:#dcdedf}
.work .work-pic.before{background:#2a2622}
.work .work-pic.before img{object-fit:contain}
.work figcaption{font-family:var(--serif-en);font-size:12.5px;letter-spacing:.24em;color:#c9b391;margin-top:14px;text-align:center;text-transform:uppercase}
.work .arrow{text-align:center;color:#c9b391;font-family:var(--serif-en);font-size:28px}
.work .t{font-family:var(--serif-en);font-size:clamp(24px,2.6vw,32px);letter-spacing:.08em;text-align:center;margin-top:clamp(36px,5vw,56px)}
.work .meta{font-size:16px;color:#a59c90;text-align:center;letter-spacing:.04em}

.space{text-align:center}
.space p{color:#b9b0a4;line-height:2.1;font-size:19px}

.artist{display:grid;grid-template-columns:5fr 7fr;gap:clamp(36px,6vw,96px);align-items:center;max-width:1000px;margin:0 auto}
.artist .pic{aspect-ratio:3/4;overflow:hidden;background:#2a2622}
.artist .role{font-family:var(--serif-en);color:#c9b391;letter-spacing:.3em;font-size:13px}
.artist .name{font-family:var(--serif-en);font-weight:300;font-size:clamp(34px,3.6vw,48px);letter-spacing:.08em;line-height:1.2;margin-top:8px}
.artist .jp{font-family:var(--serif-ja);font-size:14px;color:#a59c90;letter-spacing:.2em;margin:6px 0 24px}
.artist p{color:#b9b0a4;font-size:17px}
.artist .text-link{margin-top:28px;color:#d8c8ae}

.inquiry{text-align:center;border-top:1px solid rgba(239,232,221,.12)}
.inquiry .note{font-size:15px;color:#a59c90;margin-top:10px}
.inquiry .btn{margin-top:36px}
.todo{border-color:#4a423a;color:#a59c90}

@media (max-width:860px){
  .artist{grid-template-columns:1fr}
  .artist .pic{max-width:360px}
  .work .pair{grid-template-columns:1fr 24px 1fr;gap:6px}
  .work .arrow{font-size:18px}
  .concept p br,.space p br{display:none}
}