/* A compact reading scale: captions remain readable beside display titles. */
@media screen {
  :root {
    --type-small:18px;
    --type-body:22px;
    --type-lead:24px;
    --type-section:clamp(40px,3.6vw,54px);
  }
  body { font-size:var(--type-body); line-height:1.8; }
  nav,.document-page header nav,.lang { font-size:var(--type-small); }
  .name small { font-size:20px; }

  /* Section labels, credits, captions and controls share one readable floor. */
  .eyebrow,.sectionhead .eyebrow,.writing .eyebrow,
  .caption,.case-gallery .caption,.hero .hero-portrait .caption,
  .pattern-interlude .caption,.about-visual .caption,
  .annagain-name,.book-source,.exhibition-head .credit,
  .idea-pause .statement-credit,.about .role,
  .collab-grid article>.eyebrow,.connection-medium,
  .case-copy aside p,.case-copy aside .eyebrow,
  .project-credits h2,.project-credits p,
  .source-credits h2,.source-credits p,
  .publication-enquiry,.publication-note,
  .viewer-top,.viewer-top>span,#viewer-caption,
  footer,#live-status {
    font-size:var(--type-small);
    line-height:1.7;
    color:#555;
    letter-spacing:.02em;
  }
  .book-source { font-size:var(--type-small)!important; }
  #live-status { color:#fff; }
  .caption,.case-gallery .caption { margin-top:16px; }
  .textlink,.work .textlink,.exhibition .textlink,.workshop .textlink,
  .about .textlink,.inquiry .textlink,.practice-panel .textlink,
  .pattern-interlude .interlude-note .textlink,
  .collab-link,.contact-actions .collab-link,.contact-actions a,
  .copy-email,.print-biography,.page-intro .back-link,
  .publication-enquiry,.viewer-top button,.viewer-bottom button,
  .view-switch button,.practice-tabs a {
    font-size:var(--type-small);
    line-height:1.6;
  }
  .practice-explorer h2 { font-size:var(--type-small); color:#555; }
  .practice-tabs a { color:#555; padding:14px 0; }
  .textlink,.collab-link { margin-top:20px; }

  /* Body text is steady from the overview through project detail pages. */
  .intro p,.work#pattern p,.exhibition-head p,.workshop-body p,
  .annagain-text>p,.inquiry p,.about p,.zh .about p,
  .prose p,.zh .prose p,.reading-prose p,.zh .reading-prose p,
  .question-list details p,.mother-forms>p:last-child,
  .collab-grid p,.contact p,.invitation-notes p,
  .publication-list article p,.chronology p,
  .intro .practice-panel p,.connection-card p {
    font-size:var(--type-body);
    line-height:1.8;
  }
  .inquiry p,.reading-prose p,.prose p { max-width:36em; }
  .publication-shortlist li { font-size:20px; line-height:1.75; padding:19px 0; }
  .hero .role,.hero .hero-statement { font-size:var(--type-body); line-height:1.75; }
  .page-lead,.zh .page-lead { font-size:var(--type-lead); line-height:1.8; }
  .contact .collab-lead,.collaboration-reading .collab-lead {
    font-size:var(--type-lead)!important;
    line-height:1.8!important;
  }
  .featured-collaboration p { font-size:var(--type-body); }

  /* Display type keeps its presence without overwhelming nearby information. */
  .hero h1 { font-size:clamp(46px,4.6vw,66px); line-height:1.12; }
  .zh .hero h1 { font-size:clamp(38px,3.8vw,56px); line-height:1.4; }
  .work#pattern h3,.exhibition-head h3,.workshop-body h3,
  .annagain-heading h2,.inquiry h2,.contact h2 {
    font-size:var(--type-section);
    line-height:1.3;
    letter-spacing:0;
    text-wrap:balance;
  }
  .inquiry h2 { max-width:none; margin-bottom:28px; }
  .sectionhead h2,.about>h2,.about-visual h2 { font-size:24px; }
  .writing h3 { font-size:30px; line-height:1.5; margin:22px 0; text-wrap:balance; }
  .practice-panel h3 { font-size:26px; line-height:1.5; }
  .collab-grid h3 { font-size:30px; line-height:1.4; }
  .featured-collaboration h3 { font-size:38px; line-height:1.35; }
  .connection-card h3,.publication-list h2,.question-list summary {
    font-size:32px;
    line-height:1.45;
    text-wrap:balance;
  }
  .page-intro h1 { font-size:clamp(46px,4.8vw,68px); line-height:1.15; text-wrap:balance; }
  .zh .page-intro h1 { font-size:clamp(38px,3.8vw,56px); line-height:1.4; }
  .idea-pause blockquote { font-size:clamp(36px,3.6vw,52px); line-height:1.35; }
  .zh .idea-pause blockquote { font-size:clamp(32px,3.3vw,48px); line-height:1.6; }
  .source-credits h2,.project-credits h2 { letter-spacing:.04em; }
  .publication-list article { grid-template-columns:150px minmax(0,1fr) 110px; }

  @media (min-width:761px) and (max-width:1100px) {
    .wrap>header { flex-wrap:wrap; row-gap:12px; }
    nav,.document-page header nav { width:100%; justify-content:space-between; gap:12px 18px; }
    html { scroll-padding-top:160px; }
    section[id],article[id],div[id=writing] { scroll-margin-top:160px; }
    .hero h1 { font-size:48px; }
    .zh .hero h1 { font-size:38px; }
    .featured-collaboration h3 { font-size:34px; }
    .publication-list article { grid-template-columns:110px minmax(0,1fr) 100px; gap:24px; }
  }

  @media (max-width:760px) {
    :root {
      --type-small:17px;
      --type-body:20px;
      --type-lead:21px;
      --type-section:clamp(32px,8.5vw,40px);
    }
    .name small { font-size:18px; }
    .menu { font-size:17px; }
    nav,.document-page header nav,.lang,nav a { font-size:18px; }
    .hero h1 { font-size:clamp(38px,10vw,48px); }
    .zh .hero h1 { font-size:clamp(32px,8.5vw,40px); }
    .hero .textlink { font-size:var(--type-small); }
    .pattern-interlude .caption { font-size:var(--type-small); }
    .pattern-interlude .interlude-note>p:not(.eyebrow) { font-size:27px; }
    .sectionhead h2,.about>h2,.about-visual h2 { font-size:23px; }
    .writing h3 { font-size:27px; }
    .publication-shortlist li { font-size:19px; }
    .practice-panel h3 { font-size:25px; }
    .practice-explorer h2,.practice-tabs a,.practice-panel .textlink { font-size:var(--type-small); }
    .collab-grid article:not(.featured-collaboration) h3 { font-size:28px; }
    .featured-collaboration h3 { font-size:32px; }
    .connection-card h3,.publication-list h2,.question-list summary { font-size:28px; }
    .page-intro h1 { font-size:clamp(38px,10vw,46px); }
    .zh .page-intro h1 { font-size:clamp(32px,8.5vw,40px); }
    .idea-pause blockquote { font-size:clamp(29px,7.5vw,36px); }
    .zh .idea-pause blockquote { font-size:clamp(27px,7.2vw,34px); }
    .contact-actions button,.contact-actions a { font-size:var(--type-small); }
    .source-credits p { font-size:var(--type-small); }
    .publication-list article { grid-template-columns:1fr; gap:14px; }
    .contact .email { font-size:clamp(19px,5.7vw,30px); }
    .reading-contact p { font-size:var(--type-body); }
    .reading-contact .textlink { font-size:var(--type-small); }
    .viewer-top>span { max-width:60%; }
  }
}
/* The page scroll padding already accounts for the sticky header. */
@media screen {
  .hero .role { white-space:pre-line; }
  .inquiry-identity h2 { margin-top:20px; }
  .inquiry-copy>.inquiry-question { font:400 var(--type-section)/1.3 Georgia,'Songti SC',serif; letter-spacing:0; text-wrap:balance; margin:0 0 28px; }
  section[id],article[id],div[id=writing] { scroll-margin-top:0; }
}

@media screen {
  .case-copy aside .case-concept-title { white-space:pre-line; font-family:Georgia,'Songti SC',serif; font-size:32px; font-weight:400; line-height:1.5; letter-spacing:0; color:#171717; max-width:9em; margin:22px 0 0; text-wrap:balance; }
  @media(max-width:760px) { .case-copy aside .case-concept-title { font-size:30px; max-width:18em; margin:15px 0 10px; } }
}


/* A nearby work lets visitors assess each collaboration before getting in touch. */
@media screen {
 .collab-grid .collab-evidence {
  display:inline-flex;align-items:center;align-self:flex-start;
  min-height:44px;padding:6px 0;margin:0 0 12px;max-width:100%;
  font-size:var(--type-small);line-height:1.6;color:#555;
  text-decoration:underline;text-underline-offset:5px;text-decoration-color:#aaa;
 }
 .featured-collaboration>.collab-evidence {grid-column:2;grid-row:3;justify-self:start;}
 .featured-collaboration>.collab-link {grid-row:4;}
}

/* Four invitation directions follow the artist-led project introduction. */
@media screen and (min-width:761px) {
 .collab-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
}

/* Keep the reading text calm while the linked title signals the action. */
@media screen {
 .concept-pathways .connection-card:hover,
 .concept-pathways .connection-card:focus-visible {text-decoration:none;}
 .concept-pathways .connection-card:hover h3,
 .concept-pathways .connection-card:focus-visible h3 {
  text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;
 }
}

@media screen {
 .writing-overview>.writing {border-top:0;margin-top:0;padding-top:0;}
 .writing-overview>div>.eyebrow {font-size:var(--type-small);color:#555;}
 .inquiry-copy>.inquiry-question {white-space:pre-line;}
}


/* Ideas lead the homepage; complete symbols are contextualized in the research reading. */
@media screen {
 .worldview-origin {padding:42px 40px 44px;}
 .worldview-heading {display:grid;grid-template-columns:.85fr 1.25fr;gap:7%;align-items:start;}
 .worldview-heading .eyebrow {margin:0 0 24px;}
 .worldview-title {font:400 clamp(36px,3.5vw,50px)/1.3 Georgia,"Songti SC",serif;white-space:pre-line;text-wrap:balance;margin:0 0 20px;}
 .worldview-caption {font-size:var(--type-small);line-height:1.7;color:#555;margin:0;}
 .worldview-reading p {font-size:var(--type-body);line-height:1.8;margin:0 0 18px;}
 .worldview-reading p:last-child {margin-bottom:0;}
 .worldview-principles {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:38px 0 30px;}
 .worldview-principles article {border-top:1px solid #aaa;padding-top:20px;min-width:0;}
 .worldview-principles h3 {font:400 36px/1.3 Georgia,"Songti SC",serif;margin:0 0 12px;}
 .worldview-principles .principle-meaning {font-size:var(--type-small);line-height:1.6;color:#555;margin:0 0 18px;}
 .worldview-principles blockquote {font:400 var(--type-body)/1.8 Georgia,"Songti SC",serif;margin:0;}
 .worldview-footer .book-source {margin:0 0 20px;}
 .worldview-actions {display:flex;flex-wrap:wrap;gap:18px 30px;}
 .worldview-actions .textlink {margin-top:0;}
 .symbol-context {border-left:2px solid #aaa;background:#f6f6f6;padding:22px 26px;margin:30px 0 40px;}
 .symbol-context h3 {font-size:var(--type-small);line-height:1.6;margin:0 0 12px;}
 .symbol-context p {font-size:var(--type-body);line-height:1.8;margin:0;}
 .symbol-context .textlink {font-size:var(--type-small);line-height:1.7;margin-top:18px;}
}
@media screen and (max-width:760px) {
 .worldview-origin {padding:28px 22px 32px;}
 .worldview-heading {grid-template-columns:1fr;gap:26px;}
 .worldview-heading .eyebrow {margin-bottom:18px;}
 .worldview-title {font-size:36px;margin-bottom:14px;}
 .worldview-principles {grid-template-columns:1fr;gap:26px;margin:30px 0;}
 .worldview-principles h3 {font-size:30px;}
 .worldview-principles .principle-meaning {margin-bottom:10px;}
 .worldview-actions {gap:14px 22px;}
 .symbol-context {padding:20px;margin:26px 0 32px;}
}

/* Publication awards remain readable and attached to the relevant edition. */
@media screen {
 .writing .publication-recognition {font-size:var(--type-small);line-height:1.8;color:#444;margin:24px 0 8px;max-width:760px;}
 .publication-award {border-left:2px solid #bbb;padding-left:22px;margin-top:24px;}
 .publication-award .award-title {font-size:20px;line-height:1.7;color:#222;margin:0 0 12px;}
 .publication-award .award-note {font-size:var(--type-small);line-height:1.8;margin:0 0 12px;overflow-wrap:anywhere;}
 .award-source {font-size:var(--type-small);line-height:1.7;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;}
 .award-source:focus-visible {outline:2px solid #555;outline-offset:5px;}
}
@media screen and (max-width:760px) {
 .publication-award {padding-left:18px;margin-top:20px;}
 .publication-award .award-title {font-size:19px;}
}

/* Use the artist's clean cover; frame page details without the surrounding carpet. */
@media screen {
 .book-feature>figure {max-width:430px;margin:0;}
 .book-feature>figure>.image-trigger {padding:26px;background:#f0f0ee;box-sizing:border-box;}
 .book-feature>figure>.image-trigger img {display:block;width:100%;height:auto;box-shadow:0 10px 22px rgba(0,0,0,.10);}
 .book-spreads .image-trigger {overflow:hidden;aspect-ratio:1.48;isolation:isolate;}
 .book-spreads .image-trigger img {filter:brightness(1.06);}
 .book-spreads [data-asset=pattern-origins-book-002] .image-trigger img {left:50%;top:43%;width:104%;height:auto;transform:translate(-50%,-50%) rotate(-90deg);}
 .book-spreads [data-asset=pattern-origins-book-006] .image-trigger img {position:absolute;max-width:none;width:133%;height:auto;left:50%;top:45%;transform:translate(-50%,-50%);}
 .book-spreads [data-asset=pattern-origins-book-009] .image-trigger img {left:50%;top:50%;width:121%;height:auto;transform:translate(-50%,-50%) rotate(180deg);}
}
@media screen and (max-width:760px) {
 .book-feature>figure {width:100%;max-width:430px;margin:0 auto;}
 .book-feature>figure>.image-trigger {padding:22px;}
}

/* Publication facts sit below the narrative at the established readable small size. */
.publication-list article .publication-bibliography {font-size:var(--type-small);line-height:1.8;color:#555;margin-top:18px;}

/* A book image and its introduction form one publication entry. */
@media screen {
 .publication-list article.publication-illustrated {grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:8%;align-items:start;padding:40px 0 60px;}
 .publication-illustrated .publication-image,.publication-illustrated .publication-copy {min-width:0;}
 .publication-illustrated .publication-image figure {margin:0;}
 .publication-illustrated .image-trigger {display:block;width:100%;background:#fff;}
 .publication-illustrated .image-trigger img {display:block;width:100%;height:auto;object-fit:contain;transform:none;}
 .publication-illustrated .caption {font-size:var(--type-small);line-height:1.7;overflow-wrap:anywhere;}
 .publication-illustrated .publication-copy>.eyebrow {display:block;margin:0 0 18px;}
 .publication-illustrated .publication-enquiry {display:inline-block;margin-top:26px;text-align:left;font-size:var(--type-small);}
}
@media screen and (max-width:900px) {
 .publication-list article.publication-illustrated {grid-template-columns:1fr;gap:32px;padding:32px 0 45px;}
 .publication-illustrated .publication-image {width:100%;max-width:520px;}
}

/* Two related publications share one photograph while retaining separate records. */
@media screen {
 .publication-pair {display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:8%;align-items:start;border-top:1px solid var(--line);padding:40px 0 60px;}
 .publication-pair>div {min-width:0;}
 .publication-pair .publication-image figure {margin:0;}
 .publication-pair .image-trigger {display:block;width:100%;aspect-ratio:1.1;overflow:hidden;background:#f3f1ed;}
 .publication-pair .image-trigger img {display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:none;}
 .publication-pair .caption {font-size:var(--type-small);line-height:1.7;}
 .publication-pair .paired-publication-copy>article {display:block;border-top:0;padding:0 0 36px;}
 .publication-pair .paired-publication-copy>article+article {border-top:1px solid var(--line);padding-top:32px;}
 .publication-pair .paired-publication-copy>article:last-child {padding-bottom:0;}
 .publication-pair .eyebrow {display:block;margin:0 0 18px;}
 .publication-pair .publication-enquiry {display:inline-block;margin-top:26px;text-align:left;font-size:var(--type-small);}
 #secret-garden-publication .image-trigger {aspect-ratio:auto;overflow:visible;background:#fff;}
 #secret-garden-publication .image-trigger img {height:auto;object-fit:contain;object-position:center;}
}
@media screen and (max-width:900px) {
 .publication-pair {grid-template-columns:1fr;gap:32px;padding:32px 0 45px;}
 .publication-pair .publication-image {width:100%;max-width:520px;}
}