/* R6 reading and visual refinements. Approved R5 type sizes stay in place. */
/* HOME: a stable photo-led grid. The image's natural height defines the row. */
html body[data-type-b].home-page #in-focus{grid-template-columns:minmax(0,48fr) minmax(0,52fr);gap:28px 48px;align-items:stretch;max-width:1440px}
html body[data-type-b].home-page #in-focus .featured-copy{min-height:0;height:100%;box-sizing:border-box}
html body[data-type-b].home-page #in-focus .featured-photo{align-self:start}
html body[data-type-b].home-page #in-focus .featured-subtitle{margin-bottom:20px}
html body[data-type-b].home-page #in-focus .approved-description p{margin-bottom: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 #in-focus .in-focus-enter{margin-top:auto;padding-top:20px}
/* Same source pixel geometry, darker alpha coverage, modest scale increase. */
.r4-handwritten-statement{--ink-scale:.31;opacity:1;filter:none;transform:none;overflow:visible}
.r5-handwritten-zh{--zh-scale:.60}
.r4-handwritten-statement img{opacity:1;filter:none;image-rendering:auto}
@keyframes r6-horizontal-reveal{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@supports (clip-path:inset(0 100% 0 0)){
 .r6-reveal-playing{animation:r6-horizontal-reveal .8s ease-out .15s 1 both}
}
@media(prefers-reduced-motion:reduce){.r6-reveal-playing{animation:none!important;clip-path:none!important}}
/* All long-form text is the original semantic article in document flow. */
html body[data-type-b] main.material-article>article{width:100%;max-width:760px;margin-inline:auto}
html body[data-type-b] main.material-article .article-heading{max-width:none}
html body[data-type-b] main.material-article #complete-article{position:static;width:100%;height:auto;max-height:none;max-width:none;overflow:visible;clip-path:none;margin:0;display:flow-root;white-space:normal}
html body[data-type-b] main.material-article #complete-article p{margin:0 0 32px;max-width:none;overflow:visible}
html body[data-type-b] main.material-article #complete-article p:last-child{margin-bottom:0}
html body[data-type-b] main.material-article #complete-article :is(h2,h3){margin:48px 0 24px;break-after:avoid}
html body[data-type-b] main.material-article .article-return{margin-top:48px;padding-top:24px}
/* IN FOCUS: natural image at the title, no full-article bottom constraint. */
html body[data-type-b] main.r4-split-focus{max-width:1440px;margin-left:0}
html body[data-type-b] main.r4-split-focus>article.r4-focus-grid{max-width:none;grid-template-columns:minmax(0,55fr) minmax(0,45fr);gap:0 64px;margin:0;align-items:start}
html body[data-type-b] .r4-focus-reader{height:auto;max-height:none;overflow:visible}
html body[data-type-b] .r4-focus-photo{position:static;display:block;align-self:start;grid-row:1/3;margin:0;top:auto}
html body[data-type-b] .r4-focus-photo img{position:static;top:auto;display:block;height:auto;object-fit:contain}
html body[data-type-b] .r4-focus-photo::after{display:none}
/* PROJECTS: one frame size per viewport, independent of title/summary length. */
html body[data-type-b][data-projects-index] .production{grid-template-columns:minmax(0,400px) minmax(0,1fr);column-gap:48px;align-items:start;padding-block:32px;margin:0;min-height:0}
html body[data-type-b][data-projects-index] .project-cover{width:100%;height:266.6667px;aspect-ratio:auto;display:flex;align-items:center;justify-content:center;overflow:visible}
html body[data-type-b][data-projects-index] .project-cover img{width:100%;height:100%;object-fit:contain;object-position:center;max-width:100%;max-height:100%}
html body[data-type-b][data-projects-index] .production-copy{min-height:266.6667px;height:auto}
html body[data-type-b][data-projects-index] .production-quote,html body[data-type-b][data-projects-index] .production-quote p{color:var(--ink);font-style:normal}
html[lang=en] body[data-type-b][data-projects-index] .production-quote p{font-style:italic}
html body[data-type-b][data-projects-index] .production-quote::before,html body[data-type-b][data-projects-index] .production-quote::after{content:none}
/* Index-only clipping: full stored excerpts and articles are unchanged. */
html body[data-type-b] .material-index .material-excerpt{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;min-height:6.8em;max-height:6.8em}
html[lang=zh-CN] body[data-type-b] .material-index .material-excerpt{min-height:7.2em;max-height:7.2em}
@media(min-width:1101px) and (max-width:1360px){
 html body[data-type-b].home-page #in-focus{grid-template-columns:minmax(0,46fr) minmax(0,54fr);column-gap:40px}
 html body[data-type-b].home-page #in-focus .featured-subtitle{margin-bottom:12px}
 html body[data-type-b].home-page #in-focus .approved-description p{margin-bottom:8px}
 html body[data-type-b][data-projects-index] .production{grid-template-columns:minmax(0,360px) minmax(0,1fr);column-gap:40px}
 html body[data-type-b][data-projects-index] .project-cover{height:240px}
 html body[data-type-b][data-projects-index] .production-copy{min-height:240px}
}
@media(max-width:1100px){
 html body[data-type-b].home-page #in-focus{grid-template-columns:minmax(0,1fr);gap:28px}
 html body[data-type-b].home-page #in-focus .featured-copy{height:auto;min-height:0}
 html body[data-type-b].home-page #in-focus .featured-photo{grid-column:1;grid-row:3;width:min(100%,760px)}
 html body[data-type-b].home-page #in-focus .in-focus-enter{margin-top:12px}
 html body[data-type-b] main.r4-split-focus>article.r4-focus-grid{grid-template-columns:minmax(0,1fr);gap:0;max-width:760px}
 html body[data-type-b] .r4-focus-heading{grid-row:1;grid-column:1}
 html body[data-type-b] .r4-focus-photo{grid-column:1;grid-row:2;margin:0 0 40px;width:min(100%,680px)}
 html body[data-type-b] .r4-focus-reader{grid-column:1;grid-row:3}
 html body[data-type-b] .r4-focus-grid>.article-return{grid-column:1;grid-row:4}
 html body[data-type-b][data-projects-index] .production{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:28px}
 html body[data-type-b][data-projects-index] .project-cover{width:min(100%,480px);height:auto;aspect-ratio:3/2}
 html body[data-type-b][data-projects-index] .production-copy{min-height:0}
 html body[data-type-b][data-projects-index] .production-copy>.enter-link{margin-top:12px}
}
@media(max-width:700px){
 .r4-handwritten-statement{--ink-scale:.30}
 .r5-handwritten-zh{--zh-scale:.60}
 html body[data-type-b].home-page #in-focus .featured-photo{width:100%}
 html body[data-type-b] main.material-article #complete-article p{margin-bottom:28px}
 html body[data-type-b] main.material-article .article-return{margin-top:40px}
}
@media(min-width:1101px){html body[data-type-b].home-page #in-focus .in-focus-enter{padding-top:14px}}
