/* Home layout refinement: original content and opening film remain unchanged. */
html:not(#_t) body .h2-all .p7c{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 40px;align-items:start}
html:not(#_t) body .h2-all .p7c>li{min-width:0;margin:0}
html:not(#_t) body .h2-all .p7c-i{display:grid;grid-template-rows:auto auto auto;gap:12px;min-width:0;height:100%;width:100%}
html:not(#_t) body .h2-all .p7c-m{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;width:100%;height:auto!important;min-height:0;max-height:none;padding:0;margin:0}
html:not(#_t) body .h2-all .p7c-m img{display:block;width:100%!important;height:100%!important;max-width:100%;max-height:100%;object-fit:contain!important;object-position:center!important;transform:none!important}
html:not(#_t) body .h2-all :is(.p7c-n,.p7c-l){width:100%;max-width:none;margin:0;box-sizing:border-box}
html:not(#_t) body .h2-all .p7c-n{padding-top:12px;line-height:1.3!important}
html:not(#_t) body :is(.h2-all,.h2-words,.h2-deeper)>.wrap>.h2-k{display:none}
html:not(#_t) body :is(.h2-all,.h2-proof,.h2-words,.h2-deeper){padding-top:clamp(48px,6vw,88px);padding-bottom:clamp(48px,6vw,88px)}
html:not(#_t) body :is(.h2-all,.h2-words,.h2-deeper) h2{margin-top:0;margin-bottom:32px}
html:not(#_t) body .h2-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
html:not(#_t) body .h2-num{min-width:0;display:grid;grid-template-rows:auto 1fr;align-content:start}
html:not(#_t) body .h2-num .cp{margin-top:12px}
html:not(#_t) body .words{column-gap:40px}
html:not(#_t) body .words blockquote{margin:0;height:100%}
@supports(grid-template-rows:subgrid){
 html:not(#_t) body .h2-all .p7c{row-gap:12px}
 html:not(#_t) body .h2-all .p7c>li{display:grid;grid-template-rows:subgrid;grid-row:span 3;margin-bottom:36px}
 html:not(#_t) body .h2-all .p7c-i{grid-template-rows:subgrid;grid-row:span 3}
 html:not(#_t) body .words{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:20px}
 html:not(#_t) body .words>li{display:grid;grid-template-rows:subgrid;grid-row:span 2}
 html:not(#_t) body .words blockquote{display:grid;grid-template-rows:subgrid;grid-row:span 2}
 html:not(#_t) body .words blockquote>*{margin:0}
}
@media(max-width:760px){
 html:not(#_t) body .h2-nums{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}
 html:not(#_t) body .words{grid-template-columns:1fr;row-gap:20px}
 html:not(#_t) body .words>li{margin-bottom:24px}
 html:not(#_t) body .h2-all .p7c{column-gap:24px}
}
/* Mobile regression correction: retain the established two-column browsing density. */
@media(max-width:600px){html:not(#_t) body .h2-all .p7c{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}html:not(#_t) body .h2-all .p7c>li{margin-bottom:24px}}
@media(max-width:760px){html:not(#_t) body .h2-num{display:block}html:not(#_t) body .h2-num .cp{margin-top:0}}

/* Phone cards: visual + project name; full story remains on the linked case page. */
@media(max-width:600px){
 html:not(#_t) body .h2-all .p7c-l{display:none}
 html:not(#_t) body .h2-all .p7c>li{grid-row:span 2;margin-bottom:24px}
 html:not(#_t) body .h2-all .p7c-i{grid-row:span 2;grid-template-rows:subgrid;gap:10px}
 html:not(#_t) body .h2-all .p7c-n,html:not(#_t) body .h2-all .p7c-n *{font-size:16px!important;line-height:1.35!important;letter-spacing:0!important}
 html:not(#_t) body .h2-all h2,html:not(#_t) body .h2-all h2 *{font-size:28px!important;line-height:1.2!important}
 html:not(#_t) body .h2-all h2{margin-bottom:20px}
 html:not(#_t) body .h2-num .cp,html:not(#_t) body .h2-num .cp *{font-size:14px!important;line-height:1.45!important}
}