/* One painted surface from Temporada 2 through Partidas at medium desktop widths. */
@media (min-width: 901px) and (max-width: 1100px) {
  .community-tapestry {
    background-color: #140a0d;
    background-image: url('/assets/community-full-tapestry-desktop-lion-charcoal-official-cup-v8-edge-trim.webp');
    background-position: center top;
    background-size: 100% calc(var(--t2-h) + var(--podium-h) + var(--intro-h) + var(--how-h) + var(--ranking-h) + var(--matches-h));
    background-repeat: no-repeat;
  }

  .season-prize-hero { background: transparent; }
  .season-prize-hero::before { display: none; }
  .season-prize-hero::after {
    background: linear-gradient(90deg, rgba(10, 4, 7, .35), transparent 23%, transparent 77%, rgba(10, 4, 7, .35));
  }
}

/* Narrow tablets keep their blue circular Io painting below the podium. */
@media (min-width: 761px) and (max-width: 900px) {
  .community-tapestry {
    background-image:
      url('/assets/community-intro-how-ranking-matches-master-tablet-v3-woven.webp'),
      url('/assets/community-full-tapestry-desktop-lion-charcoal-official-cup-v8-edge-trim.webp');
    background-position:
      center calc(var(--intro-top) - var(--tablet-join) - var(--tablet-overlap)),
      center top;
    background-size:
      100% calc(var(--tablet-join) + var(--tablet-overlap) + var(--intro-h) + var(--how-h) + var(--ranking-h) + var(--matches-h)),
      100% calc(var(--t2-h) + var(--podium-h) + var(--intro-h) + var(--how-h) + var(--ranking-h) + var(--matches-h));
    background-repeat: no-repeat, no-repeat;
  }
  .season-prize-hero { background: transparent; }
  .season-prize-hero::before,
  .season-podium::before { display: none; }
  .season-prize-hero::after {
    background: linear-gradient(90deg, rgba(10, 4, 7, .35), transparent 23%, transparent 77%, rgba(10, 4, 7, .35));
  }
}

/* The full painting has denser foliage at Intro than the older section crop. */
@media (min-width: 901px) and (max-width: 1100px) {
  .community-story__intro .community-story__number { left: calc(28% + 95px); }
  .community-how .community-story__number { left: calc(28% + 65px); }
  .community-story__intro .community-story__content { margin-left: 95px; max-width: 31vw; }
  .community-story__intro h2,
  .community-story__intro p { max-width: 31vw; }
  .community-how .community-story__content > .community-eyebrow,
  .community-how .community-story__content > h2 { margin-left: 65px; }
  .community-how .community-steps p { max-width: 35vw; }
  .community-story__ranking .community-story__content { padding-left: 125px; }
  .community-story__ranking h2,
  .community-story__ranking p,
  .community-story__ranking .community-story__actions { max-width: 31vw; }
  .community-story__ranking .community-story__actions { margin-top: 16px; gap: 8px; }
  .community-story__matches .community-eyebrow,
  .community-story__matches h2,
  .community-story__matches .community-story__lead { margin-left: 130px; }
  .community-story__matches h2,
  .community-story__matches .community-story__lead { max-width: 31vw; }
}