.page-hero.image-hero { position: relative; isolation: isolate; display: flex; align-items: center; min-height: min(520px, calc(100svh - 160px)); padding-block: 56px; }
.image-hero-photo { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center; }
.image-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: rgb(0 0 0 / 64%); }
.image-hero-copy { position: relative; }
.page-hero.image-hero h1 { font-size: 52px; line-height: 1.1; max-width: 640px; margin-bottom: 20px; color: #fff; letter-spacing: 0; }
.image-hero .eyebrow { color: #fff; }
.image-hero-summary { color: #fff; font-size: 26px; line-height: 1.3; font-weight: 600; max-width: 620px; margin-bottom: 16px; }
.image-hero .lede { color: #fff; font-size: 18px; line-height: 1.6; max-width: 590px; margin-bottom: 0; }
.page-cloud .story-copy h2 code { white-space: normal; overflow-wrap: anywhere; }
@media (max-width: 720px) {
    .page-hero.image-hero { min-height: 0; padding-block: 40px 48px; }
    .page-hero.image-hero h1 { font-size: 36px; overflow-wrap: anywhere; }
    .image-hero-summary { font-size: 22px; }
    .image-hero .lede { font-size: 17px; }
    .image-hero-photo { object-position: 67% center; }
}