.news-app-promotions{display:grid;gap:1rem}.news-app-promo{position:relative;isolation:isolate;min-width:0;overflow:hidden;padding:1.2rem;border:1px solid rgba(255,255,255,.16);border-radius:1rem;background-color:#081827;background-repeat:no-repeat;background-position:center 45%;background-size:cover;box-shadow:0 .8rem 1.8rem rgba(8,18,29,.2);color:#fff}.news-app-promo--nba{--promo-deep:#071827;background-color:#071827;background-image:url(../images/home-ranking-background-desktop.webp)}.news-app-promo--mlb{--promo-deep:#241813;background-color:#241813;background-image:url(../images/home-lineup-gallery-desktop.webp)}.news-app-promo::before,.news-app-promo::after{content:"";position:absolute;inset:0;pointer-events:none}.news-app-promo::before{z-index:0;background:linear-gradient(180deg,rgba(4,15,28,.3),rgba(4,15,28,.12) 35%,rgba(4,15,28,.58) 72%,var(--promo-deep) 100%)}.news-app-promo--mlb::before{background:linear-gradient(180deg,rgba(31,19,14,.22),rgba(31,19,14,.08) 34%,rgba(39,23,17,.62) 72%,var(--promo-deep) 100%)}.news-app-promo::after{z-index:2;background:linear-gradient(180deg,transparent 36%,color-mix(in srgb,var(--promo-deep) 42%,transparent) 57%,var(--promo-deep) 78%)}.news-app-promo>.eyebrow{position:relative;z-index:3;margin:0;color:#e8f3fb;font-size:.7rem;letter-spacing:.14em}.news-app-promo--mlb>.eyebrow{color:#f3dfcf}.news-app-promo__visual{position:relative;z-index:1;width:94%;margin:.15rem auto -.35rem;pointer-events:none}.news-app-promo__visual img{display:block;width:100%;height:auto;object-fit:contain}.news-app-promo__content{position:relative;z-index:3}.news-app-promo__content h2{margin:.1rem 0 .55rem;font-size:1.25rem;font-weight:800;line-height:1.3;text-shadow:0 .1rem .65rem rgba(0,0,0,.35)}.news-app-promo__primary{margin:0 0 .45rem;font-size:.95rem;font-weight:800;line-height:1.55}.news-app-promo__secondary{margin:0;color:#d7e2ec;font-size:.82rem;line-height:1.65}.news-app-promo--mlb .news-app-promo__secondary{color:#eadbd0}.news-app-promo__badge{display:inline-flex;margin:.75rem 0 0;padding:.24rem .58rem;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.08);color:#f5e9df;font-size:.72rem;font-weight:800}.news-app-promo__action{margin-top:.9rem}.news-app-promo__action :is(.store-status,.button-store){width:100%;min-height:3rem;border-radius:999px}.news-app-promo__action .store-status{border-color:rgba(255,255,255,.3);background:#e9edf0;color:#52606c;opacity:.92}.news-app-promo--mlb .button-store{border:1px solid #d9b194;background:#f3e1d1;color:#422619;box-shadow:inset 0 1px rgba(255,255,255,.65)}
.news-app-promotions--grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;max-width:58rem;margin:3rem auto 0;gap:clamp(1rem,2vw,1.5rem)}.news-app-promotions--grid .news-app-promo{display:flex;width:100%;flex-direction:column}.news-app-promotions--grid .news-app-promo__content{display:flex;flex:1;flex-direction:column}.news-app-promotions--grid .news-app-promo__action{margin-top:auto;padding-top:.9rem}
@media(max-width:900px){.news-app-promotions{grid-template-columns:1fr}.news-app-promo{width:min(100%,34rem)}.news-app-promotions--grid .news-app-promo{margin-inline:auto}}
@supports not (color:color-mix(in srgb,#000 50%,transparent)){.news-app-promo::after{background:linear-gradient(180deg,transparent 36%,rgba(7,24,39,.7) 58%,var(--promo-deep) 78%)}.news-app-promo--mlb::after{background:linear-gradient(180deg,transparent 36%,rgba(36,24,19,.72) 58%,var(--promo-deep) 78%)}}