/* Only the expanded portal case. Other cases retain their accepted layout. */
.portal-case .hero { padding-top:24px; }
.portal-case .hero .back { margin-bottom:20px; }
.portal-case .hero .eyebrow { margin-bottom:14px; }
.portal-case .hero h1 { font-size:clamp(2.5rem,4.5vw,4.6rem); max-width:1000px; margin-bottom:20px; }
.portal-case .hero .lead { margin-bottom:22px; max-width:900px; }
.portal-case .hero .shot { margin-top:24px; }
.portal-case .reading-block { max-width:830px; margin:46px 0 0 auto; }
.portal-case .reading-block h3 { font-size:clamp(1.5rem,2vw,2rem); }
.portal-case .field-story { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,420px); gap:48px; align-items:start; }
.portal-case .field-story-copy { font-size:clamp(1.15rem,1.65vw,1.4rem); }
.portal-case .field-story .shot { margin:0; }
.portal-case .field-story .shot>a { padding:12px; }
@media(max-width:760px) {
 .portal-case .hero h1 { font-size:2.5rem; }
 .portal-case .field-story { grid-template-columns:minmax(0,1fr); gap:24px; }
 .portal-case .field-story .shot { max-width:480px; }
 .portal-case .reading-block { margin-top:32px; }
}