.about-chapter-nav:has([data-about-anchor="about-archive"]) { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.about-chapter-nav [data-about-anchor="about-archive"] { color: #decaff; }
.about-archive-groups { display: grid; gap: 24px; margin-top: 28px; }
.about-archive-group { min-width: 0; padding: 22px 18px; border: 1px solid rgba(192,162,233,.19); border-radius: 24px; background: linear-gradient(145deg,rgba(135,78,194,.12),rgba(18,20,39,.78) 65%); }
.about-archive-group > header { display: flex; align-items: flex-start; gap: 13px; }
.about-archive-number { flex: 0 0 34px; padding-top: 5px; color: #c5a5ee; font-size: 22px; font-weight: 500; }
.about-archive-group .about-story-eyebrow { font-size: 8px; letter-spacing: .14em; color: #c1a7db; }
.about-archive-group h3 { margin: 8px 0 0; font-size: 23px; line-height: 1.4; letter-spacing: -.02em; }
.about-archive-intro { margin: 18px 0 0; color: rgba(255,255,255,.73); font-size: 13px; line-height: 1.95; }
.about-archive-note { margin: 12px 0 0; color: #ccb5e4; font-size: 11px; line-height: 1.8; }
.about-calligraphy-work { margin-top: 20px; }
.about-auction-record { margin-top: 20px; padding: 18px; border: 1px solid rgba(206,175,121,.23); border-radius: 16px; background: linear-gradient(130deg,rgba(149,108,54,.13),rgba(40,29,60,.18)); }
.about-auction-record > span { display: block; color: #d3c1a5; font-size: 11px; line-height: 1.6; }
.about-auction-record > strong { display: block; margin-top: 7px; color: #f4dfb9; font-size: clamp(25px,5.5vw,34px); font-weight: 600; line-height: 1.3; font-variant-numeric: tabular-nums; }
.about-auction-record dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px 18px; margin: 20px 0; }
.about-auction-record dt { color: #b6a8c3; font-size: 10px; line-height: 1.5; }
.about-auction-record dd { margin: 5px 0 0; color: #f1e9f8; font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; }
.about-auction-record > button { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 42px; padding: 10px 13px; border: 1px solid #655038; border-radius: 10px; color: #f1dbb6; background: rgba(51,38,28,.45); font: inherit; font-size: 12px; text-align: left; cursor: pointer; }
.about-auction-record > button:focus-visible { outline: 2px solid #dbc2ff; outline-offset: 3px; }
.about-archive-appointment { margin-top: 26px; padding-top: 23px; border-top: 1px solid rgba(200,170,235,.15); }
.about-archive-appointment h4 { margin: 0; font-size: 19px; line-height: 1.6; }
.about-archive-appointment > p { margin: 10px 0 18px; color: rgba(255,255,255,.67); font-size: 12px; line-height: 1.85; }
.about-archive-art, .about-archive-group > .about-archive-pair, .about-archive-interviews { margin-top: 20px; }
.about-archive-photo { min-width: 0; margin: 0; }
.about-archive-photo > button { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 12px; background: #0b0c13; cursor: zoom-in; }
.about-archive-photo img { display: block; width: 100%; height: auto; object-fit: contain; }
.about-archive-photo__zoom { position: absolute; right: 9px; bottom: 9px; display: grid; place-items: center; width: 29px; height: 29px; border: 1px solid rgba(255,255,255,.4); border-radius: 50%; color: white; background: rgba(15,13,24,.75); font-size: 18px; }
.about-archive-photo figcaption { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; padding: 10px 1px 0; color: #d1c1e3; font-size: 11px; line-height: 1.6; }
.about-archive-photo figcaption small { color: #a49cb5; font-size: 10px; }
.about-archive-pair { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; gap: 13px; }
.about-archive-art > .about-archive-pair { margin-top: 18px; }
.about-archive-pair .about-archive-photo > button { aspect-ratio: 4 / 3; }
.about-archive-pair img { height: 100%; }
.about-archive-interviews { display: grid; gap: 26px; }
.about-archive-interview + .about-archive-interview { padding-top: 24px; border-top: 1px solid rgba(200,170,235,.15); }
.about-archive-interview h4 { margin: 13px 0 0; font-size: 18px; line-height: 1.55; }
.about-archive-interview > p { margin: 9px 0 0; color: rgba(255,255,255,.64); font-size: 12px; line-height: 1.9; }
.about-archive-photo > button:focus-visible, .about-archive-viewer button:focus-visible { outline: 2px solid #dbc2ff; outline-offset: 3px; }
.about-archive-viewer { position: fixed; inset: 0; box-sizing: border-box; width: min(1120px,calc(100vw - 24px)); height: min(900px,calc(100dvh - 24px)); max-width: none; max-height: none; margin: auto; padding: 0; overflow: hidden; border: 1px solid #514363; border-radius: 20px; background: #12101b; color: #f5f1ff; box-shadow: 0 20px 90px #000a; }
.about-archive-viewer[open] { display: grid; grid-template-rows: auto minmax(0,1fr) auto auto; }
.about-archive-viewer::backdrop { background: rgba(4,3,10,.88); backdrop-filter: blur(8px); }
.about-archive-viewer__header { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 16px 18px; }
.about-archive-viewer__header span { font-size: 9px; color: #c4a4e8; letter-spacing: .12em; }
.about-archive-viewer__header h2 { margin: 5px 0 0; font-size: 18px; line-height: 1.5; }
.about-archive-viewer button { flex-shrink: 0; min-height: 40px; padding: 9px 13px; border: 1px solid #4d3d5f; border-radius: 10px; background: #272033; color: #f1e6ff; font: inherit; font-size: 12px; cursor: pointer; }
.about-archive-viewer button:disabled { opacity: .32; cursor: default; }
.about-archive-viewer__stage { min-height: 0; overflow: auto; overscroll-behavior: contain; background: #09090e; }
.about-archive-viewer__stage img { display: block; width: 100%; height: 100%; margin: 0 auto; object-fit: contain; }
.about-archive-viewer.is-zoomed .about-archive-viewer__stage img { width: max(100%,1400px); max-width: none; height: auto; margin: 0; }
.about-archive-viewer__detail { margin: 0; padding: 12px 18px 0; color: #c4b8d0; font-size: 12px; line-height: 1.7; }
.about-archive-viewer > footer { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 12px 16px 16px; }
.about-archive-viewer > footer span { white-space: nowrap; color: #b3a4c4; font-size: 12px; }
@media (min-width: 700px) {
  .about-archive-art { display: grid; grid-template-columns: 1.1fr 1fr; align-items: start; gap: 22px; }
  .about-archive-art > .about-archive-pair { grid-template-columns: 1fr; margin-top: 0; gap: 20px; }
  .about-archive-art .about-archive-pair .about-archive-photo > button { aspect-ratio: 16 / 10; }
  .about-archive-interviews { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
  .about-archive-interview + .about-archive-interview { padding-top: 0; border-top: 0; }
  .about-archive-interview .about-archive-photo > button { aspect-ratio: 16 / 10; }
  .about-archive-interview .about-archive-photo img { height: 100%; }
  .about-archive .about-story-heading > p { max-width: 620px; }
}
@media (max-width: 380px) {
  .about-archive-group { padding: 20px 13px; }
  .about-archive-group h3 { font-size: 21px; }
  .about-archive-pair { gap: 9px; }
  .about-archive-viewer > footer { gap: 6px; padding-inline: 10px; }
  .about-archive-viewer button { padding-inline: 10px; }
}