/* Sports collection: readable text over independent artwork. */
body.page-hub-sports-updates .hub-hero::before {
  content: none;
}

body.page-hub-sports-updates .hub-hero-media {
  inset: 0;
}

body.page-hub-sports-updates .hub-hero-media img {
  object-fit: cover;
}

body.page-hub-sports-updates .hub-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, #edf3f2 0%, rgba(237, 243, 242, .97) 34%, rgba(237, 243, 242, .72) 52%, rgba(237, 243, 242, 0) 78%);
}

html[dir="rtl"] body.page-hub-sports-updates .hub-hero::after {
  content: "";
  background: linear-gradient(270deg, #edf3f2 0%, rgba(237, 243, 242, .97) 34%, rgba(237, 243, 242, .72) 52%, rgba(237, 243, 242, 0) 78%);
}

html[dir="rtl"] body.page-hub-sports-updates .hub-hero-media {
  inset: 0;
}

body.page-hub-sports-updates .hub-hero .sports-hub-ai-label {
  position: absolute;
  inset-inline-end: 18px;
  bottom: 12px;
  color: #294653;
  background: rgba(255, 255, 255, .94);
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 1.4;
}

@media (max-width: 780px) {
  body.page-hub-sports-updates .hub-hero {
    padding-block: 72px 32px;
  }

  body.page-hub-sports-updates .hub-hero-media,
  html[dir="rtl"] body.page-hub-sports-updates .hub-hero-media {
    position: relative;
    order: 5;
    inset: auto;
    z-index: auto;
    width: 100%;
    height: auto;
    aspect-ratio: 1920 / 820;
    margin-top: 28px;
    opacity: 1;
    border-radius: 12px;
    overflow: hidden;
  }

  body.page-hub-sports-updates .hub-hero::after,
  html[dir="rtl"] body.page-hub-sports-updates .hub-hero::after {
    content: none;
  }

  body.page-hub-sports-updates .hub-hero .sports-hub-ai-label {
    position: static;
    order: 6;
    align-self: flex-end;
    margin-top: 8px;
  }
}