.case-shell .hero .selected-meta,
.case-shell .hero .meta-grid,
.case-shell .hero .process-principle{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.55fr) minmax(0,.85fr);gap:24px 40px;width:100%;max-width:none;margin-top:14px;padding:16px 0 18px;border-top:0;border-bottom:1px solid var(--line)}
.case-shell .hero .selected-meta{grid-template-columns:minmax(0,1.3fr) minmax(0,1.5fr) minmax(0,.85fr)}
.case-shell .hero .selected-meta,.case-shell .hero .meta-grid{border-bottom:0}
.case-shell .hero .process-principle{grid-template-columns:minmax(0,1fr);gap:0}
.case-shell .hero .selected-meta>div,
.case-shell .hero .meta-grid>div{min-width:0}
.case-shell .hero .selected-meta span,
.case-shell .hero .meta-grid span,
.case-shell .hero .process-principle span{display:block;margin-bottom:7px;color:var(--orange);font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.1em}
.case-shell .hero .selected-meta strong,
.case-shell .hero .meta-grid strong,
.case-shell .hero .process-principle strong{font-size:14px;font-weight:400;line-height:1.55}
/* Shared work-page rhythm, after page-specific styles. */
.case-shell .hero{min-height:auto;padding-top:20px;padding-bottom:24px}
.case-shell .hero .hero-deck{margin:10px 0 20px;line-height:1.35}
.case-shell .hero + .chapter{padding-top:32px;border-top:1px solid var(--line)}
.case-shell .case-footer{column-gap:100px}
@media(max-width:900px){.case-shell .hero .selected-meta,.case-shell .hero .meta-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.case-shell .hero .selected-meta,.case-shell .hero .meta-grid{grid-template-columns:1fr;gap:20px}.case-shell .case-footer{column-gap:0}}