@font-face { font-family: SealXiaoZhuan; src: url('fonts/ebas927.ttf') format('truetype'); font-display: swap; }
.about-page section { border-top: 1px solid #c7b99e; padding: 54px 0; scroll-margin-top: 24px; }
.about-page .about-intro { border-top: 0; }
.about-page .eyebrow { font: 11px/1.6 system-ui, sans-serif; text-transform: uppercase; letter-spacing: 0.14em; color: #6b5940; margin: 0 0 12px; }
.about-page .pagehead .eyebrow { color: #dec394; }
.about-page .pagehead .intro-copy { max-width: 650px; font-size: 18px; line-height: 1.65; color: #d2d8da; }
.about-page .about-links { display: flex; flex-wrap: wrap; gap: 12px 26px; margin-top: 26px; font: 13px/1.5 system-ui, sans-serif; }
.about-page .about-links a { text-underline-offset: 5px; margin: 0; font: inherit; color: #ecd0a1; }
.about-page h2 { font-size: clamp(30px, 3.8vw, 40px); line-height: 1.14; font-weight: 400; margin: 0 0 24px; }
.about-page h3 { font-size: 29px; font-weight: 400; line-height: 1.15; margin: 0 0 12px; }
.about-page figure { margin: 0; min-width: 0; }
.about-page details > p { max-width: 42em; font-size: 17px; margin-top: 14px; }
.about-page .studio-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 42px; align-items: center; }
.about-page .studio-copy p { font-size: 18px; line-height: 1.65; margin: 0 0 18px; }
.about-page .image-button { display: block; position: relative; width: 100%; padding: 0; border: 0; background: #e6ddcc; color: #fff8eb; cursor: zoom-in; text-align: left; font: inherit; }
.about-page .image-button img { display: block; width: 100%; height: auto; }
.about-page .studio-portrait img { aspect-ratio: 4/5; object-fit: cover; object-position: 50% 20%; height: auto; }
.about-page .image-hint { position: absolute; right: 10px; bottom: 10px; padding: 8px 12px; background: #10232e; color: #fff8eb; font: 12px/1.5 system-ui, sans-serif; }
.about-page figcaption { margin-top: 10px; color: #655746; font-size: 15px; line-height: 1.5; }
.about-page .text-link { color: #713126; text-underline-offset: 4px; }
.about-page .featured-work { display: grid; grid-template-columns: minmax(220px, 0.8fr) 1.2fr; gap: 52px; align-items: center; padding-top: 48px; }
.about-page .mounted-work { padding: 12px; border: 1px solid #c5b69a; background: #e7dcc5; box-shadow: 0 10px 25px #3b30171a; }
.about-page .poet { color: #655746; font-size: 15px; margin-bottom: 24px; }
.about-page .poem-lines { font-size: 21px; line-height: 1.9; white-space: pre-line; }
.about-page .translation-note { font: 12px/1.7 system-ui, sans-serif; color: #655746; margin-top: 20px; max-width: 33em; }
.about-page details { margin-top: 20px; border-top: 1px solid #c7b99e; padding-top: 16px; }
.about-page summary { cursor: pointer; font-size: 17px; line-height: 1.5; padding: 4px 0; }
.about-page .studio-gallery { margin-top: 34px; }
.about-page .gallery-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 22px; }
.about-page .gallery-grid img { aspect-ratio: 3/4; object-fit: contain; }
.about-page .section-intro { max-width: 35em; font-size: 19px; margin: 0 0 30px; }
.about-page .books-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 34px; }
.about-page .book-card { display: grid; grid-template-columns: minmax(100px, 0.9fr) minmax(0, 1.1fr); gap: 22px; align-items: start; }
.about-page .book-cover { display: block; width: 100%; height: auto; aspect-ratio: 5/8; object-fit: contain; box-shadow: 4px 9px 18px #07121e26; }
.about-page .prose p + p { margin-top: 16px; }
.about-page .book-card h3 { font-size: 25px; }
.about-page .book-card p:not(.eyebrow) { font-size: 17px; line-height: 1.55; }
.about-page .book-subtitle { font-style: italic; margin: -4px 0 12px; }
.about-page .book-link { display: inline-block; margin-top: 18px; padding: 10px 0; font: 13px/1.5 system-ui, sans-serif; color: #713126; text-underline-offset: 5px; }
.about-page .book-card p.book-status { font: 12px/1.6 system-ui, sans-serif; color: #655746; margin-top: 20px; }
.about-page .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.about-page .prose { max-width: 42em; font-size: 18px; line-height: 1.7; }
.about-page .adult { font: 13px/1.7 system-ui, sans-serif; color: #655746; margin-top: 28px; max-width: 48em; }
.art-viewer { width: min(1120px, calc(100vw - 32px)); max-height: 92dvh; padding: 0; border: 1px solid #b4a080; background: #f2ebdc; color: #302a22; }
.art-viewer::backdrop { background: #030b12e8; }
.art-viewer .viewer-toolbar { position: sticky; top: 0; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 22px; background: #0c1c2a; color: #eee9dc; z-index: 1; }
.art-viewer h2 { margin: 0; font: 26px/1.2 QingwuBook, Georgia, serif; }
.art-viewer #art-close { cursor: pointer; border: 1px solid #a9b1ae; padding: 10px 14px; color: #fff8eb; background: transparent; font: 13px/1.5 system-ui, sans-serif; min-height: 44px; }
.art-viewer .viewer-body { display: grid; grid-template-columns: 1.3fr 1fr; gap: 28px; align-items: center; padding: 24px; }
.art-viewer #art-image { display: block; width: 100%; height: auto; max-height: 73dvh; object-fit: contain; }
.art-viewer .viewer-description:empty { display: none; }
.art-viewer .viewer-description .eyebrow { color: #655746; }
html:has(.art-viewer[open]) { overflow: hidden; }
@media (max-width: 800px) {
  .about-page .studio-grid { grid-template-columns: 1fr; gap: 22px; }
  .about-page .studio-portrait img { max-height: 430px; }
  .about-page .featured-work { gap: 26px; grid-template-columns: minmax(180px, 0.9fr) 1.1fr; }
  .about-page .books-grid { grid-template-columns: 1fr; gap: 38px; }
  .about-page .book-card { grid-template-columns: minmax(120px, 0.55fr) 1fr; gap: 26px; }
  .about-page .book-cover { max-width: 220px; }
}
@media (max-width: 550px) {
  .about-page section { padding: 36px 0; }
  .about-page .featured-work { grid-template-columns: 1fr; gap: 24px; padding-top: 32px; }
  .about-page .mounted-work { width: min(100%, 290px); justify-self: center; }
  .about-page .poem-lines { font-size: 20px; line-height: 1.7; }
  .about-page .gallery-grid { grid-template-columns: 1fr; gap: 24px; }
  .about-page .gallery-grid figure { width: min(100%, 290px); justify-self: center; }
  .about-page .book-card { grid-template-columns: minmax(100px, 0.7fr) 1fr; gap: 18px; }
  .about-page .book-card h3 { font-size: 23px; }
  .about-page .book-card .eyebrow { font-size: 10px; letter-spacing: 0.08em; }
  .art-viewer { width: calc(100vw - 16px); }
  .art-viewer .viewer-toolbar { padding: 12px; }
  .art-viewer h2 { font-size: 23px; }
  .art-viewer .viewer-body { grid-template-columns: 1fr; gap: 18px; padding: 14px; }
  .art-viewer #art-image { max-height: 65dvh; }
}