/* Approved R4 visual changes, scoped over the preserved R3 styles. */
html body[data-type-b] .page>header .brand{display:block;position:relative;color:#000;line-height:1;width:330px;max-width:100%;font-size:0!important}
html body[data-type-b] .page>header .brand-image{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
html body[data-type-b] .page>header .brand:hover{color:#f06450;text-decoration:none}
@supports ((mask-image:url('brand/la-approved-logo-r4.png')) or (-webkit-mask-image:url('brand/la-approved-logo-r4.png'))){
 html body[data-type-b] .page>header .brand-image{opacity:0}
 html body[data-type-b] .page>header .brand::after{content:"";position:absolute;inset:0;background:currentColor;mask:url('brand/la-approved-logo-r4.png') center/contain no-repeat;-webkit-mask:url('brand/la-approved-logo-r4.png') center/contain no-repeat;pointer-events:none}
}
@media(max-width:900px){html body[data-type-b] .page>header .brand{width:290px}}
@media(max-width:700px){html body[data-type-b] .page>header .brand{width:220px}}
/* Restore the approved FEATURED NOW structure lost when its ID was renamed. */
html body[data-type-b].home-page #in-focus{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:24px;align-items:start;padding:0;margin:96px 0 64px}
html body[data-type-b].home-page #in-focus .section-head{margin:0 0 24px}
html body[data-type-b].home-page #in-focus .approved-description{max-width:none;margin:0}
html body[data-type-b].home-page #in-focus .approved-description p{margin:0 0 12px}
html body[data-type-b].home-page #in-focus .approved-description p:last-child{margin-bottom:0}
html body[data-type-b].home-page :is(#in-focus,#material) .section-head h2{font-family:var(--brand-text)!important;font-size:var(--b-section)!important;font-weight:500!important;letter-spacing:0!important;line-height:1.25!important;display:inline-flex;align-items:center;min-height:44px;margin:0}
@media(max-width:700px){html body[data-type-b].home-page #in-focus{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:64px;margin-bottom:48px}}
/* MATERIAL index only. The existing detail reader and HOME cards retain their rules. */
html body[data-type-b] .material-index .material-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 36px}
html body[data-type-b] .material-index .material-entry{display:flex;flex-direction:column;min-width:0}
html body[data-type-b] .material-index .material-entry .enter-link{margin-top:auto;padding-top:24px}
@media(max-width:1200px){html body[data-type-b] .material-index .material-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px}}
@media(max-width:700px){html body[data-type-b] .material-index .material-list{grid-template-columns:minmax(0,1fr)}}
/* ABOUT: uncropped original portrait, top aligned with the complete biography. */
html body[data-type-b][data-about-page] #about :is(.about,.about-copy){width:100%;max-width:none}
html body[data-type-b] #sifan-shao .artist-portrait{width:100%;height:auto;aspect-ratio:auto;align-self:start;overflow:visible}
html body[data-type-b] #sifan-shao .artist-portrait img{position:static;display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center;inset:auto}
@media(max-width:900px){html body[data-type-b] #sifan-shao .artist-portrait{width:240px;max-width:100%;height:auto;aspect-ratio:auto}}
/* Projects: locked cover dimensions; readable type and a flex column. Oversize text is never clipped. */
html body[data-type-b][data-projects-index] .production-copy{display:flex;flex-direction:column;min-height:var(--r4-cover-height,0px);padding-top:0}
html body[data-type-b][data-projects-index] .production-copy h3{font-size:29.16px!important;line-height:1.25!important;margin-top:0;margin-bottom:8px}
html body[data-type-b][data-projects-index] .production-credits,html body[data-type-b][data-projects-index] .production-credits p{font-size:18.9px!important;line-height:1.45!important}
html body[data-type-b][data-projects-index] .production-quote{margin:16px 0}
html body[data-type-b][data-projects-index] .production-quote p{font-size:21.6px!important;line-height:1.6!important}
html body[data-type-b][data-projects-index] .production-copy>.enter-link{margin-top:auto;padding-top:16px}
/* Same MATERIAL reader, with an opt-in whole-paragraph policy for IN FOCUS. */
html body[data-type-b] main.r4-split-focus{width:100%;max-width:none}
html body[data-type-b] main.r4-split-focus>article.r4-focus-grid{display:grid;grid-template-columns:minmax(0,55fr) minmax(0,45fr);gap:0 48px;width:100%;max-width:none}
html body[data-type-b] .r4-focus-heading{grid-column:1;grid-row:1}
html body[data-type-b] main.r4-split-focus .r4-focus-metadata{margin:24px 0 0;display:flex;flex-wrap:wrap;gap:4px 24px}
html body[data-type-b] main.r4-split-focus .r4-focus-metadata p{font-size:var(--b-ui)!important;line-height:1.6!important;margin:0}
.r4-focus-reader{grid-column:1;grid-row:2;min-width:0}
.r4-focus-photo{grid-column:2;grid-row:1/3;position:sticky;top:24px;margin:0;align-self:start;width:100%;min-width:0}
.r4-focus-photo img{display:block;width:100%;height:auto;object-fit:contain}
.r4-focus-grid>.article-return{grid-column:1/-1;grid-row:3}
.r4-split-reader .reader-stage{--r4-reader-base:600;height:600px}
html body[data-type-b] main.r4-split-focus .reader-page.article-body,html body[data-type-b] main.r4-split-focus .reader-measure.article-body{width:100%;max-width:none}
@media(max-width:900px){
 html body[data-type-b] main.r4-split-focus>article.r4-focus-grid{grid-template-columns:minmax(0,1fr);gap:0}
 .r4-focus-photo{grid-column:1;grid-row:2;position:static;margin:0 0 32px}
 .r4-focus-reader{grid-column:1;grid-row:3}
 .r4-focus-grid>.article-return{grid-column:1;grid-row:4}
 .r4-split-reader .reader-stage{--r4-reader-base:480;height:480px}
}

html[lang=en] body[data-type-b] main.focus-article.r4-split-focus .article-body,html[lang=en] body[data-type-b] main.focus-article.r4-split-focus .article-body p{font-family:var(--brand-text)!important}
html body[data-type-b] main.r4-split-focus #complete-article{max-width:none}

/* Exact approved handwriting pixels. Static fallback permitted by R4 section 10. */
.r4-handwritten-statement{--ink-scale:.55;display:flex;flex-wrap:wrap;align-items:flex-start;width:100%;max-width:none;gap:0;line-height:0}
.r4-handwritten-word{display:block;flex:none;width:calc(var(--word-width)*var(--ink-scale)*1px);height:calc(210px*var(--ink-scale))}
.r4-handwritten-word img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain}
html body[data-type-b] .r4-statement-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
@media(max-width:1100px){.r4-handwritten-statement{--ink-scale:.48}}
@media(max-width:700px){.r4-handwritten-statement{--ink-scale:.4}}