/* Keep type readable; let the available column, rather than an arbitrary character cap, set line length. */
body:not([data-project="traditional-color"]) .case-study .case-section.with-visual .section-body>p{font-size:20px;line-height:1.65;text-wrap:pretty}
.case-study .case-section.with-visual .section-heading h2{max-width:none;text-wrap:balance;hyphens:none}
body[data-project="glancemap"] #baseline .section-heading h2{hyphens:none;word-break:normal;text-wrap:balance}
body[data-project="icon-colors"] #guidelines .project-figure:not(.comic-panel) figcaption{display:block;text-wrap:balance}
body[data-project="icon-colors"] #guidelines .project-figure:not(.comic-panel) figcaption>span{display:block;margin-bottom:8px}
body[data-project="suzhou-scrollverse"] #experience figcaption{text-wrap:balance}
body[data-project="hersound"] #question figcaption{text-wrap:balance}
body[data-project="hersound"] .case-hero h1{text-wrap:balance;hyphens:none}
body[data-project="loofasoup"] #characters figcaption p{text-wrap:balance;hyphens:none}
@media(min-width:900px){
 body[data-project="loofasoup"] #characters .section-visuals.character-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px}
 body[data-project="loofasoup"] #characters .project-figure{width:100%}
 body[data-project="loofasoup"] #characters .figure-media img{max-height:240px}
 body[data-project="versecolor"] #study .section-heading{grid-column:1/-1;grid-row:1;max-width:none}
 body[data-project="versecolor"] #study .section-body{grid-column:1/-1;grid-row:2;max-width:70ch;padding-top:0}
 body[data-project="versecolor"] #study .section-visuals{grid-column:1/-1;grid-row:3}
}
@media(max-width:700px){
 body:not([data-project="traditional-color"]) .case-study .case-section.with-visual .section-body>p{font-size:18px}
 body[data-project="suzhou-scrollverse"] #experience .figure-pair{grid-template-columns:1fr;gap:28px}
 body[data-project="suzhou-scrollverse"] #experience .project-figure{max-width:440px}
 body[data-project="loofasoup"] #characters .section-visuals.character-row{grid-template-columns:repeat(8,minmax(230px,1fr))}
 body[data-project="loofasoup"] #characters .project-figure{width:100%}
}

@media(min-width:900px){
 body[data-project="icon-colors"] #abstract .section-heading{grid-column:1/-1;grid-row:1;max-width:none}
 body[data-project="icon-colors"] #abstract .section-body{grid-column:1/-1;grid-row:2;max-width:70ch;padding-top:0}
 body[data-project="hersound"] #question .section-heading{grid-column:1/-1;grid-row:1;max-width:none}
 body[data-project="hersound"] #question .section-body{grid-column:2;grid-row:2;padding-top:0}
 body[data-project="hersound"] #question .section-visuals{grid-column:1;grid-row:2}
}
body[data-project="loofasoup"] #characters figcaption p{font-size:17px;line-height:1.55}
body[data-project="loofasoup"] #characters .figure-caption-title{font-size:21px;line-height:1.3}
@media(max-width:700px){body[data-project="loofasoup"] #characters figcaption p{font-size:16px}}
@media(min-width:900px){body[data-project="loofasoup"] #characters .section-visuals.character-row{width:100%;max-width:none}}
body[data-project="hersound"] #question figcaption{display:block}
body[data-project="hersound"] #question figcaption>span{display:block;margin-bottom:8px}
@media(max-width:700px){
 body[data-project="suzhou-scrollverse"] #experience .figure-media{max-height:none}
 body[data-project="suzhou-scrollverse"] #experience .figure-media>img{max-height:350px;object-fit:contain}
}