/* SFS review R2: keep selected type B and refine content relationships. */
html body[data-type-b] .page>header .brand{font-size:51.2px!important}
html body[data-type-b].home-page #material .home-section-heading a{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-decoration:none;transition:color .15s ease}
html body[data-type-b].home-page #material .home-section-heading a:hover,html body[data-type-b].home-page #material .home-section-heading a:focus-visible{color:var(--accent);text-decoration:underline;text-underline-offset:6px}
html body[data-type-b].home-page .home-material-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 48px;width:100%;max-width:none}
html body[data-type-b].home-page .home-material-note{display:flex;flex-direction:column;min-width:0;border-top:1px solid var(--line);padding:24px 0 0}
html body[data-type-b].home-page .home-material-note .read-note{margin-top:auto;align-self:flex-start}
html body[data-type-b].home-page .home-brand-introduction{display:block;grid-column:1/-1;max-width:none;width:100%;margin:48px 0;padding:40px 0;border-top:1px solid var(--line)}
html body[data-type-b].home-page .home-brand-introduction p{max-width:880px;margin:0 auto;text-align:left}
html body[data-type-b] .material-index .material-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 48px;width:100%;max-width:none;margin-top:40px}
html body[data-type-b] .material-index .material-entry{display:flex;flex-direction:column;min-width:0;padding:28px 0 0;margin:0;border-top:1px solid var(--line)}
html body[data-type-b] .material-index .material-entry .read-note{margin-top:auto;align-self:flex-start}
/* The previous cover column was 33/100 of (row width - 20px). 16.5/100 halves both dimensions. */
@media(min-width:801px){html body[data-type-b][data-projects-index] .production{grid-template-columns:minmax(0,16.5fr) minmax(0,83.5fr);gap:20px;align-items:start}}
html body[data-type-b][data-projects-index] .production{margin-bottom:48px}
html body[data-type-b][data-projects-index] .production-copy{padding-top:0}
html body[data-type-b][data-projects-index] .production-quote{margin:24px 0 20px;padding:0;max-width:880px;border:0}
html body[data-type-b][data-projects-index] .production-quote p{margin:0}
html body[data-type-b] .project-note-link{font-family:var(--brand-text);font-size:var(--b-ui);line-height:1.6;display:inline-flex;align-items:center;min-height:44px}
/* Portrait and complete biography share exactly the same top and bottom on desktop. */
html body[data-type-b][data-about-page] main.standalone{max-width:1120px}
html body[data-type-b] #sifan-shao .artist-composition{grid-template-columns:minmax(0,1fr) minmax(0,2fr);column-gap:40px;max-width:1120px}
html body[data-type-b] #sifan-shao .artist-portrait{grid-column:1;grid-row:1/6;position:relative;width:100%;height:auto;min-height:0;align-self:stretch;aspect-ratio:auto;margin:0}
html body[data-type-b] #sifan-shao .artist-portrait img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 35%}
html body[data-type-b] #sifan-shao .artist-heading{grid-column:2;grid-row:1}
html body[data-type-b] #sifan-shao .artist-bio p{grid-column:2;max-width:none}
html body[data-type-b] #sifan-shao .artist-bio p:first-of-type{grid-column:2;grid-row:2;margin-bottom:32px}
@media(max-width:900px){
 html body[data-type-b].home-page .home-material-list,html body[data-type-b] .material-index .material-list{grid-template-columns:minmax(0,1fr);gap:32px}
 html body[data-type-b] #sifan-shao .artist-composition{grid-template-columns:minmax(0,1fr)}
 html body[data-type-b] #sifan-shao .artist-portrait{grid-column:1;grid-row:1;width:240px;max-width:100%;height:auto;aspect-ratio:3/4;margin:0 0 28px;align-self:start}
 html body[data-type-b] #sifan-shao .artist-heading{grid-column:1;grid-row:2}
 html body[data-type-b] #sifan-shao .artist-bio p{grid-column:1}
 html body[data-type-b] #sifan-shao .artist-bio p:first-of-type{grid-column:1;grid-row:3}
}
@media(max-width:800px){html body[data-type-b][data-projects-index] .project-cover{width:50%}}
@media(max-width:700px){html body[data-type-b] .page>header .brand{font-size:32px!important}html body[data-type-b].home-page .home-brand-introduction{margin:32px 0;padding:32px 0}}
@media(max-width:360px){html body[data-type-b] .page>header .brand{font-size:25.6px!important}}
@media(prefers-reduced-motion:reduce){html body[data-type-b].home-page #material .home-section-heading a{transition:none}}
html[lang=en] body[data-type-b] .article-category{text-transform:uppercase}
html body[data-type-b] .pending-detail-dialog,html body[data-type-b] .pending-detail-dialog :is(p,button){font-family:var(--brand-text);font-size:var(--b-ui);line-height:1.6}
html body[data-type-b] .pending-detail-dialog h2{font-family:var(--brand-text);font-size:var(--b-section);font-weight:400;line-height:1.3}