/* VII Sports opening photography layer.
   RP137.30 remains the source of truth for layout, typography, motion and responsive geometry.
   This file adds only the approved Sports hero photograph, tonal treatment and crop control. */
body[data-view="sports"] .sports-world .sports-opening {
  background-color: #06071A;
  background-image:
    linear-gradient(
      90deg,
      rgba(6, 7, 26, .91) 0%,
      rgba(6, 7, 26, .80) 24%,
      rgba(6, 7, 26, .48) 48%,
      rgba(6, 7, 26, .30) 68%,
      rgba(6, 7, 26, .46) 100%
    ),
    linear-gradient(
      180deg,
      rgba(6, 7, 26, .44) 0%,
      rgba(6, 7, 26, .12) 42%,
      rgba(6, 7, 26, .52) 100%
    ),
    image-set(
      url("/img/VII-sports-opening.avif") type("image/avif"),
      url("/img/VII-sports-opening.webp") type("image/webp"),
      url("/img/VII-sports-opening.jpg") type("image/jpeg")
    );
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 15% center;
}

/* Keep the athlete as the visual anchor on portrait phones while preserving the copy field. */
@media (max-width: 720px) and (orientation: portrait) {
  body[data-view="sports"] .sports-world .sports-opening {
    background-image:
      linear-gradient(
        90deg,
        rgba(6, 7, 26, .86) 0%,
        rgba(6, 7, 26, .68) 54%,
        rgba(6, 7, 26, .50) 100%
      ),
      linear-gradient(
        180deg,
        rgba(6, 7, 26, .67) 0%,
        rgba(6, 7, 26, .30) 42%,
        rgba(6, 7, 26, .73) 100%
      ),
      image-set(
        url("/img/VII-sports-opening.avif") type("image/avif"),
        url("/img/VII-sports-opening.webp") type("image/webp"),
        url("/img/VII-sports-opening.jpg") type("image/jpeg")
      );
    background-position: 34% center;
  }
}

/* Tablet portrait retains more architecture and horizon without losing the foreground athlete. */
@media (min-width: 721px) and (max-width: 1180px) and (orientation: portrait) {
  body[data-view="sports"] .sports-world .sports-opening {
    background-image:
      linear-gradient(
        90deg,
        rgba(6, 7, 26, .89) 0%,
        rgba(6, 7, 26, .72) 38%,
        rgba(6, 7, 26, .38) 72%,
        rgba(6, 7, 26, .43) 100%
      ),
      linear-gradient(
        180deg,
        rgba(6, 7, 26, .52) 0%,
        rgba(6, 7, 26, .16) 44%,
        rgba(6, 7, 26, .62) 100%
      ),
      image-set(
        url("/img/VII-sports-opening.avif") type("image/avif"),
        url("/img/VII-sports-opening.webp") type("image/webp"),
        url("/img/VII-sports-opening.jpg") type("image/jpeg")
      );
    background-position: 30% center;
  }
}

/* Very short landscape viewports prioritize text contrast across the full photograph. */
@media (max-height: 500px) and (orientation: landscape) {
  body[data-view="sports"] .sports-world .sports-opening {
    background-image:
      linear-gradient(90deg, rgba(6, 7, 26, .91), rgba(6, 7, 26, .46) 58%, rgba(6, 7, 26, .56)),
      linear-gradient(180deg, rgba(6, 7, 26, .50), rgba(6, 7, 26, .22) 45%, rgba(6, 7, 26, .58)),
      image-set(
        url("/img/VII-sports-opening.avif") type("image/avif"),
        url("/img/VII-sports-opening.webp") type("image/webp"),
        url("/img/VII-sports-opening.jpg") type("image/jpeg")
      );
  }
}