/* Approved accessibility and navigation updates, 2026-09-09. */
/* Shared top-image frame for WORKS, ABOUT, EXHIBITIONS, ARCHIVE and PRESS.
   Header clearance is not image padding: each photo starts at the header edge. */
:root{--page-header-height:112px;--page-image-height:clamp(360px,calc(62svh - var(--page-header-height)),680px)}
@media(min-width:1121px) and (hover:hover) and (pointer:fine){:root{--page-header-height:84px}}
@media(max-width:1120px){:root{--page-header-height:88px}}
@media(max-width:640px){:root{--page-header-height:72px;--page-image-height:max(300px,75vw)}}
body.page-body > main:has(> .page-hero),
body.exhibition-page-body > main:has(> .exhibitions-intro){padding-top:var(--page-header-height)}
body.about-page-body main > .about-page-hero{padding-top:var(--page-header-height)}
body.page-body main > .page-hero{height:var(--page-image-height);min-height:0;padding-top:24px;padding-bottom:clamp(28px,4vw,65px)}
body.about-page-body .about-page-image img,
body.exhibition-page-body .exhibitions-intro-photo img{width:100%;height:var(--page-image-height);min-height:0;aspect-ratio:auto;object-fit:cover}
body.exhibition-page-body main > .archive-hero.exhibitions-intro{padding-top:0;padding-left:0;padding-right:0;column-gap:0}
body.exhibition-page-body .exhibitions-intro > div{padding-left:var(--archive-pad);padding-right:var(--archive-pad)}
body.exhibition-page-body .exhibitions-intro-photo img{object-position:50% 65%}
@media(min-width:641px){body.about-page-body .about-page-image img{object-position:50% 65%}}
.about-page-body > .site-header,
.exhibition-page-body > .site-header {
  color: #fff;
  background: rgba(17,17,17,.92);
  mix-blend-mode: normal;
}
.about-page-body .about-page-hero,
.exhibition-page-body > main { padding-top: 112px; }
.about-page-body #cv,
#critic-hwang,
#tjb-2020 { scroll-margin-top: 130px; }
.pdf-document-info {
  margin: 10px 0;
  font-family: Arial, 'Noto Sans KR', sans-serif;
  font-size: 12px;
  line-height: 1.65;
  letter-spacing: .02em;
  opacity: .78;
  overflow-wrap: anywhere;
}
.archive-document-card .pdf-document-info { margin: 10px 0 12px; }
.about-professional-resources .pdf-document-info { font-size: 11px; }
.lightbox.has-artwork-caption {
  display: none;
  width: 100vw;
  height: 100dvh;
  max-width: 100vw;
  max-height: 100dvh;
  margin: 0;
  padding: 48px 4vw 22px;
  color: #fff;
  box-sizing: border-box;
}
.lightbox.has-artwork-caption[open] {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 18px;
}
.lightbox.has-artwork-caption > img {
  position: static;
  inset: auto;
  width: 100%;
  height: 100%;
  min-height: 0;
  max-height: 100%;
  object-fit: contain;
}
.artwork-preview-caption {
  width: min(100%, 960px);
  margin: 0 auto;
  max-height: 24dvh;
  overflow: auto;
  text-align: center;
  font-family: Arial, 'Noto Sans KR', sans-serif;
  font-size: 14px;
  line-height: 1.65;
}
.artwork-preview-caption strong { font-weight: 500; }
.artwork-preview-caption p { margin: 5px 0 0; color: rgba(255,255,255,.76); font-size: 12px; }
@media (max-width: 1120px) {
  .about-page-body .about-page-hero,
  .exhibition-page-body > main { padding-top: 88px; }
}
@media (max-width: 640px) {
  .about-page-body .about-page-hero,
  .exhibition-page-body > main { padding-top: 72px; }
  .lightbox.has-artwork-caption { padding: 48px 16px max(20px, env(safe-area-inset-bottom)); gap: 12px; }
  .artwork-preview-caption { font-size: 13px; }
  .artwork-preview-caption p { font-size: 11px; }
  .pdf-document-info { font-size: 11px; }
}