/* Taihu: typography lives beside or below the painting, never across it. */
:root{--verse-space:clamp(112px,13svh,132px)}
.cover-caption{top:calc((100svh - var(--verse-space) + var(--film-art-height))/2 + 12px);bottom:auto;padding:0 16px;background:none}
.cover-caption h1{font-size:clamp(24px,2.4vw,32px);margin:0}
.lake{min-height:0;padding-bottom:60px}
.lake .chapter-heading{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-areas:"title art" "poem art" "lead art";grid-template-rows:auto auto 1fr;align-items:start;gap:40px 5%;min-height:0;padding:40px 0 0}
.lake .chapter-heading h1{grid-area:title;width:auto;padding:0;font-size:clamp(64px,7.5vw,112px);line-height:1.25;letter-spacing:0}
.lake .chapter-heading h1 span+span{margin-left:.3em}
.lake .lake-window{grid-area:art;position:relative;inset:auto;width:100%;height:clamp(460px,49vw,710px);margin:0;align-self:center}
.lake .poem{grid-area:poem;position:static;writing-mode:horizontal-tb;font-size:clamp(26px,2.6vw,38px);line-height:1.8;letter-spacing:.1em;background:none;padding:0;margin:0}
.lake .poem span+span{margin-left:1em;margin-top:0}
.lake .chapter-heading .lead{grid-area:lead;position:static;inset:auto;width:auto;max-width:23em;margin:0;font-size:17px;line-height:2.2;align-self:start;text-wrap:pretty;color:#5b5265;opacity:1}
.lake .scenography{mask-image:linear-gradient(to right,transparent 32%,#000 65%);opacity:.5}
.lake .chapter-footer{margin:35px 0 0;padding:0}
/* Four illustrated moments, held together by a stage-jewelry ornament. */
.history .chapter-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr;gap:25px 9%;align-items:center;min-height:0;padding:35px 0 80px}
.history .chapter-heading h1{width:auto;font-size:clamp(78px,9vw,132px);transform:none;line-height:1.2}
.history .chapter-heading h1 span+span{margin-left:.55em}
.history .chapter-heading .lead{grid-column:1;grid-row:2;margin:0 0 0 8%;max-width:18em;align-self:start}
.history .history-portrait{grid-column:2;grid-row:1/3;position:relative;inset:auto;width:100%;max-width:470px;justify-self:center;margin:0;border-radius:48% 48% 5% 5% / 30% 30% 5% 5%;transform:rotate(3deg)}
.history .scene-ribbon{height:850px;opacity:.24}
.history-river{padding:170px 0 95px;min-height:0}
.history-river .timeline{display:flex;flex-direction:column;gap:110px}
.history-river .timeline section,.history-river .timeline section:nth-child(even){position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:140px;width:100%;max-width:none;margin:0;padding:0;min-height:0}
.stanza-copy{grid-column:2;grid-row:1;max-width:26em;padding:15px 0}
.history-plate{grid-column:1;grid-row:1;position:relative;align-self:center;transform:rotate(-1.5deg);margin:0}
.history-plate img{width:100%;height:auto;display:block;border-radius:5px}
.history-river .timeline section:nth-child(even) .stanza-copy{grid-column:1;justify-self:end}
.history-river .timeline section:nth-child(even) .history-plate{grid-column:2;transform:rotate(1.5deg)}
.history-river .timeline section:nth-child(2) .history-plate{width:84%;justify-self:center}
.history-river .timeline h2{font-size:clamp(29px,3vw,43px);line-height:1.4;margin-bottom:24px;letter-spacing:.1em}
.history-river .timeline p{font-size:16px;line-height:2.25;text-wrap:pretty;margin:0}
.history-jewelry{position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:140px;height:100%;pointer-events:none;overflow:visible}
.history .chapter-footer{margin:0;padding-top:25px}
@media(max-width:900px){
 .lake .chapter-heading{gap:30px 4%}.lake .chapter-heading h1{font-size:clamp(54px,7.5vw,72px)}.lake .lake-window{height:480px}.lake .poem{font-size:26px}
 .history-river .timeline section,.history-river .timeline section:nth-child(even){gap:95px}.history-jewelry{width:95px}.history-river .timeline p{font-size:15px}
}
@media(max-width:650px){
 .lake .chapter-heading{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"title" "art" "poem" "lead";gap:32px;padding-top:12px}
 .lake .chapter-heading h1{font-size:clamp(56px,15vw,82px)}.lake .chapter-heading h1 span+span{margin-left:.6em}
 .lake .lake-window{width:100%;height:auto;aspect-ratio:4/5;max-height:none;right:auto;top:auto}
 .lake .poem{font-size:27px;text-align:center;letter-spacing:.12em}.lake .poem span+span{margin-left:1em}
 .lake .chapter-heading .lead{font-size:15px;line-height:2.1;max-width:24em;justify-self:center}.lake .scenography{mask-image:linear-gradient(to bottom,transparent 15%,#000 30%,transparent 67%);opacity:.35}
 .lake .chapter-footer{margin-top:36px}
 .history .chapter-heading{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:26px;padding:10px 0 45px}
 .history .chapter-heading h1{grid-column:1;grid-row:1;font-size:clamp(65px,18vw,95px)}
 .history .chapter-heading .lead{grid-column:1;grid-row:2;margin:0;font-size:15px;max-width:22em}
 .history .history-portrait{grid-column:1;grid-row:3;width:79%;max-width:360px;justify-self:end;inset:auto;transform:rotate(2deg)}
 .history-river{padding:160px 0 80px 47px}.history-jewelry{left:17px;width:64px;transform:translateX(-50%)}
 .history-river .timeline{gap:70px}.history-river .timeline section,.history-river .timeline section:nth-child(even){display:flex;flex-direction:column;gap:25px;margin:0;width:100%;align-items:stretch}
 .history-river .timeline section .history-plate,.history-river .timeline section:nth-child(2) .history-plate{order:0;width:100%;transform:none}
 .history-river .timeline section .stanza-copy{order:1;max-width:none;padding:0}.history-river .timeline h2{font-size:28px;margin-bottom:16px}.history-river .timeline p{font-size:15px;line-height:2.1}
}