/* Both announcement assets are 7:6. Keep the entire artwork visible. */
.catalog-hero .app-promo{position:relative;box-sizing:border-box;width:100%;aspect-ratio:7/6;container-type:inline-size;grid-template-columns:44% minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
.app-promo [hidden]{display:none!important}
.catalog-hero .app-promo>img{width:100%;height:100%;min-height:0;object-fit:contain;object-position:center;align-self:center}
.catalog-hero .app-promo-copy{padding:3cqw 3cqw 3cqw 1cqw}
.catalog-hero .app-promo-kicker{font-size:clamp(9px,2.5cqw,12px)}
.catalog-hero .app-promo h2{font-size:clamp(15px,4.6cqw,22px);line-height:1.2;margin:1.8cqw 0}
.catalog-hero .app-promo p{font-size:clamp(11px,3cqw,14px);line-height:1.4;margin:2cqw 0 3cqw}
.catalog-hero .app-promo-join{font-size:clamp(11px,3cqw,14px);padding:2cqw 2.5cqw}
.catalog-hero .app-promo small{font-size:clamp(9px,2.5cqw,12px);margin-top:2cqw}
.app-promo-full-card{position:absolute;inset:0;display:block;background:#fff}
.app-promo-full-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:left center}
.app-promo-full-card:focus-visible{outline:3px solid #00aaa5;outline-offset:-4px}