/* Artist presence, readable type, and image-specific editorial crops. */
body { font-size:20px; line-height:1.75; }
.wrap { max-width:1600px; padding:0 5%; }
.wrap>header { padding:25px 0; }
.name { font-size:30px; }
.name small { font-size:19px; }
nav,.document-page header nav { gap:25px; font-size:16px; }
.lang { font-size:16px; }
.eyebrow { font-size:14px; letter-spacing:.09em; line-height:1.75; }
.textlink,.work .textlink,.exhibition .textlink,.workshop .textlink,
.about .textlink,.inquiry .textlink { font-size:17px; line-height:1.6; padding-bottom:8px; }
.caption,.case-gallery .caption { font-size:14px; line-height:1.7; color:#555; }
.image-trigger { overflow:hidden; }

/* An introduction to a person, with the visual inquiry following below. */
.hero { grid-template-columns:1.2fr .9fr; gap:9%; padding:56px 0 76px; min-height:0; align-items:center; }
.hero .eyebrow { margin-bottom:25px; color:#444; }
.hero h1 { font-size:clamp(54px,5vw,79px); line-height:1.08; max-width:560px; margin:24px 0 25px; }
.hero .role { font-size:23px; line-height:1.6; margin-top:0; max-width:600px; }
.hero .hero-statement { font-size:23px; line-height:1.75; max-width:570px; margin:23px 0 0; }
.hero .textlink { margin-top:26px; }
.hero .hero-portrait { position:relative; margin:0 26px 0 0; width:auto; align-self:center; isolation:isolate; }
.hero-portrait::before { content:""; position:absolute; z-index:-1; left:24%; right:-26px; top:30px; bottom:19px; background:#e9e9e9; }
.hero-portrait .image-trigger { height:clamp(410px,37vw,550px); background:#e9e9e9; }
.hero-portrait img { width:100%; height:100%; object-fit:cover; object-position:70% 42%; filter:grayscale(1); transform:scale(1.22); transform-origin:75% 55%; }
.hero .hero-portrait .caption { margin-top:20px; display:block; font-size:14px; }
.zh .hero h1 { white-space:pre-line; font-size:clamp(40px,4.1vw,65px); line-height:1.38; max-width:none; }

.intro { grid-template-columns:.7fr 1.6fr; gap:8%; padding:45px 0 65px; }
.intro p { font-size:25px; line-height:1.75; max-width:900px; }
.practice-links { font-size:17px; gap:20px 32px; margin-top:25px; }
.pattern-interlude { display:grid; grid-template-columns:.45fr 1.55fr; align-items:end; gap:7%; padding:0 0 90px; }
.interlude-note { padding:30px 0 58px; }
.interlude-note>p:not(.eyebrow) { font:400 30px/1.5 Georgia,"Songti SC",serif; margin:20px 0 0; max-width:280px; white-space:pre-line; }
.interlude-note .textlink { font-size:16px; }
.pattern-interlude .hero-figure { margin:0; min-width:0; }
.pattern-interlude .hero-image { height:420px; background:#efefef; }
.pattern-interlude .hero-image::before { left:0; top:0; right:0; bottom:0; background:#ededed; }
.pattern-interlude .hero-image img { height:100%; object-fit:cover; object-position:60% 43%; transform:scale(2.1); transform-origin:62% 44%; }
.pattern-interlude .hero-image[data-hero-view=whole] img { transform:scale(1); object-fit:contain; mix-blend-mode:normal; }
.pattern-interlude .caption { flex-wrap:wrap; gap:12px 25px; }
.view-switch button { font-size:15px; padding:5px 6px; min-height:40px; }

.sectionhead { padding-top:25px; margin-bottom:55px; }
.sectionhead h2 { font-size:23px; }
.sectionhead .eyebrow { font-size:15px; }
.work#pattern { grid-template-columns:1.05fr 1fr; gap:9%; align-items:center; }
.work#pattern>div { padding-top:0; }
.work#pattern h3 { font-size:clamp(40px,4vw,62px); line-height:1.2; }
.work#pattern p { font-size:23px; line-height:1.8; max-width:570px; }
.work#pattern figure { max-width:none; }
.work#pattern .image-trigger { height:570px; background:#eee; }
.work#pattern .image-trigger img { height:100%; max-height:none; object-fit:cover; object-position:45% 62%; transform:scale(1.6); transform-origin:47% 61%; mix-blend-mode:multiply; }
.details { font-size:19px; }
.details summary { font-size:18px; padding:14px 0; }
.details p,.details .book-excerpt p { font-size:20px; line-height:1.9; }
.annagain { padding:45px 50px 55px; margin-bottom:100px; background:#f0f0f0; }
.annagain-heading { grid-template-columns:1fr 1fr; }
.annagain-heading h2 { font-size:clamp(40px,4vw,60px); }
.annagain-name { font-size:17px; line-height:1.7; }
.symbols { padding:55px 0; }
.symbols>div { font-size:20px; gap:18px; }
.symbols .glyph { font-size:132px; }
.annagain-text { margin-left:38%; }
.annagain-text>p { font-size:23px; line-height:1.8; }
.book-source { font-size:16px!important; line-height:1.8; }
.exhibition-head { grid-template-columns:1fr 1.15fr; gap:9%; }
.exhibition-head h3 { font-size:clamp(50px,5vw,76px); }
.exhibition-head p,.workshop-body p { font-size:23px; line-height:1.8; max-width:610px; }
.exhibition-head .credit { font-size:17px; line-height:1.9; }
.exhibition-images { grid-template-columns:1.15fr .85fr; gap:7%; }
.exhibition-images figure:first-child .image-trigger { height:650px; }
.exhibition-images figure:first-child img { height:100%; object-fit:cover; object-position:50% 65%; transform:scale(1.13); transform-origin:50% 65%; }
.exhibition-images figure:nth-child(2) { padding-top:150px; }
.exhibition-images figure:nth-child(2) .image-trigger { height:500px; }
.exhibition-images figure:nth-child(2) img { height:100%; object-fit:cover; object-position:25% 54%; transform:scale(1.2); transform-origin:25% 54%; }
.exhibition .details { margin-left:54%; }
.workshop>.lead-image { width:100%; }
.workshop>figure>.image-trigger { height:560px; }
.workshop>figure img { height:100%; object-fit:cover; object-position:50% 62%; }
.workshop-body { gap:9%; margin:38px 0; }
.workshop-body h3 { font-size:clamp(45px,4.5vw,66px); }
.workshop-bottom { grid-template-columns:.75fr 1fr; gap:10%; }
.workshop-bottom figure { max-width:none; }
.workshop-bottom .image-trigger { height:450px; }
.workshop-bottom img { height:100%; max-height:none; object-fit:cover; object-position:50% 60%; }
.workshop-bottom blockquote { font-size:40px; line-height:1.45; }
.workshop-bottom blockquote small { font-size:19px; line-height:1.8; }
.inquiry { grid-template-columns:.7fr 1.6fr; gap:8%; padding:60px 0 80px; }
.inquiry h2 { font-size:clamp(48px,5vw,76px); }
.inquiry p { font-size:23px; line-height:1.85; max-width:900px; }
.writing .eyebrow { font-size:14px; }
.writing h3 { font-size:33px; line-height:1.45; }
.publication-shortlist li { font-size:19px; padding:18px 0; }
.about { grid-template-columns:.7fr 1.6fr; gap:8%; align-items:start; padding:55px 0 85px; }
.about>h2 { font-size:23px; line-height:1.5; }
.about blockquote { font-size:40px; line-height:1.5; }
.about p,.zh .about p { font-size:23px; line-height:1.9; max-width:900px; }
.about .role { font-size:19px; }
.contact { padding-top:50px; }
.contact h2 { font-size:clamp(44px,5vw,76px); line-height:1.3; }
.contact .collab-lead { font-size:27px!important; line-height:1.8!important; max-width:1050px!important; }
.collab-grid { gap:45px 8%; }
.collab-grid h3 { font-size:34px; line-height:1.35; }
.collab-grid p,.contact p { font-size:21px; line-height:1.8; max-width:650px; }
.collab-grid article>.eyebrow { font-size:15px; }
.collab-link,.copy-email,.contact-actions .collab-link { font-size:17px; min-height:42px; }
.contact .email { font-size:clamp(24px,3vw,39px); }
footer { font-size:14px; padding:28px 0 40px; }

/* Detail pages share the larger reading scale and retain complete originals in the viewer. */
.page-intro { padding-top:55px; padding-bottom:50px; max-width:1250px; }
.page-intro .back-link { font-size:16px; }
.page-intro h1 { font-size:clamp(58px,6vw,88px); }
.page-lead,.zh .page-lead { font-size:27px; line-height:1.8; max-width:1000px; }
.case-lead .image-trigger { height:580px; background:#eee; }
.case-lead .image-trigger img { height:100%; max-height:none; object-fit:cover; }
.case-pattern .image-trigger img { object-position:48% 64%; transform:scale(1.55); transform-origin:48% 64%; mix-blend-mode:multiply; }
.case-threads .image-trigger img { object-position:50% 59%; }
.case-houston .image-trigger img { object-position:50% 62%; }
.case-copy { grid-template-columns:.65fr 1.6fr; gap:8%; }
.case-copy aside p { font-size:17px; line-height:1.8; max-width:280px; }
.prose { max-width:900px; }
.prose p,.zh .prose p { font-size:23px; line-height:1.9; margin-bottom:30px; }
.project-credits h2 { font-size:17px; }
.project-credits p { font-size:18px; line-height:1.8; margin-bottom:12px; }
.case-gallery { grid-template-columns:1.15fr .85fr; gap:6%; }
.case-gallery .image-trigger { height:530px; background:#f0f0f0; }
.case-gallery figure:nth-child(2) { margin-top:100px; }
.case-gallery img { height:100%; max-height:none; object-fit:cover; object-position:50% 55%; }
.case-gallery img[src*="pattern-congjiang"] { transform:scale(1.8); transform-origin:63% 44%; mix-blend-mode:multiply; }
.case-gallery img[src*="pattern-figurative"] { object-fit:contain; transform:scale(1.3); mix-blend-mode:multiply; }
.case-gallery img[src*="threads-light"] { object-position:25% 55%; }
.case-gallery img[src*="houston-drawing"] { object-position:50% 62%; }
.related-reading h2 { font-size:20px; }
.related-reading .textlink { font-size:22px; }
.reading-contact p { font-size:25px; }
.reading-contact .textlink { font-size:19px; }
.source-credits { grid-template-columns:.7fr 1.6fr; gap:8%; }
.source-credits h2 { font-size:14px; }
.source-credits p { font-size:15px; line-height:1.85; max-width:900px; }
.biography-layout { grid-template-columns:.85fr 1.5fr; gap:8%; }
.portrait-in-context { max-width:none; }
.portrait-in-context .image-trigger { height:470px; }
.portrait-in-context img { height:100%; object-fit:cover; object-position:70% 43%; filter:grayscale(1); }
.chronology p { font-size:21px; }
.chronology>div:not(.reading-section-head) { grid-template-columns:120px 1fr; }
.print-biography { font-size:17px; }
.reading-prose,.question-list { max-width:900px; }
.reading-prose p,.zh .reading-prose p { font-size:23px; line-height:1.9; }
.question-list summary { font-size:36px; line-height:1.45; }
.question-list details p { font-size:22px; line-height:1.9; }
.mother-forms { padding:45px 50px; }
.mother-forms>p:last-child { font-size:23px; max-width:900px; }
.publication-list article { grid-template-columns:150px 1fr 100px; gap:30px; padding:32px 0; }
.publication-list h2 { font-size:36px; }
.publication-list article p { font-size:21px; max-width:900px; }
.publication-enquiry { font-size:17px; }
.publication-note { font-size:17px; max-width:900px; margin-left:180px; }
.collaboration-reading .collab-lead { font-size:27px!important; }
.invitation-notes p { font-size:22px; }
.viewer-top,.viewer-top button,.viewer-bottom button { font-size:17px; }
.viewer-top>span,#viewer-caption { font-size:15px; }

@media (min-width:761px) and (max-width:1100px) {
  nav,.document-page header nav { font-size:15px; gap:17px; }
  .hero { grid-template-columns:1.1fr .9fr; gap:7%; }
  .hero h1 { font-size:53px; }
  .zh .hero h1 { font-size:39px; }
  .hero .role { font-size:20px; }
  .hero .hero-statement { font-size:21px; }
  .hero-portrait .image-trigger { height:420px; }
  .pattern-interlude { grid-template-columns:.55fr 1.45fr; gap:5%; }
  .pattern-interlude .hero-image { height:370px; }
  .interlude-note>p:not(.eyebrow) { font-size:27px; }
  .work#pattern .image-trigger { height:500px; }
  .work#pattern h3 { font-size:43px; }
  .exhibition-images figure:first-child .image-trigger { height:540px; }
  .exhibition-images figure:nth-child(2) .image-trigger { height:440px; }
  .intro p,.inquiry p,.work#pattern p,.exhibition-head p,.workshop-body p,
  .about p,.zh .about p,.prose p,.zh .prose p { font-size:21px; }
  .case-copy,.biography-layout { grid-template-columns:.7fr 1.4fr; gap:6%; }
}

@media (max-width:760px) {
  body { font-size:18px; }
  .wrap { padding:0 6%; }
  .wrap>header { padding:17px 0; gap:15px; }
  .name { font-size:26px; }
  .name small { font-size:17px; margin-left:10px; }
  .menu { font-size:16px; min-height:44px; }
  nav,.document-page header nav { font-size:18px; gap:18px 25px; padding:22px; }
  nav a { font-size:18px; min-height:36px; }
  .lang { font-size:18px; min-height:40px; }
  .eyebrow { font-size:13px; }
  .hero { display:flex; flex-direction:column; gap:32px; padding:28px 0 48px; align-items:stretch; }
  .hero h1 { font-size:clamp(40px,10.5vw,58px); line-height:1.08; max-width:520px; margin:18px 0 20px; }
  .hero .eyebrow { margin-bottom:16px; }
  .hero .role { font-size:19px; line-height:1.6; max-width:500px; }
  .hero .hero-statement { font-size:20px; line-height:1.75; margin-top:18px; max-width:550px; }
  .hero .textlink { margin-top:19px; font-size:16px; }
  .hero .hero-portrait { margin:0 17px 0 0; width:auto; align-self:stretch; }
  .hero-portrait::before { right:-17px; top:20px; bottom:17px; }
  .hero-portrait .image-trigger { height:clamp(330px,90vw,520px); }
  .hero-portrait img { object-position:70% 40%; }
  .hero .hero-portrait .caption { font-size:13px; margin-top:15px; }
  .zh .hero h1 { font-size:clamp(33px,8.5vw,46px); line-height:1.4; max-width:none; }
  .caption,.case-gallery .caption { font-size:13px; }
  .intro { grid-template-columns:1fr; gap:18px; padding:28px 0 42px; }
  .intro p { font-size:21px; line-height:1.8; }
  .practice-links { font-size:16px; gap:18px 24px; }
  .pattern-interlude { grid-template-columns:1fr; gap:22px; padding-bottom:55px; }
  .interlude-note { padding:0; }
  .interlude-note>p:not(.eyebrow) { font-size:27px; max-width:420px; margin:14px 0 0; }
  .interlude-note .textlink { margin-top:15px; }
  .pattern-interlude .hero-image { height:330px; }
  .pattern-interlude .hero-image img { transform:scale(2.2); }
  .pattern-interlude .caption { display:flex; gap:10px; font-size:13px; }
  .pattern-interlude .caption>span:nth-child(2) { display:none; }
  .view-switch { margin-left:auto; }
  .view-switch button { font-size:14px; min-height:40px; }
  .sectionhead { margin-bottom:32px; }
  .sectionhead h2 { font-size:21px; }
  .sectionhead .eyebrow { font-size:13px; }
  .work#pattern { grid-template-columns:1fr; gap:28px; margin-bottom:58px; }
  .work#pattern .image-trigger { height:450px; }
  .work#pattern h3 { font-size:39px; }
  .work#pattern p,.exhibition-head p,.workshop-body p { font-size:21px; line-height:1.85; }
  .work .textlink,.exhibition .textlink,.workshop .textlink,.about .textlink { font-size:17px; }
  .details summary { font-size:17px; }
  .details p,.details .book-excerpt p { font-size:19px; }
  .annagain { padding:28px 22px 35px; margin-bottom:60px; }
  .annagain-heading { grid-template-columns:1fr; }
  .annagain-heading h2 { font-size:39px; }
  .annagain-name { font-size:16px; }
  .symbols { gap:10px; padding:38px 0; }
  .symbols .glyph,.zh .symbols .glyph { font-size:85px; }
  .symbols>div { font-size:17px; gap:14px; }
  .annagain-text { margin-left:0; }
  .annagain-text>p { font-size:21px; }
  .book-source { font-size:15px!important; }
  .exhibition-head { grid-template-columns:1fr; gap:15px; }
  .exhibition-head h3 { font-size:48px; }
  .exhibition-head .credit { font-size:16px; }
  .exhibition-images { grid-template-columns:1fr; gap:30px; }
  .exhibition-images figure:first-child .image-trigger { height:490px; }
  .exhibition-images figure:nth-child(2) { padding-top:0; width:83%; margin-left:auto; }
  .exhibition-images figure:nth-child(2) .image-trigger { height:410px; }
  .exhibition .details { margin-left:0; }
  .workshop>figure>.image-trigger { height:360px; }
  .workshop>figure img { object-position:50% 65%; }
  .workshop-body { grid-template-columns:1fr; gap:0; margin:24px 0; }
  .workshop-body h3 { font-size:44px; }
  .workshop-bottom { grid-template-columns:1fr; gap:30px; }
  .workshop-bottom figure { width:80%; }
  .workshop-bottom .image-trigger { height:360px; }
  .workshop-bottom blockquote { font-size:32px; }
  .workshop-bottom blockquote small { font-size:19px; }
  .inquiry,.about { grid-template-columns:1fr; gap:25px; padding:35px 0 55px; }
  .inquiry h2 { font-size:43px; }
  .inquiry p,.about p,.zh .about p { font-size:21px; line-height:1.85; }
  .writing h3 { font-size:28px; }
  .publication-shortlist li { font-size:18px; }
  .about>h2 { font-size:21px; }
  .about blockquote { font-size:31px; }
  .about .role { font-size:17px; }
  .contact h2 { font-size:41px; }
  .contact .collab-lead,.collaboration-reading .collab-lead { font-size:22px!important; line-height:1.85!important; }
  .collab-grid { gap:28px; }
  .collab-grid h3 { font-size:29px; }
  .collab-grid p,.contact p { font-size:20px; line-height:1.8; }
  .contact .email { font-size:clamp(19px,5.7vw,30px); }
  .contact-actions { gap:20px 30px; }
  .contact-actions button,.contact-actions a,.collab-link { font-size:16px; min-height:40px; }
  footer { font-size:12px; gap:20px; }
  .page-intro { padding:32px 0 35px; }
  .page-intro .back-link { font-size:15px; }
  .page-intro h1 { font-size:46px; }
  .zh .page-intro h1 { font-size:40px; }
  .page-lead,.zh .page-lead { font-size:22px; line-height:1.85; }
  .case-lead .image-trigger { height:410px; }
  .case-copy { grid-template-columns:1fr; gap:20px; }
  .case-copy aside p { font-size:16px; max-width:none; }
  .prose p,.zh .prose p { font-size:21px; line-height:1.9; }
  .project-credits h2 { font-size:16px; }
  .project-credits p { font-size:17px; }
  .case-gallery { grid-template-columns:1fr; gap:35px; }
  .case-gallery .image-trigger { height:430px; }
  .case-gallery figure:nth-child(2) { margin-top:0; width:86%; margin-left:auto; }
  .related-reading h2 { font-size:19px; }
  .related-reading .textlink { font-size:20px; }
  .reading-contact p { font-size:23px; }
  .reading-contact .textlink { font-size:17px; }
  .source-credits { grid-template-columns:1fr; gap:15px; }
  .source-credits h2 { font-size:13px; }
  .source-credits p { font-size:14px; }
  .biography-layout { grid-template-columns:1fr; gap:35px; }
  .portrait-in-context { width:85%; max-width:420px; }
  .portrait-in-context .image-trigger { height:400px; }
  .chronology>div:not(.reading-section-head) { grid-template-columns:58px 1fr; gap:20px; }
  .chronology p { font-size:19px; }
  .print-biography { font-size:16px; }
  .reading-prose p,.zh .reading-prose p,.question-list details p { font-size:21px; line-height:1.9; }
  .question-list summary { font-size:30px; }
  .mother-forms { padding:30px 22px; }
  .mother-forms>p:last-child { font-size:21px; }
  .publication-list article { grid-template-columns:1fr; gap:14px; padding:28px 0; }
  .publication-list h2 { font-size:31px; }
  .publication-list article p { font-size:20px; }
  .publication-enquiry { grid-column:auto; text-align:left; font-size:17px; }
  .publication-note { margin-left:0; font-size:16px; }
  .invitation-notes { grid-template-columns:1fr; gap:20px; }
  .invitation-notes p { font-size:20px; }
  .viewer-top button,.viewer-bottom button { font-size:16px; }
  #viewer-caption { font-size:14px; }
}

@media print {
  .hero-portrait,.pattern-interlude { display:none; }
  .prose p,.zh .prose p,.chronology p { font-size:13px; line-height:1.75; }
}

.zh .hero .hero-statement { white-space:pre-line; }
.invitation-notes>div p+p { margin-top:22px; }

/* The three forms unfold as the artist's own argument, with room to read. */
.three-forms-reading { margin:70px 0 100px; padding-top:34px; border-top:1px solid #c8c8c8; }
.three-forms-reading>h2 { font:400 clamp(32px,3.5vw,46px)/1.4 Georgia,'Songti SC',serif; text-wrap:balance; max-width:25em; margin:26px 0; }
.three-forms-reading p { font-size:22px; line-height:1.85; }
.three-forms-intro { max-width:38em; }
.three-forms-chapters { margin:45px 0; }
.three-forms-chapters article { display:grid; grid-template-columns:.75fr 1.5fr; gap:8%; padding:35px 0; border-top:1px solid #dedede; }
.three-form-symbol { display:flex; align-items:center; gap:30px; }
.three-form-symbol .glyph { font-size:86px; flex-shrink:0; }
.three-form-symbol h3 { font:400 29px/1.5 Georgia,'Songti SC',serif; margin:0; }
.three-forms-chapters article>p { margin:0; max-width:31em; }
.three-forms-sequence { background:#ededed; padding:36px 44px; margin:0 0 50px; white-space:pre-line; font:400 30px/1.8 Georgia,'Songti SC',serif; }
.three-forms-return { display:grid; grid-template-columns:.75fr 1.5fr; gap:8%; margin-bottom:35px; }
.three-forms-return h3 { font:400 30px/1.5 Georgia,'Songti SC',serif; margin:0; text-wrap:balance; }
.three-forms-return p { margin:0; max-width:31em; }
.three-forms-reading>.caption { font-size:18px; color:#555; }
@media(max-width:1000px) {
 .three-forms-chapters article,.three-forms-return { grid-template-columns:1fr 1.7fr; gap:5%; }
 .three-form-symbol { flex-direction:column; align-items:flex-start; gap:22px; }
}
@media(max-width:760px) {
 .three-forms-reading { margin:45px 0 60px; padding-top:26px; }
 .three-forms-reading p { font-size:20px; line-height:1.8; }
 .three-forms-reading>h2 { font-size:32px; }
 .three-forms-chapters { margin:30px 0; }
 .three-forms-chapters article,.three-forms-return { grid-template-columns:1fr; gap:26px; padding:28px 0; }
 .three-form-symbol { flex-direction:row; align-items:center; gap:24px; }
 .three-form-symbol .glyph { font-size:72px; }
 .three-form-symbol h3,.three-forms-return h3 { font-size:27px; }
 .three-forms-sequence { padding:26px 23px; font-size:24px; line-height:1.8; margin-bottom:25px; }
 .three-forms-return { margin-bottom:18px; }
 .three-forms-reading>.caption { font-size:17px; }
}