/* SFS selected scale B. One brand-aligned family, shared role sizes. */
body[data-type-b]{--brand-text:'Helvetica Neue',Helvetica,Arial,'PingFang SC','Microsoft YaHei',sans-serif;--b-body:24.3px;--b-intro:31.752px;--b-page:64.8px;--b-content:43.2px;--b-ui:18.9px;--b-section:27px;--la-long-size:24.3px;--la-long-leading-en:1.7;--la-long-leading-zh:1.8;--la-paragraph-gap:32px;--la-font-editorial-en:var(--brand-text);--la-font-zh:var(--brand-text);--la-font-mixed:var(--brand-text);--la-font-latin:var(--brand-text);--la-reading-width:760px;font-synthesis:none}
html body[data-type-b] main :is(p,li,dt,dd){font-family:var(--brand-text)!important;font-size:var(--b-body)!important;line-height:1.7!important;letter-spacing:0!important;font-weight:400!important}
html[lang=zh-CN] body[data-type-b] main :is(p,li,dt,dd){line-height:1.8!important}
html body[data-type-b] main :is(em,strong){font-family:inherit!important;font-size:inherit!important}
html body[data-type-b] main :is(h1,h2,h3){font-family:var(--brand-text)!important;font-weight:400!important;letter-spacing:-.02em!important;line-height:1.25!important}
html body[data-type-b] .page-title{font-size:var(--b-page)!important;font-weight:300!important;line-height:1.12!important;letter-spacing:-.035em!important;margin-bottom:32px}
html body[data-type-b] :is(.featured-title,.material-entry h2,.home-material-note h3,.material-article-title,.artist-heading h2,.detail-copy h1){font-size:var(--b-content)!important}
html body[data-type-b] :is(.production-copy h3){font-size:32.4px!important}
html body[data-type-b] :is(.section-head h2,.directors-note h2){font-size:var(--b-section)!important;font-weight:500!important;letter-spacing:0!important}
html body[data-type-b] :is(.article-body h2,.article-body h3){font-size:32.4px!important}
html body[data-type-b] :is(.home-brand-introduction p,#about .about-copy p){font-size:var(--b-intro)!important;line-height:1.65!important}
html[lang=zh-CN] body[data-type-b] :is(.home-brand-introduction p,#about .about-copy p){line-height:1.8!important}
html body[data-type-b] :is(.article-category,.article-meta,.related-project-label,.production-credits,.production-credits p,.production-intro,.production-year,.year-heading,.year-navigation,.project-detail-link,.project-detail-pending,.read-note,.article-return,.article-return a,.material-neighbours a,.material-neighbours span,.detail-back a,.credit,.number,.tag,.review-pending,.directors-note-pending,.contact-note){font-family:var(--brand-text)!important;font-size:var(--b-ui)!important;font-weight:400!important;line-height:1.6!important;letter-spacing:0!important}
html body[data-type-b] .page>header nav{font-family:var(--brand-text)!important;font-size:var(--b-ui)!important;font-weight:400!important;line-height:1.5!important;gap:24px;letter-spacing:0}
html body[data-type-b] .page>header .header-navigation{flex-wrap:wrap;gap:12px 24px}
html body[data-type-b] .page>header .language-selector{font-family:var(--brand-text)!important;font-size:var(--b-ui)!important;line-height:1.5;letter-spacing:0}
html body[data-type-b] .page>header .header-search{height:44px;width:200px;display:flex;align-items:stretch;flex-shrink:0}
html body[data-type-b] .page>header .header-search input{box-sizing:border-box;height:44px;min-height:44px;width:0;flex:1 1 0;min-width:0;font-family:var(--brand-text);font-size:var(--b-ui);line-height:1.3;padding:8px 10px;border:1px solid #858585;border-right:0}
html body[data-type-b] .page>header .header-search button{box-sizing:border-box;width:44px;height:44px;min-height:44px;display:grid;place-items:center;flex:0 0 44px}
html body[data-type-b] .header-search button svg{width:20px;height:20px}
html body[data-type-b] .search-panel[hidden]{display:none!important}
html body[data-type-b] .search-panel{max-width:960px;padding:28px 0}
html body[data-type-b] .search-panel :is(p,li,a,button,small){font-family:var(--brand-text);font-size:var(--b-ui);line-height:1.6;letter-spacing:0}
html body[data-type-b] .search-actions{display:flex;gap:24px;flex-wrap:wrap}
html body[data-type-b] .search-actions button{min-height:44px}
html body[data-type-b] .search-panel [data-search-results] a{font-size:var(--b-body);line-height:1.4;min-height:44px;display:block;overflow-wrap:anywhere}
html body[data-type-b] .search-panel [data-search-results] p{font-size:var(--b-body);margin-top:12px;overflow-wrap:anywhere}
html body[data-type-b] :is(footer,footer a,.reader-controls button,.reader-mode,.reader-status,.section-entry a,.carousel-motion){font-family:var(--brand-text)!important;font-size:var(--b-ui)!important;line-height:1.5;letter-spacing:0;font-weight:400}
html body[data-type-b] footer a,html body[data-type-b] .reader-controls button,html body[data-type-b] .reader-mode{min-height:44px}
html body[data-type-b] .review-disclaimer,html body[data-type-b] .review-pending{display:none}
html body[data-type-b] .material-article>article{max-width:760px}
html body[data-type-b] .article-body{font-family:var(--brand-text);font-size:var(--b-body);line-height:1.7}
html body[data-type-b] .material-excerpt{max-width:760px}
html body[data-type-b].home-page .title-overlay h3{font-family:var(--brand-text)!important;font-weight:500!important;font-size:64.8px!important;line-height:1.08!important;letter-spacing:-.025em!important}
html body[data-type-b].home-page .overlay-year{font-size:var(--b-ui)!important;line-height:1.3!important}
/* One connected profile: portrait + name + first paragraph, followed by full-width biography. */
html body[data-type-b][data-about-page] main.standalone{max-width:960px;margin-inline:auto;padding-top:56px;padding-bottom:48px}
html body[data-type-b][data-about-page] #about{padding-bottom:48px}
html body[data-type-b][data-about-page] #about .section-head{margin-bottom:28px}
html body[data-type-b][data-about-page] #about :is(.about,.about-copy){display:block;max-width:880px;margin:0}
html body[data-type-b] #sifan-shao{display:block;padding:48px 0}
html body[data-type-b] #sifan-shao .artist-composition{display:grid;grid-template-columns:200px minmax(0,648px);gap:0 32px;max-width:880px;width:100%;margin:0}
html body[data-type-b] #sifan-shao .artist-heading{grid-column:2;grid-row:1;margin:0 0 24px}
html body[data-type-b] #sifan-shao .artist-bio{display:contents}
html body[data-type-b] #sifan-shao .artist-portrait{grid-column:1;grid-row:1/3;float:none;shape-outside:none;width:200px;height:260px;max-width:100%;margin:0;border-radius:0;overflow:hidden}
html body[data-type-b] #sifan-shao .artist-portrait img{width:100%;height:100%;border-radius:0;object-fit:cover;object-position:50% 35%;transform:none}
html body[data-type-b] #sifan-shao .artist-bio p{grid-column:1/-1;margin:0 0 32px;max-width:880px;text-align:left;overflow-wrap:break-word}
html body[data-type-b] #sifan-shao .artist-bio p:first-of-type{grid-column:2;grid-row:2;margin-bottom:40px}
html body[data-type-b] #sifan-shao .artist-bio p:last-child{margin-bottom:0}
html body[data-type-b] #about-contact{padding:24px 0 0}
html body[data-type-b] #about-contact .number{display:none}
html body[data-type-b] #about-contact h2{font-size:var(--b-ui)!important}
@media(max-width:800px){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:160px;height:208px;margin:0 0 28px}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:first-of-type{grid-column:1;grid-row:3;margin-bottom:32px}}
@media(max-width:700px){body[data-type-b]{--b-body:21.6px;--b-intro:27px;--b-page:48.6px;--b-content:35.1px;--b-section:21.6px;--la-long-size:21.6px}html body[data-type-b] .page>header{padding-top:56px}html body[data-type-b] .page>header nav{flex-wrap:wrap;gap:8px 20px;max-width:none}html body[data-type-b][data-about-page] main.standalone{padding-top:40px}html body[data-type-b][data-about-page] #about{padding-bottom:32px}html body[data-type-b] #sifan-shao{padding-top:32px;padding-bottom:32px}html body[data-type-b].home-page .title-overlay h3{font-size:35.1px!important}html[lang=en] body[data-type-b].home-page #featured .title-overlay h3{font-size:29.7px!important}html body[data-type-b] .reader-controls{gap:12px;flex-wrap:wrap}}
@media(max-width:420px){html body[data-type-b] .page>header nav{display:grid;grid-template-columns:repeat(2,max-content);justify-content:end;gap:0 24px;flex-basis:100%}}
html body[data-type-b] #contact a[href^="mailto:"]{font-family:var(--brand-text)!important;font-size:var(--b-body)!important;line-height:1.5!important;overflow-wrap:anywhere;word-break:normal}
html body[data-type-b] .reader-controls{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center}
html body[data-type-b] .reader-controls button:last-child{justify-self:end;text-align:right}
@media(max-width:700px){html body[data-type-b] .reader-controls{gap:8px}}
@media(max-width:360px){html body[data-type-b].home-page .title-overlay h3{font-size:32.4px!important}html[lang=en] body[data-type-b].home-page #featured .title-overlay h3{font-size:24.3px!important}}
