/* Original stadium scenery and an unchanged real Messi photograph. */
.sports-feature .sports-background {
  background-image: url('/assets/sports-stadium.jpg');
  background-position: center;
}

.sports-feature .sports-player {
  position: absolute;
  right: -10px;
  bottom: 0;
  height: 100%;
  width: auto;
  max-width: none;
  object-fit: contain;
  filter: drop-shadow(-14px 0 28px #153d7766);
}

.sports-feature .sports-overlay {
  background: linear-gradient(90deg, #071127f5 0%, #08142ce8 25%, #09162bb3 45%, #08142b24 65%, transparent 85%),
    linear-gradient(0deg, #09112796, transparent 45%);
}

.sports-feature .sports-feature-copy {
  z-index: 1;
  max-width: 640px;
}

.sports-feature .sports-stamp {
  z-index: 1;
}

@media (max-width: 1100px) and (min-width: 601px) {
  .sports-feature .sports-player {
    right: -100px;
  }

  .sports-feature .sports-feature-copy {
    max-width: 410px;
    padding: 38px 30px;
  }

  .sports-feature h3 {
    font-size: 35px;
    letter-spacing: -1.2px;
  }

  .sports-feature p {
    font-size: 11px;
    max-width: 290px;
  }
}

@media (max-width: 600px) {
  .sports-feature {
    height: 540px;
  }

  .sports-feature .sports-background {
    background-size: auto 100%;
    background-position: 70% center;
  }

  .sports-feature .sports-player {
    top: 10px;
    bottom: auto;
    right: 50%;
    height: 350px;
    transform: translateX(50%);
    mask-image: linear-gradient(to bottom, #000 76%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, #000 76%, transparent 100%);
  }

  .sports-feature .sports-overlay {
    background: linear-gradient(0deg, #071127 0%, #071127f5 28%, #09132b80 49%, transparent 70%),
      linear-gradient(90deg, #08112724, transparent 70%);
  }

  .sports-feature .sports-feature-copy {
    max-width: none;
    padding: 26px;
  }

  .sports-feature h3 {
    font-size: 32px;
  }
}