/* 4DK NBA — 2026–27 FEATURE + EDITORIAL COVER ART */

/* Main 26–27 season-preview package */
.nba-season-feature{
  padding:30px 0;
  background:#0e0f12;
  border-top:1px solid #292a2e;
  border-bottom:1px solid #292a2e;
}

.nba-season-feature-inner{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:1312 / 1199;
  min-height:0;
  overflow:hidden;
  color:#fff;
  text-decoration:none;
  border:1px solid #32343a;
  background:
    #080a0d
    url("nba-season-preview-2026-27-feature.png")
    center / contain
    no-repeat;
  box-shadow:0 24px 55px rgba(0,0,0,.24);
  transition:transform .18s ease, box-shadow .18s ease;
}

.nba-season-feature-inner:hover{
  transform:translateY(-2px);
  box-shadow:0 28px 62px rgba(0,0,0,.34);
}

.nba-season-feature-inner .season-feature-copy,
.nba-season-feature-inner .season-feature-board{
  display:none;
}

/* The new feature art already contains its own headline typography. */
.nba-story-art.miami .nba-story-overlay,
.nba-story-art.miami .nba-story-label,
.nba-story-art.miami strong,
.nba-story-art.miami small,
.nba-story-art.kawhi .nba-story-overlay,
.nba-story-art.kawhi .nba-story-label,
.nba-story-art.kawhi strong,
.nba-story-art.kawhi small,
.nba-story-art.wolves .nba-story-overlay,
.nba-story-art.wolves .nba-story-label,
.nba-story-art.wolves strong,
.nba-story-art.wolves small,
.nba-story-art.east .nba-story-overlay,
.nba-story-art.east .nba-story-label,
.nba-story-art.east strong,
.nba-story-art.east small{
  display:none;
}

/* Keep the full custom art visible. */
.nba-story-art.miami img,
.nba-story-art.kawhi img,
.nba-story-art.wolves img{
  object-fit:cover;
  object-position:center;
}

.nba-story-art.east{
  background:#090b10;
}

.nba-story-art.east img{
  object-fit:contain;
  object-position:center;
}

/* Turn the existing preview-desk visuals into image-led editorial cards. */
.nba-preview-card.heat .preview-visual{
  background:
    linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.38)),
    url("giannis-miami-feature.png") center / cover no-repeat;
}
.nba-preview-card.okc .preview-visual{
  background:
    linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.28)),
    url("nba-sga-preview-cover.png") center / cover no-repeat;
}
.nba-preview-card.lakers .preview-visual{
  background:
    linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.28)),
    url("nba-luka-preview-cover.png") center / cover no-repeat;
}

/* Hide the old generated text blocks so the artwork can speak for itself. */
.nba-preview-card.heat .preview-visual > *,
.nba-preview-card.okc .preview-visual > *,
.nba-preview-card.lakers .preview-visual > *{
  display:none;
}

/* Wemby is included as a ready-to-use standalone cover asset.
   It already appears in the full season-preview hero collage. */

@media(max-width:760px){
  .nba-season-feature{
    padding:18px 0;
  }

  .nba-season-feature-inner{
    width:100%;
    aspect-ratio:1312 / 1199;
    background-size:contain;
    background-position:center;
  }

  .nba-story-art.east img{
    object-fit:contain;
  }
}

/* 4DK NBA — ROOKIE CLASS ART OVERRIDE */
#rookie-class-feature .nba-season-feature-inner{
  aspect-ratio:4 / 3;
  background:
    #080a0d
    url("4DK-NBA-ROOKIE-WATCH-2026-HUB.png")
    center / contain
    no-repeat;
}

@media(max-width:760px){
  #rookie-class-feature .nba-season-feature-inner{
    aspect-ratio:4 / 3;
    background-size:contain;
    background-position:center;
  }
}