/* 20260605-product-polish9 / 20260528-step17-home-system: homepage-only visual reset loaded after legacy CSS. */
html {
  background: #040b15;
}

/* 20260601-redo6-home-tightening: content-first closeout pass. */
@media (min-width: 992px) {
  .home-page .hero-section {
    min-height: clamp(390px, 46svh, 480px) !important;
  }

  .home-page .hero-inner {
    min-height: clamp(390px, 46svh, 480px) !important;
    padding-top: clamp(56px, 5.5svh, 74px) !important;
    padding-bottom: 54px !important;
  }

  .home-page .hero-copy {
    max-width: 600px !important;
  }

  .home-page .hero-title {
    font-size: clamp(42px, 4.4vw, 60px) !important;
    max-width: 620px !important;
  }

  .home-page .hero-description {
    max-width: 580px !important;
    font-size: 15px !important;
    line-height: 1.68 !important;
  }

  .home-page .hero-thumbs {
    right: max(36px, calc((100vw - var(--home-max)) / 2 + 36px)) !important;
    bottom: 68px !important;
    display: grid !important;
    grid-template-columns: repeat(3, 112px) !important;
    gap: 14px !important;
  }

  .home-page .hero-thumb {
    width: 112px !important;
    height: 70px !important;
    border-radius: 14px !important;
    opacity: .82 !important;
    box-shadow: 0 18px 34px rgba(0, 0, 0, .30) !important;
  }

  .home-page .hero-thumb.active {
    opacity: 1 !important;
    transform: none !important;
    border-color: rgba(114, 217, 255, .70) !important;
  }

  .home-page .hero-controls {
    right: max(36px, calc((100vw - var(--home-max)) / 2 + 36px)) !important;
    bottom: 22px !important;
  }

  .home-page #trustSection.signal-status-strip {
    margin-top: -22px !important;
    padding-bottom: 26px !important;
  }
}

.home-page #trustSection.signal-status-strip .signal-status-wrap {
  box-shadow: 0 12px 34px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .045) !important;
}

.home-page .home-section-panel {
  padding: 38px 0 !important;
}

.home-page .home-section-header {
  margin-bottom: 14px !important;
  padding-bottom: 14px !important;
}

.home-page #moviesSection {
  padding-top: 30px !important;
  padding-bottom: 40px !important;
}

.home-page #movieGrid.featured-resource-rail {
  grid-auto-columns: clamp(192px, 13.5vw, 220px) !important;
  gap: 18px !important;
  padding-bottom: 22px !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card {
  height: 392px !important;
  min-height: 392px !important;
  border-radius: 18px !important;
}

.home-page #movieGrid.featured-resource-rail .movie-cover-wrap {
  flex-basis: 226px !important;
  height: 226px !important;
}

.home-page #movieGrid.featured-resource-rail .movie-info {
  min-height: 166px !important;
  padding: 12px 14px 14px !important;
}

.home-page #movieGrid.featured-resource-rail .movie-title {
  min-height: 38px !important;
  font-size: 14px !important;
}

.home-page #movieGrid.featured-resource-rail .movie-meta {
  min-height: 44px !important;
  color: rgba(187, 205, 226, .68) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-get-btn {
  height: 34px !important;
  flex-basis: 34px !important;
}

@media (min-width: 992px) {
  .home-page #movieGrid.featured-resource-rail .movie-card-featured {
    grid-template-columns: minmax(0, .95fr) minmax(210px, .88fr) !important;
    height: 392px !important;
    min-height: 392px !important;
  }

  .home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-cover-wrap {
    height: 100% !important;
  }

  .home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-info {
    padding: 22px !important;
    justify-content: center !important;
  }

  .home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-title {
    font-size: clamp(22px, 1.8vw, 28px) !important;
  }
}

.home-page #latestSection,
.home-page #collectionsSection {
  padding-top: 40px !important;
  padding-bottom: 42px !important;
}

.home-page #latestGrid.latest-stream-grid {
  grid-auto-columns: clamp(300px, 26vw, 374px) !important;
  gap: 16px !important;
}

.home-page #latestGrid.latest-stream-grid .latest-index-card {
  min-height: 138px !important;
  grid-template-columns: 86px minmax(0, 1fr) !important;
  gap: 14px !important;
  padding: 12px !important;
  border-radius: 16px !important;
}

.home-page #latestGrid.latest-stream-grid .latest-index-cover {
  width: 86px !important;
  height: 110px !important;
  border-radius: 12px !important;
}

.home-page .playlist-branch-section #collectionsGrid {
  gap: 16px !important;
}

.home-page .playlist-branch-section .home-playlist-card {
  min-height: 174px !important;
  grid-template-columns: 148px minmax(0, 1fr) !important;
  border-radius: 16px !important;
}

.home-page .playlist-branch-section .home-playlist-cover {
  background:
    radial-gradient(circle at 72% 18%, rgba(114, 217, 255, .18), transparent 9rem),
    linear-gradient(135deg, rgba(18, 88, 132, .74), rgba(7, 20, 38, .96)) !important;
}

.home-page .playlist-branch-section .home-playlist-card:nth-child(2n) .home-playlist-cover {
  background:
    radial-gradient(circle at 72% 18%, rgba(114, 217, 255, .16), transparent 9rem),
    linear-gradient(135deg, rgba(37, 76, 138, .72), rgba(7, 20, 38, .96)) !important;
}

.home-page .playlist-branch-section .home-playlist-card:nth-child(3n) .home-playlist-cover {
  background:
    radial-gradient(circle at 72% 18%, rgba(114, 217, 255, .15), transparent 9rem),
    linear-gradient(135deg, rgba(19, 104, 116, .72), rgba(7, 20, 38, .96)) !important;
}

@media (max-width: 767px) {
  .home-page .hero-section,
  .home-page .hero-inner {
    min-height: clamp(274px, 36svh, 310px) !important;
  }

  .home-page .hero-inner {
    padding-top: 24px !important;
    padding-bottom: 36px !important;
  }

  .home-page .hero-title {
    font-size: clamp(27px, 7vw, 30px) !important;
  }

  .home-page #trustSection.signal-status-strip {
    margin-top: -6px !important;
  }

  .home-page #movieGrid.featured-resource-rail {
    grid-auto-columns: minmax(164px, 45vw) !important;
  }

  .home-page #movieGrid.featured-resource-rail .movie-card {
    height: 360px !important;
    min-height: 360px !important;
  }

  .home-page #movieGrid.featured-resource-rail .movie-cover-wrap,
  .home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-cover-wrap {
    flex-basis: 204px !important;
    height: 204px !important;
  }

  .home-page #movieGrid.featured-resource-rail .movie-info,
  .home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-info {
    min-height: 156px !important;
    padding: 12px 13px 13px !important;
    justify-content: flex-start !important;
  }

  .home-page .playlist-branch-section .home-playlist-card {
    min-height: 170px !important;
    grid-template-columns: 118px minmax(0, 1fr) !important;
  }
}

/* 20260601-redo12-final-visual-closeout: final layer, after all legacy closeout blocks. */
@media (min-width: 992px) {
  .home-page .hero-section,
  .home-page .hero-inner {
    min-height: clamp(350px, 39svh, 410px) !important;
  }

  .home-page .hero-section {
    overflow: hidden !important;
    background:
      radial-gradient(circle at 84% 18%, rgba(114, 217, 255, .15), transparent 24rem),
      linear-gradient(180deg, rgba(5, 12, 22, .18), rgba(5, 12, 22, .72)) !important;
  }

  .home-page .hero-slide-bg {
    opacity: .34 !important;
    filter: saturate(.86) brightness(.62) contrast(1.08) !important;
  }

  .home-page .hero-inner {
    align-items: center !important;
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }

  .home-page .hero-copy {
    max-width: 620px !important;
  }

  .home-page .hero-title {
    font-size: clamp(42px, 4.1vw, 58px) !important;
    max-width: 640px !important;
  }

  .home-page .hero-description {
    max-width: 560px !important;
    font-size: 14px !important;
  }

  .home-page .hero-thumbs {
    top: 104px !important;
    right: max(34px, calc((100vw - var(--home-max)) / 2 + 34px)) !important;
    bottom: auto !important;
    width: clamp(320px, 25vw, 390px) !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 12px !important;
    border-radius: 20px !important;
    border: 1px solid rgba(114, 217, 255, .18) !important;
    background:
      radial-gradient(circle at 90% 0%, rgba(114, 217, 255, .12), transparent 13rem),
      linear-gradient(135deg, rgba(9, 27, 49, .70), rgba(4, 14, 27, .84)) !important;
    box-shadow: 0 24px 54px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .04) !important;
    backdrop-filter: blur(14px);
  }

  .home-page .hero-thumb {
    width: 100% !important;
    height: 72px !important;
    display: grid !important;
    grid-template-columns: 86px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    column-gap: 12px !important;
    row-gap: 2px !important;
    padding: 7px !important;
    border-radius: 15px !important;
    border: 1px solid rgba(114, 217, 255, .13) !important;
    background: rgba(6, 18, 33, .74) !important;
    opacity: .82 !important;
    text-align: left !important;
  }

  .home-page .hero-thumb.active,
  .home-page .hero-thumb:hover,
  .home-page .hero-thumb:focus-visible {
    opacity: 1 !important;
    border-color: rgba(114, 217, 255, .44) !important;
    background: rgba(14, 39, 68, .86) !important;
    box-shadow: 0 0 0 1px rgba(114, 217, 255, .08), 0 12px 26px rgba(0, 0, 0, .20) !important;
    transform: none !important;
  }

  .home-page .hero-thumb img {
    grid-row: 1 / span 2 !important;
    width: 86px !important;
    height: 56px !important;
    border-radius: 11px !important;
    object-fit: cover !important;
    filter: brightness(.82) saturate(.92) !important;
  }

  .home-page .hero-thumb-index {
    display: block !important;
    color: var(--home-cyan) !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
    letter-spacing: .08em !important;
  }

  .home-page .hero-thumb-title {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: rgba(238, 247, 255, .92) !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    font-weight: 850 !important;
  }

  .home-page .hero-controls {
    top: 344px !important;
    right: max(34px, calc((100vw - var(--home-max)) / 2 + 34px)) !important;
    bottom: auto !important;
  }

  .home-page .hero-dots {
    left: max(60px, calc((100vw - var(--home-max)) / 2 + 60px)) !important;
    right: auto !important;
    bottom: 18px !important;
    transform: none !important;
  }

  .home-page #trustSection.signal-status-strip {
    margin-top: -10px !important;
  }
}

.home-page #movieGrid.featured-resource-rail {
  grid-auto-columns: clamp(210px, 14vw, 232px) !important;
  gap: 16px !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card,
.home-page #movieGrid.featured-resource-rail .movie-card-featured {
  height: 404px !important;
  min-height: 404px !important;
  display: flex !important;
  flex-direction: column !important;
  grid-column: span 1 !important;
  grid-template-columns: none !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card-featured {
  background: linear-gradient(180deg, rgba(11, 29, 53, .88), rgba(6, 17, 31, .98)) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-cover-wrap,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-cover-wrap {
  position: relative !important;
  width: auto !important;
  height: 238px !important;
  flex: 0 0 238px !important;
  border-radius: 16px 16px 0 0 !important;
}

.home-page #movieGrid.featured-resource-rail .movie-cover-wrap::after,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-cover-wrap::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(3, 10, 20, .03), rgba(3, 10, 20, .30) 58%, rgba(3, 10, 20, .70)),
    linear-gradient(90deg, rgba(3, 10, 20, .16), rgba(3, 10, 20, .02)) !important;
  z-index: 2 !important;
}

.home-page #movieGrid.featured-resource-rail .movie-cover,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-cover {
  height: 100% !important;
  opacity: .88 !important;
  filter: brightness(.82) saturate(.88) contrast(1.04) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-info,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-info {
  width: auto !important;
  height: auto !important;
  min-height: 166px !important;
  padding: 13px 14px 14px !important;
  justify-content: flex-start !important;
  background: linear-gradient(180deg, rgba(8, 20, 38, .97), rgba(6, 17, 31, .99)) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-title,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-title {
  min-height: 40px !important;
  font-size: 15px !important;
  line-height: 1.34 !important;
  -webkit-line-clamp: 2 !important;
}

.home-page #movieGrid.featured-resource-rail .movie-meta,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-meta {
  min-height: 46px !important;
  margin-top: 8px !important;
  white-space: normal !important;
}

.home-page #movieGrid.featured-resource-rail .movie-get-btn,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-get-btn {
  width: 100% !important;
  max-width: none !important;
  margin-top: auto !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card:hover .movie-cover,
.home-page #movieGrid.featured-resource-rail .movie-card:focus-within .movie-cover {
  transform: scale(1.006) !important;
  filter: brightness(.90) saturate(.94) contrast(1.05) !important;
}

@media (max-width: 991px) {
  .home-page .hero-thumb-index,
  .home-page .hero-thumb-title {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .home-page #movieGrid.featured-resource-rail {
    grid-auto-columns: minmax(166px, 45vw) !important;
  }

  .home-page #movieGrid.featured-resource-rail .movie-card,
  .home-page #movieGrid.featured-resource-rail .movie-card-featured {
    height: 360px !important;
    min-height: 360px !important;
  }

  .home-page #movieGrid.featured-resource-rail .movie-cover-wrap,
  .home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-cover-wrap {
    height: 204px !important;
    flex-basis: 204px !important;
  }

  .home-page #movieGrid.featured-resource-rail .movie-info,
  .home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-info {
    min-height: 156px !important;
  }
}

/* 20260601-redo11-visual-closeout: tighten the stage and make the resource rail readable. */
@media (min-width: 992px) {
  .home-page .hero-section,
  .home-page .hero-inner {
    min-height: clamp(350px, 39svh, 410px) !important;
  }

  .home-page .hero-section {
    overflow: hidden !important;
    background:
      radial-gradient(circle at 84% 18%, rgba(114, 217, 255, .15), transparent 24rem),
      linear-gradient(180deg, rgba(5, 12, 22, .18), rgba(5, 12, 22, .72)) !important;
  }

  .home-page .hero-slide-bg {
    opacity: .34 !important;
    filter: saturate(.86) brightness(.62) contrast(1.08) !important;
  }

  .home-page .hero-inner {
    align-items: center !important;
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }

  .home-page .hero-copy {
    max-width: 620px !important;
  }

  .home-page .hero-title {
    font-size: clamp(42px, 4.1vw, 58px) !important;
    max-width: 640px !important;
  }

  .home-page .hero-description {
    max-width: 560px !important;
    font-size: 14px !important;
  }

  .home-page .hero-thumbs {
    top: 104px !important;
    right: max(34px, calc((100vw - var(--home-max)) / 2 + 34px)) !important;
    bottom: auto !important;
    width: clamp(320px, 25vw, 390px) !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 12px !important;
    border-radius: 20px !important;
    border: 1px solid rgba(114, 217, 255, .18) !important;
    background:
      radial-gradient(circle at 90% 0%, rgba(114, 217, 255, .12), transparent 13rem),
      linear-gradient(135deg, rgba(9, 27, 49, .70), rgba(4, 14, 27, .84)) !important;
    box-shadow: 0 24px 54px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .04) !important;
    backdrop-filter: blur(14px);
  }

  .home-page .hero-thumb {
    width: 100% !important;
    height: 72px !important;
    display: grid !important;
    grid-template-columns: 86px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    column-gap: 12px !important;
    row-gap: 2px !important;
    padding: 7px !important;
    border-radius: 15px !important;
    border: 1px solid rgba(114, 217, 255, .13) !important;
    background: rgba(6, 18, 33, .74) !important;
    opacity: .82 !important;
    text-align: left !important;
  }

  .home-page .hero-thumb.active,
  .home-page .hero-thumb:hover,
  .home-page .hero-thumb:focus-visible {
    opacity: 1 !important;
    border-color: rgba(114, 217, 255, .44) !important;
    background: rgba(14, 39, 68, .86) !important;
    box-shadow: 0 0 0 1px rgba(114, 217, 255, .08), 0 12px 26px rgba(0, 0, 0, .20) !important;
    transform: none !important;
  }

  .home-page .hero-thumb img {
    grid-row: 1 / span 2 !important;
    width: 86px !important;
    height: 56px !important;
    border-radius: 11px !important;
    object-fit: cover !important;
    filter: brightness(.82) saturate(.92) !important;
  }

  .home-page .hero-thumb-index {
    display: block !important;
    color: var(--home-cyan) !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
    letter-spacing: .08em !important;
  }

  .home-page .hero-thumb-title {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: rgba(238, 247, 255, .92) !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    font-weight: 850 !important;
  }

  .home-page .hero-controls {
    top: 344px !important;
    right: max(34px, calc((100vw - var(--home-max)) / 2 + 34px)) !important;
    bottom: auto !important;
  }

  .home-page .hero-dots {
    left: max(60px, calc((100vw - var(--home-max)) / 2 + 60px)) !important;
    right: auto !important;
    bottom: 18px !important;
    transform: none !important;
  }

  .home-page #trustSection.signal-status-strip {
    margin-top: -10px !important;
  }
}

.home-page #movieGrid.featured-resource-rail {
  grid-auto-columns: clamp(210px, 14vw, 232px) !important;
  gap: 16px !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card,
.home-page #movieGrid.featured-resource-rail .movie-card-featured {
  height: 404px !important;
  min-height: 404px !important;
  display: flex !important;
  flex-direction: column !important;
  grid-column: span 1 !important;
  grid-template-columns: none !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card-featured {
  background: linear-gradient(180deg, rgba(11, 29, 53, .88), rgba(6, 17, 31, .98)) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-cover-wrap,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-cover-wrap {
  position: relative !important;
  width: auto !important;
  height: 238px !important;
  flex: 0 0 238px !important;
  border-radius: 16px 16px 0 0 !important;
}

.home-page #movieGrid.featured-resource-rail .movie-cover-wrap::after,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-cover-wrap::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(3, 10, 20, .03), rgba(3, 10, 20, .30) 58%, rgba(3, 10, 20, .70)),
    linear-gradient(90deg, rgba(3, 10, 20, .16), rgba(3, 10, 20, .02)) !important;
  z-index: 2 !important;
}

.home-page #movieGrid.featured-resource-rail .movie-cover,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-cover {
  height: 100% !important;
  opacity: .88 !important;
  filter: brightness(.82) saturate(.88) contrast(1.04) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-info,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-info {
  width: auto !important;
  height: auto !important;
  min-height: 166px !important;
  padding: 13px 14px 14px !important;
  justify-content: flex-start !important;
  background: linear-gradient(180deg, rgba(8, 20, 38, .97), rgba(6, 17, 31, .99)) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-title,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-title {
  min-height: 40px !important;
  font-size: 15px !important;
  line-height: 1.34 !important;
  -webkit-line-clamp: 2 !important;
}

.home-page #movieGrid.featured-resource-rail .movie-meta,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-meta {
  min-height: 46px !important;
  margin-top: 8px !important;
  white-space: normal !important;
}

.home-page #movieGrid.featured-resource-rail .movie-get-btn,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-get-btn {
  width: 100% !important;
  max-width: none !important;
  margin-top: auto !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card:hover .movie-cover,
.home-page #movieGrid.featured-resource-rail .movie-card:focus-within .movie-cover {
  transform: scale(1.006) !important;
  filter: brightness(.90) saturate(.94) contrast(1.05) !important;
}

@media (max-width: 991px) {
  .home-page .hero-thumb-index,
  .home-page .hero-thumb-title {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .home-page #movieGrid.featured-resource-rail {
    grid-auto-columns: minmax(166px, 45vw) !important;
  }

  .home-page #movieGrid.featured-resource-rail .movie-card,
  .home-page #movieGrid.featured-resource-rail .movie-card-featured {
    height: 360px !important;
    min-height: 360px !important;
  }

  .home-page #movieGrid.featured-resource-rail .movie-cover-wrap,
  .home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-cover-wrap {
    height: 204px !important;
    flex-basis: 204px !important;
  }

  .home-page #movieGrid.featured-resource-rail .movie-info,
  .home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-info {
    min-height: 156px !important;
  }
}

/* 20260601-redo8-poster-composition: stop the homepage feeling like a blank stage. */
@media (min-width: 992px) {
  .home-page .hero-inner {
    align-items: flex-start !important;
  }

  .home-page .hero-thumbs {
    top: 210px !important;
    bottom: auto !important;
  }

  .home-page .hero-controls {
    top: 294px !important;
    bottom: auto !important;
  }
}

.home-page #movieGrid.featured-resource-rail .movie-cover {
  opacity: .82 !important;
  filter: brightness(.86) saturate(.92) contrast(1.04) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card-standard .movie-cover-wrap::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  display: block !important;
  background:
    linear-gradient(180deg, rgba(3, 9, 18, .02), rgba(3, 9, 18, .18) 42%, rgba(3, 9, 18, .72)),
    linear-gradient(90deg, rgba(3, 9, 18, .18), transparent 45%, rgba(3, 9, 18, .18)) !important;
  pointer-events: none !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-cover-wrap::after {
  background:
    linear-gradient(90deg, rgba(4, 12, 23, .18), rgba(4, 12, 23, .72)),
    linear-gradient(180deg, rgba(4, 12, 23, .08), rgba(4, 12, 23, .68)) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-rank-badge {
  z-index: 4 !important;
  border-radius: 10px !important;
  box-shadow: 0 12px 26px rgba(28, 196, 255, .18) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card-kicker {
  font-size: 10px !important;
  letter-spacing: .05em !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card:hover .movie-cover,
.home-page #movieGrid.featured-resource-rail .movie-card:focus-within .movie-cover {
  filter: brightness(.92) saturate(1) contrast(1.05) !important;
}

/* 20260601-redo7-above-fold: make the homepage content visible sooner. */
@media (min-width: 992px) {
  .home-page .hero-section,
  .home-page .hero-inner {
    min-height: clamp(320px, 38svh, 390px) !important;
  }

  .home-page .hero-inner {
    padding-top: clamp(44px, 4.4svh, 60px) !important;
    padding-bottom: 42px !important;
  }

  .home-page .hero-kicker {
    margin-bottom: 12px !important;
  }

  .home-page .hero-title {
    font-size: clamp(38px, 4vw, 54px) !important;
  }

  .home-page .hero-description {
    margin-top: 12px !important;
    max-width: 560px !important;
    line-height: 1.58 !important;
  }

  .home-page .hero-actions {
    margin-top: 20px !important;
  }

  .home-page .hero-thumbs {
    bottom: 56px !important;
  }

  .home-page .hero-controls {
    bottom: 12px !important;
  }

  .home-page #trustSection.signal-status-strip {
    margin-top: -14px !important;
    padding-bottom: 18px !important;
  }

  .home-page #trustSection.signal-status-strip .signal-status-wrap {
    padding: 14px 18px !important;
  }

  .home-page #trustSection.signal-status-strip .resource-radar-title {
    margin-top: 4px !important;
    font-size: clamp(17px, 1.18vw, 20px) !important;
  }

  .home-page #trustSection.signal-status-strip .resource-radar-note {
    margin-top: 4px !important;
  }

  .home-page #trustSection.signal-status-strip .resource-radar-stats {
    padding-top: 8px !important;
  }

  .home-page #moviesSection {
    padding-top: 26px !important;
  }
}

@media (max-width: 767px) {
  .home-page .hero-section,
  .home-page .hero-inner {
    min-height: clamp(232px, 30svh, 266px) !important;
  }

  .home-page .hero-inner {
    padding-top: 20px !important;
    padding-bottom: 28px !important;
  }

  .home-page .hero-kicker {
    margin-bottom: 8px !important;
  }

  .home-page .hero-title {
    font-size: clamp(25px, 6.6vw, 28px) !important;
  }

  .home-page .hero-description {
    margin-top: 8px !important;
    -webkit-line-clamp: 2 !important;
  }

  .home-page .hero-actions {
    margin-top: 12px !important;
  }

  .home-page .hero-actions .btn,
  .home-page .hero-actions a {
    min-height: 40px !important;
    max-width: 226px !important;
  }

  .home-page .hero-dots {
    bottom: 7px !important;
  }

  .home-page #trustSection.signal-status-strip {
    margin-top: -4px !important;
    padding-bottom: 12px !important;
  }

  .home-page #trustSection.signal-status-strip .signal-status-wrap {
    padding: 11px !important;
  }

  .home-page #trustSection.signal-status-strip .resource-radar-kicker {
    font-size: 13px !important;
  }

  .home-page #trustSection.signal-status-strip .resource-radar-title {
    margin-top: 6px !important;
    -webkit-line-clamp: 1 !important;
  }

  .home-page #trustSection.signal-status-strip .resource-radar-top {
    gap: 10px !important;
  }

  .home-page #trustSection.signal-status-strip .resource-radar-stats {
    display: none !important;
  }

  .home-page .home-section-panel {
    padding: 28px 0 !important;
  }

  .home-page #moviesSection {
    padding-top: 26px !important;
  }

  .home-page .home-section-header {
    margin-bottom: 12px !important;
    padding-bottom: 12px !important;
  }

  .home-page .section-title {
    font-size: clamp(27px, 7vw, 32px) !important;
  }

  .home-page .section-desc {
    font-size: 13px !important;
    line-height: 1.55 !important;
  }
}

body.home-page {
  --home-max: 1520px;
  --home-panel: rgba(8, 22, 39, .82);
  --home-panel-strong: rgba(10, 29, 52, .92);
  --home-line: rgba(114, 217, 255, .16);
  --home-line-strong: rgba(114, 217, 255, .34);
  --home-cyan: #72d9ff;
  --home-text: #eef7ff;
  --home-muted: rgba(190, 207, 228, .74);
  overflow-x: hidden;
  background:
    radial-gradient(circle at 10% 0%, rgba(114, 217, 255, .10), transparent 32rem),
    radial-gradient(circle at 88% 4%, rgba(94, 132, 255, .12), transparent 34rem),
    linear-gradient(180deg, #06101d 0%, #071522 40%, #040b15 100%) !important;
}

.home-page .page-bg-gradient,
.home-page #homeModules {
  overflow-x: hidden;
}

.home-page .container {
  width: min(var(--home-max), calc(100% - 72px)) !important;
}

.home-page .navbar {
  overflow: hidden !important;
}

.home-page .hero-section {
  min-height: clamp(440px, 52svh, 540px) !important;
  border-bottom: 0 !important;
}

.home-page .hero-inner {
  min-height: clamp(440px, 52svh, 540px) !important;
  padding-top: clamp(70px, 7svh, 86px) !important;
  padding-bottom: 58px !important;
  gap: clamp(32px, 5vw, 68px) !important;
}

.home-page .hero-title {
  color: var(--home-text) !important;
  font-size: clamp(44px, 5vw, 66px) !important;
  line-height: 1.04 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 18px 42px rgba(0, 0, 0, .44) !important;
}

.home-page .hero-description {
  max-width: 640px !important;
  color: rgba(225, 237, 252, .76) !important;
  line-height: 1.72 !important;
}

.home-page .hero-progress {
  display: none !important;
}

.home-page .hero-cta-primary {
  color: #041321 !important;
  background: linear-gradient(135deg, #72d9ff, #93eaff) !important;
  border-color: rgba(255, 255, 255, .24) !important;
  box-shadow: 0 16px 34px rgba(72, 216, 255, .20), inset 0 1px 0 rgba(255, 255, 255, .38) !important;
  transform: none !important;
}

.home-page .hero-cta-primary:hover,
.home-page .hero-cta-primary:focus-visible {
  border-color: rgba(255, 255, 255, .34) !important;
  box-shadow: 0 18px 38px rgba(72, 216, 255, .26), inset 0 1px 0 rgba(255, 255, 255, .44) !important;
  transform: none !important;
}

.home-page .hero-play-icon {
  background: rgba(4, 19, 33, .12) !important;
  color: #041321 !important;
}

.home-page #trustSection.signal-status-strip {
  position: relative !important;
  z-index: 8 !important;
  margin-top: -42px !important;
  padding: 0 0 30px !important;
  border-top: 0 !important;
  border-bottom: 1px solid rgba(118, 180, 255, .10) !important;
  background: linear-gradient(180deg, rgba(5, 12, 22, 0), rgba(5, 12, 22, .74) 58%, rgba(5, 12, 22, .90)) !important;
}

.home-page #trustSection.signal-status-strip .signal-status-wrap {
  width: min(1320px, calc(100% - 72px)) !important;
  max-width: 1320px !important;
  margin: 0 auto !important;
  padding: 18px 20px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(114, 217, 255, .22) !important;
  background:
    radial-gradient(circle at 10% 8%, rgba(114, 217, 255, .12), transparent 15rem),
    linear-gradient(135deg, rgba(13, 31, 55, .94), rgba(7, 18, 33, .90)) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .045) !important;
  backdrop-filter: blur(14px);
}

.home-page #trustSection.signal-status-strip .resource-radar-top {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 20px !important;
  margin-bottom: 10px !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: var(--home-cyan) !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-kicker::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--home-cyan);
  box-shadow: 0 0 18px rgba(114, 217, 255, .58);
}

.home-page #trustSection.signal-status-strip .resource-radar-title {
  max-width: 780px !important;
  margin-top: 8px !important;
  color: var(--home-text) !important;
  font-size: clamp(18px, 1.35vw, 22px) !important;
  line-height: 1.38 !important;
  letter-spacing: 0 !important;
  font-weight: 850 !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-note {
  margin-top: 6px !important;
  color: rgba(194, 210, 230, .72) !important;
  font-size: 13px !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-btn {
  width: 158px !important;
  min-width: 158px !important;
  max-width: 158px !important;
  min-height: 46px !important;
  padding: 6px 13px 6px 7px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  border-radius: 15px !important;
  border: 1px solid rgba(114, 217, 255, .26) !important;
  background: linear-gradient(135deg, rgba(114, 217, 255, .16), rgba(11, 28, 50, .72) 46%, rgba(7, 18, 33, .90)) !important;
  color: rgba(240, 248, 255, .94) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .055), 0 12px 26px rgba(0, 0, 0, .20) !important;
  transform: none !important;
}

.home-page #trustSection.signal-status-strip .resource-action-community {
  border-color: rgba(174, 196, 216, .24) !important;
  background: linear-gradient(135deg, rgba(174, 196, 216, .11), rgba(11, 28, 50, .64) 46%, rgba(7, 18, 33, .92)) !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-btn-icon {
  width: 32px !important;
  height: 32px !important;
  flex: 0 0 32px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 11px !important;
  color: var(--home-cyan) !important;
  background: linear-gradient(135deg, rgba(114, 217, 255, .26), rgba(114, 217, 255, .09)) !important;
  border: 1px solid rgba(114, 217, 255, .30) !important;
}

.home-page #trustSection.signal-status-strip .resource-action-community .resource-radar-btn-icon {
  color: rgba(211, 226, 240, .92) !important;
  background: linear-gradient(135deg, rgba(174, 196, 216, .22), rgba(174, 196, 216, .08)) !important;
  border-color: rgba(174, 196, 216, .26) !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-btn-label {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-btn:hover,
.home-page #trustSection.signal-status-strip .resource-radar-btn:focus-visible {
  transform: none !important;
  border-color: var(--home-line-strong) !important;
  box-shadow: 0 15px 32px rgba(0, 0, 0, .25), 0 0 0 1px rgba(114, 217, 255, .08) !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-stats {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(118, 180, 255, .10) !important;
}

.home-page #trustSection.signal-status-strip .trust-stat-pill {
  min-height: 34px !important;
  border-radius: 999px !important;
  border-color: rgba(114, 217, 255, .13) !important;
  background: rgba(114, 217, 255, .055) !important;
  color: rgba(204, 222, 241, .78) !important;
}

.home-page .home-section-panel {
  padding: 44px 0 !important;
  scroll-margin-top: 88px !important;
  border-top: 1px solid rgba(118, 180, 255, .09) !important;
  background: linear-gradient(180deg, rgba(7, 18, 33, .34), rgba(5, 12, 22, .08) 52%, rgba(5, 12, 22, .30)) !important;
}

.home-page .home-section-header {
  align-items: flex-end !important;
  gap: 18px !important;
  margin-bottom: 18px !important;
  padding-bottom: 18px !important;
  border-bottom: 1px solid rgba(118, 180, 255, .12) !important;
}

.home-page .section-title {
  font-size: clamp(30px, 3vw, 40px) !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

.home-page .section-desc {
  max-width: 820px !important;
  color: var(--home-muted) !important;
  line-height: 1.66 !important;
}

.home-page .section-actions .btn,
.home-page .section-zone-link {
  min-height: 42px !important;
  border-radius: 999px !important;
}

.home-page #moviesSection {
  padding-top: 36px !important;
  padding-bottom: 48px !important;
}

.home-page #movieGrid.featured-resource-rail {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: clamp(208px, 14.5vw, 238px) !important;
  grid-template-columns: none !important;
  align-items: stretch !important;
  gap: 18px !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding: 6px 2px 26px !important;
  scroll-snap-type: x proximity;
  scroll-padding-inline: 2px;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(114, 217, 255, .48) rgba(255, 255, 255, .05) !important;
}

.home-page #movieGrid.featured-resource-rail::-webkit-scrollbar {
  display: block !important;
  height: 8px !important;
}

.home-page #movieGrid.featured-resource-rail::-webkit-scrollbar-track {
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .05) !important;
}

.home-page #movieGrid.featured-resource-rail::-webkit-scrollbar-thumb {
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(114, 217, 255, .66), rgba(78, 163, 219, .42)) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card {
  height: 426px !important;
  min-height: 426px !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  scroll-snap-align: start;
  border-radius: 16px !important;
  border-color: rgba(114, 217, 255, .18) !important;
  background: linear-gradient(180deg, rgba(11, 29, 53, .88), rgba(6, 17, 31, .98)) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .035) !important;
  transform: none !important;
  position: relative !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card::after,
.home-page #movieGrid.featured-resource-rail .movie-hover-layer {
  display: none !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card-standard {
  grid-column: span 1 !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card-featured {
  grid-column: span 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(214px, .82fr) !important;
  isolation: isolate !important;
  height: 426px !important;
  background:
    radial-gradient(circle at 22% 16%, rgba(114, 217, 255, .16), transparent 16rem),
    linear-gradient(135deg, rgba(12, 35, 62, .92), rgba(6, 17, 31, .98)) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card:hover,
.home-page #movieGrid.featured-resource-rail .movie-card:focus-within {
  transform: none !important;
  border-color: rgba(114, 217, 255, .42) !important;
  box-shadow: 0 22px 52px rgba(0, 0, 0, .30), 0 0 0 1px rgba(114, 217, 255, .08) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-cover-wrap {
  flex: 0 0 248px !important;
  height: 248px !important;
  aspect-ratio: auto !important;
  border-radius: 16px 16px 0 0 !important;
}

.home-page #movieGrid.featured-resource-rail .movie-cover-wrap::after {
  display: none !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-cover-wrap {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: 100% !important;
  flex: none !important;
  min-height: 0 !important;
  border-radius: 16px 0 0 16px !important;
  z-index: 0 !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-cover-wrap::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  background:
    linear-gradient(90deg, rgba(5, 13, 25, .08), rgba(5, 13, 25, .62)),
    linear-gradient(180deg, rgba(5, 13, 25, .04), rgba(5, 13, 25, .62)) !important;
  display: block !important;
  pointer-events: none !important;
}

.home-page #movieGrid.featured-resource-rail .movie-cover {
  transform: none !important;
  transition: filter .22s var(--ease), transform .22s var(--ease) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card:hover .movie-cover,
.home-page #movieGrid.featured-resource-rail .movie-card:focus-within .movie-cover {
  transform: scale(1.012) !important;
  filter: brightness(.96) saturate(1.04) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-cover {
  height: 100% !important;
  filter: brightness(.82) saturate(.98) contrast(1.02) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-info {
  flex: 1 1 auto !important;
  min-height: 178px !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 13px 14px 14px !important;
  background: linear-gradient(180deg, rgba(8, 20, 38, .97), rgba(6, 17, 31, .99)) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-info {
  min-height: 0 !important;
  height: 100% !important;
  width: auto !important;
  padding: 24px 24px 22px !important;
  justify-content: flex-end !important;
  background:
    radial-gradient(circle at 0% 100%, rgba(114, 217, 255, .10), transparent 13rem),
    linear-gradient(180deg, rgba(8, 20, 38, .98), rgba(6, 17, 31, .99)) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card-kicker {
  margin-bottom: 7px !important;
  color: var(--home-cyan) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: .08em !important;
}

.home-page #movieGrid.featured-resource-rail .movie-title {
  min-height: 42px !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-title {
  min-height: auto !important;
  font-size: clamp(23px, 2.1vw, 30px) !important;
  line-height: 1.16 !important;
  -webkit-line-clamp: 2 !important;
}

.home-page #movieGrid.featured-resource-rail .movie-meta {
  min-height: 48px !important;
  margin-top: 8px !important;
  line-height: 1.55 !important;
  align-content: flex-start !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-meta {
  min-height: 64px !important;
  margin-top: 12px !important;
  white-space: normal !important;
}

.home-page #movieGrid.featured-resource-rail .movie-get-btn {
  height: 36px !important;
  flex: 0 0 36px !important;
  margin-top: auto !important;
  border-radius: 12px !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-get-btn {
  max-width: 210px !important;
}

.home-page #latestGrid.latest-stream-grid {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: clamp(320px, 29vw, 420px) !important;
  grid-template-columns: none !important;
  grid-template-rows: 1fr !important;
  gap: 14px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding: 2px 2px 18px !important;
  scroll-snap-type: x proximity !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(114, 217, 255, .48) rgba(255, 255, 255, .05) !important;
}

.home-page #latestGrid.latest-stream-grid::-webkit-scrollbar {
  display: block !important;
  height: 8px !important;
}

.home-page #latestGrid.latest-stream-grid::-webkit-scrollbar-track {
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .05) !important;
}

.home-page #latestGrid.latest-stream-grid::-webkit-scrollbar-thumb {
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(114, 217, 255, .62), rgba(78, 163, 219, .38)) !important;
}

.home-page #latestGrid.latest-stream-grid .latest-index-card {
  min-height: 154px !important;
  display: grid !important;
  grid-template-columns: 104px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 14px !important;
  border-radius: 18px !important;
  border-color: rgba(114, 217, 255, .16) !important;
  background: linear-gradient(135deg, rgba(11, 29, 52, .84), rgba(6, 17, 31, .97)) !important;
  transform: none !important;
  scroll-snap-align: start !important;
}

.home-page #latestGrid.latest-stream-grid .latest-index-cover {
  width: 104px !important;
  height: 126px !important;
  border-radius: 13px !important;
  overflow: hidden !important;
}

.home-page #latestGrid.latest-stream-grid .latest-index-arrow {
  display: none !important;
}

.home-page #latestGrid.latest-stream-grid .latest-index-topline {
  gap: 8px !important;
}

.home-page #latestGrid.latest-stream-grid .latest-update-note {
  color: var(--home-cyan) !important;
}

.home-page #latestGrid.latest-stream-grid h4,
.home-page #latestGrid.latest-stream-grid p {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.home-page .playlist-branch-section {
  background: linear-gradient(180deg, rgba(114, 217, 255, .025), rgba(5, 12, 22, .10) 38%, rgba(5, 12, 22, .30)) !important;
}

.home-page #curatedSection,
.home-page #recommendSection {
  display: none !important;
}

.home-page .playlist-branch-section #collectionsGrid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.home-page .playlist-branch-section .home-playlist-card {
  min-height: 210px !important;
  border-radius: 18px !important;
  border-color: rgba(114, 217, 255, .17) !important;
  background: linear-gradient(135deg, rgba(11, 29, 52, .84), rgba(6, 17, 31, .97)) !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .035) !important;
  transform: none !important;
}

.home-page .playlist-branch-section .home-playlist-cover {
  background: linear-gradient(135deg, rgba(28, 112, 178, .58), rgba(7, 20, 38, .96)) !important;
}

.home-page .home-playlist-badge,
.home-page .home-playlist-kicker,
.home-page .home-playlist-footer b,
.home-page .home-playlist-route i {
  color: var(--home-cyan) !important;
}

.home-page .home-playlist-badge {
  background: rgba(114, 217, 255, .14) !important;
  border: 1px solid rgba(114, 217, 255, .22) !important;
}

.home-page #curatedGrid.curated-poster-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

.home-page #curatedGrid.curated-poster-grid .curated-poster-card {
  border-radius: 18px !important;
  border: 1px solid rgba(114, 217, 255, .15) !important;
  background: linear-gradient(180deg, rgba(11, 29, 52, .82), rgba(6, 17, 31, .96)) !important;
  transform: none !important;
}

.home-page #curatedGrid.curated-poster-grid .curated-poster-cover {
  aspect-ratio: 16 / 10 !important;
  border-radius: 18px 18px 0 0 !important;
}

.home-page .recommend-scroll {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

.home-page .recommend-card {
  min-height: 182px !important;
  border-radius: 18px !important;
  border-color: rgba(114, 217, 255, .14) !important;
  background: linear-gradient(180deg, rgba(11, 29, 52, .82), rgba(6, 17, 31, .96)) !important;
  transform: none !important;
}

.home-page .recommend-showcase-cover {
  min-height: 182px !important;
  border-radius: 18px !important;
}

.home-page .movie-card:hover,
.home-page .movie-card:focus-within,
.home-page .rail-card:hover,
.home-page .rail-card:focus-within,
.home-page .recommend-card:hover,
.home-page .recommend-card:focus-within,
.home-page .home-playlist-card:hover,
.home-page .home-playlist-card:focus-visible,
.home-page .latest-update-card:hover,
.home-page .latest-update-card:focus-visible,
.home-page .curated-poster-card:hover,
.home-page .curated-poster-card:focus-visible {
  transform: none !important;
}

.home-page .movie-card:focus-visible,
.home-page .home-playlist-card:focus-visible,
.home-page .latest-update-card:focus-visible,
.home-page .curated-poster-card:focus-visible,
.home-page .recommend-card:focus-visible,
.home-page a:focus-visible,
.home-page button:focus-visible {
  outline: 2px solid rgba(114, 217, 255, .72) !important;
  outline-offset: 3px !important;
}

@media (max-width: 1180px) {
  .home-page #curatedGrid.curated-poster-grid,
  .home-page .recommend-scroll {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .home-page .playlist-branch-section #collectionsGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  .home-page .container {
    width: calc(100% - 28px) !important;
  }

  .home-page .navbar .container {
    width: calc(100% - 28px) !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 36px auto !important;
    grid-template-areas:
      "brand search actions"
      "channels channels channels" !important;
    align-items: center !important;
    column-gap: 8px !important;
    row-gap: 8px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .home-page .navbar-logo {
    grid-area: brand !important;
    min-width: 0 !important;
    gap: 7px !important;
    overflow: hidden !important;
  }

  .home-page .navbar-logo-icon {
    width: 34px !important;
    height: 34px !important;
    flex: 0 0 34px !important;
    border-radius: 12px !important;
  }

  .home-page .navbar-logo h1 {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 20px !important;
    line-height: 1 !important;
  }

  .home-page .navbar-actions {
    grid-area: actions !important;
    justify-self: end !important;
    gap: 6px !important;
    margin-left: 0 !important;
  }

  .home-page .nav-action-btn {
    width: 36px !important;
    height: 36px !important;
    border-radius: 12px !important;
  }

  .home-page .navbar-categories {
    grid-area: channels !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 6px !important;
    padding: 0 0 1px !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
  }

  .home-page .navbar-categories::-webkit-scrollbar {
    display: none !important;
  }

  .home-page .nav-category {
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    font-size: 14px !important;
  }

  .home-page .navbar-search {
    grid-area: search !important;
    justify-self: end !important;
    width: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 12px !important;
  }

  .home-page .navbar-search .search-input {
    display: none !important;
  }

  .home-page .search-btn {
    position: static !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 12px !important;
    display: grid !important;
    place-items: center !important;
    right: auto !important;
  }

  .home-page .hero-section,
  .home-page .hero-inner {
    min-height: clamp(292px, 39svh, 330px) !important;
  }

  .home-page .hero-inner {
    padding-top: 32px !important;
    padding-bottom: 42px !important;
  }

  .home-page .hero-slide {
    transition-duration: .30s !important;
  }

  .home-page .hero-slide:not(.active) .hero-inner {
    visibility: hidden !important;
  }

  .home-page .hero-kicker {
    margin-bottom: 12px !important;
    padding: 6px 10px !important;
    font-size: 11px !important;
  }

  .home-page .hero-title {
    font-size: clamp(28px, 7.4vw, 32px) !important;
    line-height: 1.08 !important;
    text-shadow: 0 10px 28px rgba(0, 0, 0, .36) !important;
  }

  .home-page .hero-description {
    margin-top: 10px !important;
    max-width: 30rem !important;
    font-size: 13px !important;
    line-height: 1.56 !important;
  }

  .home-page .hero-actions {
    margin-top: 16px !important;
  }

  .home-page .hero-actions .btn,
  .home-page .hero-actions a {
    min-height: 42px !important;
    max-width: 250px !important;
    flex: 0 1 250px !important;
    font-size: 14px !important;
  }

  .home-page .hero-dots {
    bottom: 9px !important;
    gap: 6px !important;
  }

  .home-page .hero-dot-btn {
    width: 7px !important;
    height: 7px !important;
  }

  .home-page .hero-dot-btn.active {
    width: 22px !important;
  }

  .home-page #trustSection.signal-status-strip {
    margin-top: -12px !important;
    padding-bottom: 18px !important;
  }

  .home-page #trustSection.signal-status-strip .signal-status-wrap {
    width: calc(100% - 28px) !important;
    padding: 12px !important;
    border-radius: 16px !important;
  }

  .home-page #trustSection.signal-status-strip .resource-radar-title {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    font-size: 15px !important;
    line-height: 1.42 !important;
  }

  .home-page #trustSection.signal-status-strip .resource-radar-note {
    display: none !important;
  }

  .home-page #trustSection.signal-status-strip .resource-radar-top {
    grid-template-columns: 1fr !important;
    gap: 13px !important;
  }

  .home-page #trustSection.signal-status-strip .resource-radar-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    width: 100% !important;
    gap: 8px !important;
  }

  .home-page #trustSection.signal-status-strip .resource-radar-btn {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 38px !important;
    border-radius: 13px !important;
    padding: 5px 9px 5px 6px !important;
    gap: 8px !important;
    font-size: 13px !important;
  }

  .home-page #trustSection.signal-status-strip .resource-radar-btn-icon {
    width: 28px !important;
    height: 28px !important;
    flex-basis: 28px !important;
    border-radius: 10px !important;
  }

  .home-page #trustSection.signal-status-strip .resource-radar-stats {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    padding-top: 8px !important;
    scrollbar-width: none !important;
  }

  .home-page #trustSection.signal-status-strip .resource-radar-stats::-webkit-scrollbar {
    display: none !important;
  }

  .home-page #trustSection.signal-status-strip .trust-stat-pill {
    min-height: 28px !important;
    font-size: 11px !important;
    padding: 0 9px !important;
  }

  .home-page .home-section-panel {
    padding: 34px 0 !important;
    scroll-margin-top: 120px !important;
  }

  .home-page .home-section-header {
    display: block !important;
    margin-bottom: 15px !important;
  }

  .home-page .section-actions {
    margin-top: 13px !important;
  }

  .home-page #movieGrid.featured-resource-rail {
    grid-auto-columns: minmax(166px, 46vw) !important;
    gap: 13px !important;
  }

  .home-page #movieGrid.featured-resource-rail .movie-card-featured {
    grid-column: span 1 !important;
    display: flex !important;
  }

  .home-page #movieGrid.featured-resource-rail .movie-card {
    height: 374px !important;
    min-height: 374px !important;
  }

  .home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-cover-wrap {
    height: 220px !important;
    flex: 0 0 220px !important;
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    border-radius: 16px 16px 0 0 !important;
    z-index: auto !important;
  }

  .home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-cover-wrap::after {
    display: none !important;
  }

  .home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-info {
    min-height: 154px !important;
    height: auto !important;
    width: auto !important;
    padding: 13px 14px 14px !important;
    background: transparent !important;
  }

  .home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-title {
    min-height: 42px !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
  }

  .home-page #movieGrid.featured-resource-rail .movie-cover-wrap {
    flex-basis: 220px !important;
    height: 220px !important;
  }

  .home-page #curatedGrid.curated-poster-grid,
  .home-page .recommend-scroll,
  .home-page .playlist-branch-section #collectionsGrid {
    grid-template-columns: 1fr !important;
  }
}

/* 20260601-redo7-final-override: final order-sensitive homepage tightening. */
@media (min-width: 992px) {
  .home-page .hero-section,
  .home-page .hero-inner {
    min-height: clamp(320px, 38svh, 390px) !important;
  }

  .home-page .hero-inner {
    padding-top: clamp(44px, 4.4svh, 60px) !important;
    padding-bottom: 42px !important;
  }

  .home-page .hero-kicker {
    margin-bottom: 12px !important;
  }

  .home-page .hero-title {
    font-size: clamp(38px, 4vw, 54px) !important;
  }

  .home-page .hero-description {
    margin-top: 12px !important;
    max-width: 560px !important;
    line-height: 1.58 !important;
  }

  .home-page .hero-actions {
    margin-top: 20px !important;
  }

  .home-page .hero-thumbs {
    right: max(36px, calc((100vw - var(--home-max)) / 2 + 36px)) !important;
    bottom: 56px !important;
    display: grid !important;
    grid-template-columns: repeat(3, 112px) !important;
    gap: 14px !important;
  }

  .home-page .hero-thumb {
    width: 112px !important;
    height: 70px !important;
    border-radius: 14px !important;
    opacity: .82 !important;
  }

  .home-page .hero-controls {
    right: max(36px, calc((100vw - var(--home-max)) / 2 + 36px)) !important;
    bottom: 12px !important;
  }

  .home-page #trustSection.signal-status-strip {
    margin-top: -14px !important;
    padding-bottom: 18px !important;
  }

  .home-page #trustSection.signal-status-strip .signal-status-wrap {
    padding: 14px 18px !important;
  }

  .home-page #trustSection.signal-status-strip .resource-radar-title {
    margin-top: 4px !important;
    font-size: clamp(17px, 1.18vw, 20px) !important;
  }

  .home-page #trustSection.signal-status-strip .resource-radar-note {
    margin-top: 4px !important;
  }

  .home-page #trustSection.signal-status-strip .resource-radar-stats {
    padding-top: 8px !important;
  }
}

.home-page .home-section-panel {
  padding: 38px 0 !important;
}

.home-page .home-section-header {
  margin-bottom: 14px !important;
  padding-bottom: 14px !important;
}

.home-page #moviesSection {
  padding-top: 26px !important;
  padding-bottom: 40px !important;
}

.home-page #movieGrid.featured-resource-rail {
  grid-auto-columns: clamp(192px, 13.5vw, 220px) !important;
  gap: 18px !important;
  padding-bottom: 22px !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card {
  height: 392px !important;
  min-height: 392px !important;
  border-radius: 18px !important;
}

.home-page #movieGrid.featured-resource-rail .movie-cover-wrap {
  flex-basis: 226px !important;
  height: 226px !important;
}

.home-page #movieGrid.featured-resource-rail .movie-info {
  min-height: 166px !important;
  padding: 12px 14px 14px !important;
}

.home-page #movieGrid.featured-resource-rail .movie-title {
  min-height: 38px !important;
  font-size: 14px !important;
}

.home-page #movieGrid.featured-resource-rail .movie-meta {
  min-height: 44px !important;
  color: rgba(187, 205, 226, .68) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-get-btn {
  height: 34px !important;
  flex-basis: 34px !important;
}

@media (min-width: 992px) {
  .home-page #movieGrid.featured-resource-rail .movie-card-featured {
    grid-template-columns: minmax(0, .95fr) minmax(210px, .88fr) !important;
    height: 392px !important;
    min-height: 392px !important;
  }

  .home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-cover-wrap {
    height: 100% !important;
  }

  .home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-info {
    padding: 22px !important;
    justify-content: center !important;
  }
}

.home-page #latestSection,
.home-page #collectionsSection {
  padding-top: 40px !important;
  padding-bottom: 42px !important;
}

.home-page #latestGrid.latest-stream-grid {
  grid-auto-columns: clamp(300px, 26vw, 374px) !important;
  gap: 16px !important;
}

.home-page #latestGrid.latest-stream-grid .latest-index-card {
  min-height: 138px !important;
  grid-template-columns: 86px minmax(0, 1fr) !important;
  gap: 14px !important;
  padding: 12px !important;
  border-radius: 16px !important;
}

.home-page #latestGrid.latest-stream-grid .latest-index-cover {
  width: 86px !important;
  height: 110px !important;
  border-radius: 12px !important;
}

.home-page .playlist-branch-section .home-playlist-card {
  min-height: 174px !important;
  grid-template-columns: 148px minmax(0, 1fr) !important;
  border-radius: 16px !important;
}

.home-page .playlist-branch-section .home-playlist-cover {
  background:
    radial-gradient(circle at 72% 18%, rgba(114, 217, 255, .18), transparent 9rem),
    linear-gradient(135deg, rgba(18, 88, 132, .74), rgba(7, 20, 38, .96)) !important;
}

.home-page .playlist-branch-section .home-playlist-card:nth-child(2n) .home-playlist-cover {
  background:
    radial-gradient(circle at 72% 18%, rgba(114, 217, 255, .16), transparent 9rem),
    linear-gradient(135deg, rgba(37, 76, 138, .72), rgba(7, 20, 38, .96)) !important;
}

.home-page .playlist-branch-section .home-playlist-card:nth-child(3n) .home-playlist-cover {
  background:
    radial-gradient(circle at 72% 18%, rgba(114, 217, 255, .15), transparent 9rem),
    linear-gradient(135deg, rgba(19, 104, 116, .72), rgba(7, 20, 38, .96)) !important;
}

@media (max-width: 767px) {
  .home-page .hero-section,
  .home-page .hero-inner {
    min-height: clamp(232px, 30svh, 266px) !important;
  }

  .home-page .hero-inner {
    padding-top: 20px !important;
    padding-bottom: 28px !important;
  }

  .home-page .hero-kicker {
    margin-bottom: 8px !important;
  }

  .home-page .hero-title {
    font-size: clamp(25px, 6.6vw, 28px) !important;
  }

  .home-page .hero-description {
    margin-top: 8px !important;
    -webkit-line-clamp: 2 !important;
  }

  .home-page .hero-actions {
    margin-top: 12px !important;
  }

  .home-page .hero-actions .btn,
  .home-page .hero-actions a {
    min-height: 40px !important;
    max-width: 226px !important;
  }

  .home-page .hero-dots {
    bottom: 7px !important;
  }

  .home-page #trustSection.signal-status-strip {
    margin-top: -4px !important;
    padding-bottom: 12px !important;
  }

  .home-page #trustSection.signal-status-strip .signal-status-wrap {
    padding: 11px !important;
  }

  .home-page #trustSection.signal-status-strip .resource-radar-title {
    margin-top: 6px !important;
    -webkit-line-clamp: 1 !important;
  }

  .home-page #trustSection.signal-status-strip .resource-radar-top {
    gap: 10px !important;
  }

  .home-page #trustSection.signal-status-strip .resource-radar-stats {
    display: none !important;
  }

  .home-page .home-section-panel {
    padding: 28px 0 !important;
  }

  .home-page #moviesSection {
    padding-top: 26px !important;
  }

  .home-page .home-section-header {
    margin-bottom: 12px !important;
    padding-bottom: 12px !important;
  }

  .home-page .section-title {
    font-size: clamp(27px, 7vw, 32px) !important;
  }

  .home-page .section-desc {
    font-size: 13px !important;
    line-height: 1.55 !important;
  }

  .home-page #movieGrid.featured-resource-rail {
    grid-auto-columns: minmax(164px, 45vw) !important;
  }

  .home-page #movieGrid.featured-resource-rail .movie-card {
    height: 360px !important;
    min-height: 360px !important;
  }

  .home-page #movieGrid.featured-resource-rail .movie-cover-wrap,
  .home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-cover-wrap {
    flex-basis: 204px !important;
    height: 204px !important;
  }

  .home-page #movieGrid.featured-resource-rail .movie-info,
  .home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-info {
    min-height: 156px !important;
    padding: 12px 13px 13px !important;
    justify-content: flex-start !important;
  }

  .home-page .playlist-branch-section .home-playlist-card {
    min-height: 170px !important;
    grid-template-columns: 118px minmax(0, 1fr) !important;
  }
}
/* 20260601-redo12-final-visual-closeout: final layer, after all legacy closeout blocks. */
@media (min-width: 992px) {
  .home-page .hero-section,
  .home-page .hero-inner {
    min-height: clamp(350px, 39svh, 410px) !important;
  }

  .home-page .hero-section {
    overflow: hidden !important;
    background:
      radial-gradient(circle at 84% 18%, rgba(114, 217, 255, .15), transparent 24rem),
      linear-gradient(180deg, rgba(5, 12, 22, .18), rgba(5, 12, 22, .72)) !important;
  }

  .home-page .hero-slide-bg {
    opacity: .34 !important;
    filter: saturate(.86) brightness(.62) contrast(1.08) !important;
  }

  .home-page .hero-inner {
    align-items: center !important;
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }

  .home-page .hero-copy {
    max-width: 620px !important;
  }

  .home-page .hero-title {
    font-size: clamp(42px, 4.1vw, 58px) !important;
    max-width: 640px !important;
  }

  .home-page .hero-description {
    max-width: 560px !important;
    font-size: 14px !important;
  }

  .home-page .hero-thumbs {
    top: 104px !important;
    right: max(34px, calc((100vw - var(--home-max)) / 2 + 34px)) !important;
    bottom: auto !important;
    width: clamp(320px, 25vw, 390px) !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 12px !important;
    border-radius: 20px !important;
    border: 1px solid rgba(114, 217, 255, .18) !important;
    background:
      radial-gradient(circle at 90% 0%, rgba(114, 217, 255, .12), transparent 13rem),
      linear-gradient(135deg, rgba(9, 27, 49, .70), rgba(4, 14, 27, .84)) !important;
    box-shadow: 0 24px 54px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .04) !important;
    backdrop-filter: blur(14px);
  }

  .home-page .hero-thumb {
    width: 100% !important;
    height: 72px !important;
    display: grid !important;
    grid-template-columns: 86px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    column-gap: 12px !important;
    row-gap: 2px !important;
    padding: 7px !important;
    border-radius: 15px !important;
    border: 1px solid rgba(114, 217, 255, .13) !important;
    background: rgba(6, 18, 33, .74) !important;
    opacity: .82 !important;
    text-align: left !important;
  }

  .home-page .hero-thumb.active,
  .home-page .hero-thumb:hover,
  .home-page .hero-thumb:focus-visible {
    opacity: 1 !important;
    border-color: rgba(114, 217, 255, .44) !important;
    background: rgba(14, 39, 68, .86) !important;
    box-shadow: 0 0 0 1px rgba(114, 217, 255, .08), 0 12px 26px rgba(0, 0, 0, .20) !important;
    transform: none !important;
  }

  .home-page .hero-thumb img {
    grid-row: 1 / span 2 !important;
    width: 86px !important;
    height: 56px !important;
    border-radius: 11px !important;
    object-fit: cover !important;
    filter: brightness(.82) saturate(.92) !important;
  }

  .home-page .hero-thumb-index {
    display: block !important;
    color: var(--home-cyan) !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
    letter-spacing: .08em !important;
  }

  .home-page .hero-thumb-title {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: rgba(238, 247, 255, .92) !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    font-weight: 850 !important;
  }

  .home-page .hero-controls {
    top: 344px !important;
    right: max(34px, calc((100vw - var(--home-max)) / 2 + 34px)) !important;
    bottom: auto !important;
  }

  .home-page .hero-dots {
    left: max(60px, calc((100vw - var(--home-max)) / 2 + 60px)) !important;
    right: auto !important;
    bottom: 18px !important;
    transform: none !important;
  }

  .home-page #trustSection.signal-status-strip {
    margin-top: -10px !important;
  }
}

.home-page #movieGrid.featured-resource-rail {
  grid-auto-columns: clamp(210px, 14vw, 232px) !important;
  gap: 16px !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card,
.home-page #movieGrid.featured-resource-rail .movie-card-featured {
  height: 404px !important;
  min-height: 404px !important;
  display: flex !important;
  flex-direction: column !important;
  grid-column: span 1 !important;
  grid-template-columns: none !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card-featured {
  background: linear-gradient(180deg, rgba(11, 29, 53, .88), rgba(6, 17, 31, .98)) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-cover-wrap,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-cover-wrap {
  position: relative !important;
  width: auto !important;
  height: 238px !important;
  flex: 0 0 238px !important;
  border-radius: 16px 16px 0 0 !important;
}

.home-page #movieGrid.featured-resource-rail .movie-cover-wrap::after,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-cover-wrap::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(3, 10, 20, .03), rgba(3, 10, 20, .30) 58%, rgba(3, 10, 20, .70)),
    linear-gradient(90deg, rgba(3, 10, 20, .16), rgba(3, 10, 20, .02)) !important;
  z-index: 2 !important;
}

.home-page #movieGrid.featured-resource-rail .movie-cover,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-cover {
  height: 100% !important;
  opacity: .88 !important;
  filter: brightness(.82) saturate(.88) contrast(1.04) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-info,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-info {
  width: auto !important;
  height: auto !important;
  min-height: 166px !important;
  padding: 13px 14px 14px !important;
  justify-content: flex-start !important;
  background: linear-gradient(180deg, rgba(8, 20, 38, .97), rgba(6, 17, 31, .99)) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-title,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-title {
  min-height: 40px !important;
  font-size: 15px !important;
  line-height: 1.34 !important;
  -webkit-line-clamp: 2 !important;
}

.home-page #movieGrid.featured-resource-rail .movie-meta,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-meta {
  min-height: 46px !important;
  margin-top: 8px !important;
  white-space: normal !important;
}

.home-page #movieGrid.featured-resource-rail .movie-get-btn,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-get-btn {
  width: 100% !important;
  max-width: none !important;
  margin-top: auto !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card:hover .movie-cover,
.home-page #movieGrid.featured-resource-rail .movie-card:focus-within .movie-cover {
  transform: scale(1.006) !important;
  filter: brightness(.90) saturate(.94) contrast(1.05) !important;
}

@media (max-width: 991px) {
  .home-page .hero-thumb-index,
  .home-page .hero-thumb-title {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .home-page #movieGrid.featured-resource-rail {
    grid-auto-columns: minmax(166px, 45vw) !important;
  }

  .home-page #movieGrid.featured-resource-rail .movie-card,
  .home-page #movieGrid.featured-resource-rail .movie-card-featured {
    height: 360px !important;
    min-height: 360px !important;
  }

  .home-page #movieGrid.featured-resource-rail .movie-cover-wrap,
  .home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-cover-wrap {
    height: 204px !important;
    flex-basis: 204px !important;
  }

  .home-page #movieGrid.featured-resource-rail .movie-info,
  .home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-info {
    min-height: 156px !important;
  }
}
/* 20260601-redo13-cool-interaction-unify: remove leftover warm accents from the homepage shell. */
.home-page .nav-category.active,
.home-page .nav-category[aria-current="page"] {
  color: #041321 !important;
  background: linear-gradient(135deg, #72d9ff, #b8f3ff) !important;
  border-color: rgba(255, 255, 255, .26) !important;
  box-shadow: 0 12px 28px rgba(78, 216, 255, .22), inset 0 1px 0 rgba(255, 255, 255, .40) !important;
}

.home-page .hero-dot-btn.active {
  background: #72d9ff !important;
  box-shadow: 0 0 0 1px rgba(114, 217, 255, .20), 0 0 20px rgba(114, 217, 255, .36) !important;
}

.home-page .hero-dot-btn {
  background: rgba(204, 222, 241, .28) !important;
}

@media (min-width: 992px) {
  .home-page .hero-controls {
    display: none !important;
  }
}

/* 20260601-redo14-home-redesign: banner-first homepage system. */
@media (min-width: 992px) {
  .home-page .hero-section,
  .home-page .hero-inner {
    min-height: clamp(560px, 66svh, 720px) !important;
  }

  .home-page .hero-section {
    border-bottom: 1px solid rgba(118, 180, 255, .16) !important;
    background:
      radial-gradient(circle at 78% 18%, rgba(114, 217, 255, .22), transparent 30rem),
      radial-gradient(circle at 18% 74%, rgba(255, 77, 109, .10), transparent 28rem),
      linear-gradient(180deg, rgba(5, 12, 22, .06), rgba(5, 12, 22, .88)) !important;
  }

  .home-page .hero-slide-bg {
    opacity: .56 !important;
    filter: saturate(1.02) brightness(.74) contrast(1.1) !important;
  }

  .home-page .hero-inner {
    align-items: flex-end !important;
    padding-top: 94px !important;
    padding-bottom: 118px !important;
  }

  .home-page .hero-copy {
    max-width: 760px !important;
  }

  .home-page .hero-kicker {
    margin-bottom: 18px !important;
    border-color: rgba(114, 217, 255, .34) !important;
    background: rgba(5, 16, 30, .56) !important;
    backdrop-filter: blur(10px);
  }

  .home-page .hero-title {
    max-width: 820px !important;
    font-size: clamp(68px, 7vw, 104px) !important;
    line-height: .94 !important;
    letter-spacing: 0 !important;
    text-shadow: 0 24px 74px rgba(0, 0, 0, .58) !important;
  }

  .home-page .hero-description {
    max-width: 660px !important;
    margin-top: 18px !important;
    font-size: 17px !important;
    color: rgba(233, 243, 255, .82) !important;
  }

  .home-page .hero-actions {
    margin-top: 28px !important;
  }

  .home-page .hero-cta-primary {
    min-width: 196px !important;
    min-height: 54px !important;
    border-radius: 999px !important;
  }

  .home-page .hero-thumbs {
    top: auto !important;
    right: max(60px, calc((100vw - var(--home-max)) / 2 + 60px)) !important;
    bottom: 118px !important;
    width: clamp(300px, 24vw, 370px) !important;
    opacity: .94 !important;
  }

  .home-page .hero-dots {
    left: max(60px, calc((100vw - var(--home-max)) / 2 + 60px)) !important;
    bottom: 54px !important;
  }

  .home-page #trustSection.signal-status-strip {
    margin-top: -72px !important;
    padding-bottom: 34px !important;
    background: linear-gradient(180deg, rgba(5, 12, 22, 0), rgba(5, 12, 22, .82) 70%, rgba(5, 12, 22, .96)) !important;
  }
}

.home-page #moviesSection {
  padding-top: 44px !important;
}

.home-page #movieGrid.featured-resource-rail {
  grid-auto-columns: clamp(190px, 13vw, 218px) !important;
  gap: 14px !important;
  padding-bottom: 14px !important;
  scrollbar-width: none !important;
}

.home-page #movieGrid.featured-resource-rail::-webkit-scrollbar {
  display: none !important;
}

.home-page #movieGrid.featured-resource-rail.is-auto-rolling {
  cursor: grab !important;
}

.home-page #movieGrid.featured-resource-rail.is-paused {
  cursor: default !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card,
.home-page #movieGrid.featured-resource-rail .movie-card-featured {
  height: 372px !important;
  min-height: 372px !important;
  border-radius: 18px !important;
  border-color: rgba(114, 217, 255, .16) !important;
  background: linear-gradient(180deg, rgba(10, 27, 49, .78), rgba(5, 15, 28, .98)) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-cover-wrap,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-cover-wrap {
  height: 218px !important;
  flex-basis: 218px !important;
}

.home-page #movieGrid.featured-resource-rail .movie-info,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-info {
  min-height: 154px !important;
  padding: 12px 13px 13px !important;
}

.home-page #movieGrid.featured-resource-rail .movie-rank-badge {
  background: linear-gradient(135deg, #63dcff, #a9f1ff) !important;
  color: #031321 !important;
}

.home-page .featured-rail-progress {
  width: min(520px, 42vw) !important;
  height: 5px !important;
  margin: 6px 0 0 !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  background: rgba(255, 255, 255, .07) !important;
}

.home-page .featured-rail-progress span {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: inherit !important;
  transform-origin: left center !important;
  transform: scaleX(.08);
  background: linear-gradient(90deg, #ff315f, #ff6b7f 58%, #ff9aa8) !important;
  box-shadow: 0 0 20px rgba(255, 77, 109, .36) !important;
}

.home-page #latestSection {
  padding-top: 56px !important;
}

.home-page #latestGrid.latest-stream-grid {
  display: grid !important;
  grid-auto-flow: row !important;
  grid-auto-columns: unset !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(2, minmax(126px, auto)) !important;
  gap: 14px !important;
  overflow: visible !important;
  padding: 0 !important;
  scroll-snap-type: none !important;
  scrollbar-width: none !important;
}

.home-page #latestGrid.latest-stream-grid::-webkit-scrollbar {
  display: none !important;
}

.home-page #latestGrid.latest-stream-grid .latest-index-card {
  min-height: 132px !important;
  grid-template-columns: 76px minmax(0, 1fr) !important;
  gap: 13px !important;
  padding: 12px !important;
  border-radius: 16px !important;
  border-color: rgba(114, 217, 255, .12) !important;
  background: linear-gradient(135deg, rgba(9, 25, 45, .86), rgba(4, 13, 25, .96)) !important;
}

.home-page #latestGrid.latest-stream-grid .latest-index-card:hover,
.home-page #latestGrid.latest-stream-grid .latest-index-card:focus-visible {
  transform: none !important;
  border-color: rgba(114, 217, 255, .26) !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, .20), 0 0 0 1px rgba(114, 217, 255, .06) !important;
}

.home-page #latestGrid.latest-stream-grid .latest-index-cover {
  width: 76px !important;
  height: 96px !important;
  border-radius: 12px !important;
}

.home-page #latestGrid.latest-stream-grid .latest-update-status {
  color: #72d9ff !important;
  background: rgba(114, 217, 255, .10) !important;
  border-color: rgba(114, 217, 255, .18) !important;
}

.home-page #latestGrid.latest-stream-grid .latest-index-source,
.home-page #latestGrid.latest-stream-grid .latest-index-arrow {
  display: none !important;
}

.home-page #latestGrid.latest-stream-grid h4 {
  font-size: 15px !important;
  line-height: 1.35 !important;
  margin-top: 7px !important;
}

.home-page #latestGrid.latest-stream-grid .latest-update-meta {
  font-size: 12px !important;
  line-height: 1.45 !important;
}

.home-page #collectionsSection.playlist-branch-section {
  padding-top: 58px !important;
  background:
    radial-gradient(circle at 12% 8%, rgba(114, 217, 255, .08), transparent 24rem),
    linear-gradient(180deg, rgba(5, 12, 22, .18), rgba(5, 12, 22, .38)) !important;
}

.home-page .playlist-branch-section #collectionsGrid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.home-page .playlist-branch-section .home-playlist-card {
  min-height: 360px !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: 170px minmax(0, 1fr) !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  border: 1px solid rgba(114, 217, 255, .16) !important;
  background:
    radial-gradient(circle at 70% 0%, rgba(114, 217, 255, .10), transparent 13rem),
    linear-gradient(180deg, rgba(10, 27, 49, .82), rgba(5, 15, 28, .98)) !important;
}

.home-page .playlist-branch-section .home-playlist-cover {
  min-height: 0 !important;
  height: 170px !important;
  border-radius: 0 !important;
}

.home-page .playlist-branch-section .home-playlist-cover img {
  opacity: .62 !important;
  filter: brightness(.72) saturate(.86) !important;
}

.home-page .home-playlist-cover-text {
  font-size: 44px !important;
  color: rgba(114, 217, 255, .88) !important;
}

.home-page .home-playlist-info {
  padding: 18px !important;
}

.home-page .home-playlist-kicker {
  font-size: 11px !important;
  letter-spacing: .08em !important;
}

.home-page .home-playlist-title {
  margin-top: 8px !important;
  font-size: 22px !important;
  line-height: 1.2 !important;
}

.home-page .home-playlist-summary {
  margin-top: 10px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.home-page .home-playlist-route {
  margin-top: 14px !important;
  padding: 10px 12px !important;
  border-radius: 999px !important;
  background: rgba(114, 217, 255, .07) !important;
  border: 1px solid rgba(114, 217, 255, .12) !important;
}

.home-page .home-playlist-footer {
  margin-top: auto !important;
  padding-top: 14px !important;
}

.home-page .home-playlist-footer span {
  display: none !important;
}

@media (max-width: 1180px) {
  .home-page #latestGrid.latest-stream-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .home-page .playlist-branch-section #collectionsGrid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 767px) {
  .home-page .hero-section,
  .home-page .hero-inner {
    min-height: clamp(410px, 58svh, 500px) !important;
  }

  .home-page .hero-inner {
    padding-top: 52px !important;
    padding-bottom: 78px !important;
    align-items: flex-end !important;
  }

  .home-page .hero-slide-bg {
    opacity: .50 !important;
  }

  .home-page .hero-title {
    font-size: clamp(42px, 12vw, 52px) !important;
  }

  .home-page .hero-description {
    font-size: 13px !important;
  }

  .home-page #trustSection.signal-status-strip {
    margin-top: -54px !important;
  }

  .home-page #movieGrid.featured-resource-rail {
    grid-auto-columns: minmax(162px, 43vw) !important;
  }

  .home-page .featured-rail-progress {
    width: 54vw !important;
  }

  .home-page #latestGrid.latest-stream-grid {
    grid-template-columns: 1fr !important;
    grid-template-rows: none !important;
  }

  .home-page .playlist-branch-section .home-playlist-card {
    min-height: 330px !important;
    grid-template-rows: 150px minmax(0, 1fr) !important;
  }
}

/* 20260601-redo15-banner-contrast: keep the banner cinematic without washed-out slide text. */
.home-page .hero-slide.active {
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 2 !important;
}

.home-page .hero-slide:not(.active) {
  visibility: hidden !important;
  z-index: 0 !important;
}

.home-page .hero-slide.active .hero-copy {
  opacity: 1 !important;
  filter: none !important;
}

.home-page .hero-title {
  color: #f3f8ff !important;
}

.home-page .hero-description {
  color: rgba(232, 243, 255, .84) !important;
}

.home-page .hero-slide:after {
  background:
    linear-gradient(90deg, rgba(5, 12, 24, .88) 0%, rgba(5, 12, 24, .72) 42%, rgba(5, 12, 24, .24) 78%, rgba(5, 12, 24, .08) 100%),
    linear-gradient(180deg, rgba(5, 12, 24, .18) 0%, rgba(5, 12, 24, .80) 100%) !important;
}

@media (min-width: 992px) {
  .home-page .hero-section,
  .home-page .hero-inner {
    min-height: clamp(540px, 62svh, 680px) !important;
  }

  .home-page .hero-inner {
    padding-top: 72px !important;
    padding-bottom: 96px !important;
  }
}

/* 20260601-redo16-designer-closeout: banner, auto rail, latest grid, and playlist hierarchy. */
.home-page .section-header {
  margin-bottom: 22px !important;
}

.home-page .section-title {
  letter-spacing: 0 !important;
}

@media (min-width: 992px) {
  .home-page .hero-section,
  .home-page .hero-inner {
    min-height: clamp(500px, 56svh, 610px) !important;
  }

  .home-page .hero-section {
    background:
      radial-gradient(circle at 78% 12%, rgba(114, 217, 255, .20), transparent 19rem),
      radial-gradient(circle at 34% 72%, rgba(255, 62, 99, .09), transparent 22rem),
      linear-gradient(135deg, #06101f 0%, #071b31 54%, #091320 100%) !important;
  }

  .home-page .hero-inner {
    align-items: center !important;
    padding-top: 58px !important;
    padding-bottom: 74px !important;
  }

  .home-page .hero-copy {
    transform: translateY(8px) !important;
  }

  .home-page .hero-title {
    max-width: 720px !important;
    line-height: .92 !important;
  }

  .home-page .hero-description {
    max-width: 720px !important;
    margin-top: 16px !important;
  }

  .home-page .hero-thumbs {
    align-self: center !important;
    width: min(370px, 29vw) !important;
    padding: 12px !important;
    border-color: rgba(114, 217, 255, .18) !important;
    background: rgba(5, 16, 30, .58) !important;
    box-shadow: 0 26px 70px rgba(0, 0, 0, .28) !important;
    backdrop-filter: blur(18px) !important;
  }
}

.home-page #trustSection.signal-status-strip {
  margin-top: -38px !important;
  position: relative !important;
  z-index: 4 !important;
}

.home-page #featuredSection {
  padding-top: 58px !important;
}

.home-page #movieGrid.featured-resource-rail {
  grid-auto-columns: clamp(292px, 24vw, 360px) !important;
  gap: 18px !important;
  padding: 0 0 22px !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
  scroll-padding-inline: 28px !important;
}

.home-page #movieGrid.featured-resource-rail::-webkit-scrollbar {
  display: none !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card,
.home-page #movieGrid.featured-resource-rail .movie-card-featured {
  height: 292px !important;
  min-height: 292px !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  border-radius: 20px !important;
  border: 1px solid rgba(114, 217, 255, .15) !important;
  background:
    linear-gradient(180deg, rgba(10, 30, 53, .88), rgba(4, 13, 25, .98)) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .20) !important;
  transform: none !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card:hover,
.home-page #movieGrid.featured-resource-rail .movie-card:focus-within {
  transform: none !important;
  border-color: rgba(255, 62, 99, .42) !important;
  box-shadow: 0 22px 56px rgba(0, 0, 0, .28), 0 0 0 1px rgba(255, 62, 99, .10) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-cover-wrap,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-cover-wrap {
  height: 156px !important;
  flex: 0 0 156px !important;
  width: 100% !important;
  border-radius: 20px 20px 0 0 !important;
  overflow: hidden !important;
}

.home-page #movieGrid.featured-resource-rail .movie-cover,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-cover {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover !important;
  filter: brightness(.86) saturate(.94) contrast(1.05) !important;
  transform: scale(1) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card:hover .movie-cover,
.home-page #movieGrid.featured-resource-rail .movie-card:focus-within .movie-cover {
  transform: scale(1.008) !important;
  filter: brightness(.94) saturate(1) contrast(1.06) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-rank-badge {
  top: 14px !important;
  left: 14px !important;
  width: 46px !important;
  height: 34px !important;
  border-radius: 12px !important;
  background: rgba(114, 217, 255, .92) !important;
  color: #02111f !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, .18) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-info,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-info {
  min-height: 136px !important;
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 14px 16px 16px !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card-kicker {
  color: #77dcff !important;
  font-size: 11px !important;
  line-height: 1 !important;
  margin-bottom: 8px !important;
}

.home-page #movieGrid.featured-resource-rail .movie-title,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-title {
  min-height: 24px !important;
  font-size: 17px !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.home-page #movieGrid.featured-resource-rail .movie-meta,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-meta {
  min-height: 36px !important;
  margin-top: 8px !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  color: rgba(191, 207, 227, .72) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-get-btn,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-get-btn {
  height: 34px !important;
  min-height: 34px !important;
  margin-top: auto !important;
  border-radius: 999px !important;
  border-color: rgba(114, 217, 255, .28) !important;
  background: rgba(114, 217, 255, .08) !important;
  color: #dff8ff !important;
  transform: none !important;
}

.home-page #movieGrid.featured-resource-rail .movie-get-btn:hover,
.home-page #movieGrid.featured-resource-rail .movie-get-btn:focus-visible {
  transform: none !important;
  border-color: rgba(255, 62, 99, .55) !important;
  background: rgba(255, 62, 99, .14) !important;
}

.home-page .featured-rail-progress {
  width: min(520px, 46vw) !important;
  height: 5px !important;
  margin: 2px 0 0 28px !important;
  background: rgba(255, 255, 255, .08) !important;
}

.home-page .featured-rail-progress span {
  background: linear-gradient(90deg, #ff315f, #ff5c7d 52%, #ff8fa3) !important;
  box-shadow: 0 0 22px rgba(255, 49, 95, .40) !important;
}

.home-page #latestSection {
  padding-top: 62px !important;
  background: linear-gradient(180deg, rgba(3, 10, 20, .22), rgba(3, 10, 20, .52)) !important;
}

.home-page #latestGrid.latest-stream-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(2, minmax(118px, auto)) !important;
  gap: 14px !important;
}

.home-page #latestGrid.latest-stream-grid .latest-index-card {
  min-height: 118px !important;
  grid-template-columns: 68px minmax(0, 1fr) !important;
  padding: 12px !important;
  border-radius: 16px !important;
  background: rgba(8, 24, 43, .58) !important;
  box-shadow: none !important;
}

.home-page #latestGrid.latest-stream-grid .latest-index-cover {
  width: 68px !important;
  height: 90px !important;
  border-radius: 12px !important;
}

.home-page #latestGrid.latest-stream-grid .latest-update-status {
  font-size: 11px !important;
}

.home-page #latestGrid.latest-stream-grid h4 {
  font-size: 14px !important;
  margin-top: 6px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.home-page #latestGrid.latest-stream-grid .latest-update-link {
  margin-top: 8px !important;
  font-size: 12px !important;
}

.home-page #collectionsSection.playlist-branch-section {
  padding-top: 62px !important;
  background: linear-gradient(180deg, rgba(4, 13, 25, .42), rgba(4, 13, 25, .72)) !important;
}

.home-page .playlist-branch-section #collectionsGrid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

.home-page .playlist-branch-section .home-playlist-card {
  min-height: 300px !important;
  grid-template-rows: 132px minmax(0, 1fr) !important;
  border-radius: 20px !important;
  border: 1px solid rgba(114, 217, 255, .15) !important;
  background:
    linear-gradient(180deg, rgba(10, 30, 52, .70), rgba(4, 13, 25, .98)) !important;
  box-shadow: 0 20px 54px rgba(0, 0, 0, .18) !important;
}

.home-page .playlist-branch-section .home-playlist-cover {
  height: 132px !important;
  border-radius: 0 !important;
}

.home-page .playlist-branch-section .home-playlist-cover img {
  opacity: .54 !important;
  filter: brightness(.82) saturate(.86) !important;
}

.home-page .home-playlist-cover-text {
  font-size: 34px !important;
  color: rgba(133, 225, 255, .78) !important;
}

.home-page .home-playlist-info {
  padding: 16px !important;
}

.home-page .home-playlist-title {
  margin-top: 6px !important;
  font-size: 19px !important;
}

.home-page .home-playlist-summary {
  margin-top: 8px !important;
  color: rgba(202, 218, 236, .72) !important;
}

.home-page .home-playlist-route {
  margin-top: 12px !important;
  color: #dff8ff !important;
  background: rgba(114, 217, 255, .06) !important;
  border-color: rgba(114, 217, 255, .12) !important;
}

.home-page .home-playlist-card:hover,
.home-page .home-playlist-card:focus-visible {
  transform: none !important;
  border-color: rgba(114, 217, 255, .28) !important;
  box-shadow: 0 24px 62px rgba(0, 0, 0, .24) !important;
}

@media (max-width: 1180px) {
  .home-page #latestGrid.latest-stream-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  .home-page .hero-section,
  .home-page .hero-inner {
    min-height: clamp(350px, 47svh, 430px) !important;
  }

  .home-page .hero-inner {
    align-items: center !important;
    padding-top: 28px !important;
    padding-bottom: 56px !important;
  }

  .home-page .hero-title {
    font-size: clamp(38px, 11vw, 48px) !important;
    line-height: .94 !important;
  }

  .home-page .hero-description {
    margin-top: 10px !important;
    font-size: 13px !important;
  }

  .home-page #trustSection.signal-status-strip {
    margin-top: -34px !important;
  }

  .home-page #movieGrid.featured-resource-rail {
    grid-auto-columns: minmax(238px, 74vw) !important;
    gap: 14px !important;
    padding-bottom: 18px !important;
  }

  .home-page #movieGrid.featured-resource-rail .movie-card,
  .home-page #movieGrid.featured-resource-rail .movie-card-featured {
    height: 282px !important;
    min-height: 282px !important;
  }

  .home-page #movieGrid.featured-resource-rail .movie-cover-wrap,
  .home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-cover-wrap {
    height: 146px !important;
    flex-basis: 146px !important;
  }

  .home-page #movieGrid.featured-resource-rail .movie-info,
  .home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-info {
    min-height: 136px !important;
  }

  .home-page .featured-rail-progress {
    width: 48vw !important;
    margin-left: 14px !important;
  }

  .home-page #latestGrid.latest-stream-grid {
    grid-template-columns: 1fr !important;
  }

  .home-page .playlist-branch-section #collectionsGrid {
    grid-template-columns: 1fr !important;
  }

  .home-page .playlist-branch-section .home-playlist-card {
    min-height: 278px !important;
    grid-template-rows: 118px minmax(0, 1fr) !important;
  }
}

/* 20260601-redo17-hero-controls-cleanup: keep carousel cues out of the resource entry card. */
.home-page .hero-dots {
  display: none !important;
}

@media (max-width: 767px) {
  .home-page #trustSection.signal-status-strip .resource-radar-title {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    white-space: normal !important;
    overflow: hidden !important;
  }
}

/* 20260601-redo18-hero-simplify: treat the carousel as one clean cinematic banner. */
.home-page .hero-section {
  position: relative !important;
  overflow: hidden !important;
  border-bottom: 1px solid rgba(114, 217, 255, .12) !important;
  background:
    radial-gradient(circle at 76% 18%, rgba(114, 217, 255, .18), transparent 22rem),
    linear-gradient(135deg, #06101f 0%, #07182d 58%, #050b15 100%) !important;
}

.home-page .hero-section::before,
.home-page .hero-slide::before {
  display: none !important;
  content: none !important;
}

.home-page .hero-slide-bg {
  opacity: .48 !important;
  filter: blur(8px) brightness(.62) saturate(.86) contrast(1.08) !important;
  transform: scale(1.06) !important;
}

.home-page .hero-slide:after {
  background:
    linear-gradient(90deg, rgba(4, 11, 22, .94) 0%, rgba(4, 11, 22, .78) 42%, rgba(4, 11, 22, .36) 74%, rgba(4, 11, 22, .16) 100%),
    linear-gradient(180deg, rgba(4, 11, 22, .18) 0%, rgba(4, 11, 22, .72) 100%) !important;
}

.home-page .hero-inner {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
  align-items: center !important;
}

.home-page .hero-copy {
  max-width: 760px !important;
  transform: none !important;
  margin: 0 !important;
}

.home-page .hero-kicker {
  margin-bottom: 16px !important;
  padding: 7px 12px !important;
  border-color: rgba(114, 217, 255, .32) !important;
  background: rgba(6, 18, 34, .58) !important;
  color: #7ee2ff !important;
  letter-spacing: .06em !important;
}

.home-page .hero-title {
  max-width: 780px !important;
  color: #f5f9ff !important;
  text-shadow: 0 16px 46px rgba(0, 0, 0, .36) !important;
}

.home-page .hero-description {
  max-width: 720px !important;
  margin-top: 14px !important;
  color: rgba(229, 241, 255, .82) !important;
  line-height: 1.7 !important;
  -webkit-line-clamp: 2 !important;
}

.home-page .hero-actions {
  margin-top: 24px !important;
}

.home-page .hero-cta-primary {
  min-width: 178px !important;
  height: 52px !important;
  border-radius: 999px !important;
  background: #7ddfff !important;
  color: #03111d !important;
  box-shadow: 0 16px 42px rgba(114, 217, 255, .24) !important;
  transform: none !important;
}

.home-page .hero-cta-primary:hover,
.home-page .hero-cta-primary:focus-visible {
  transform: none !important;
  background: #9beaff !important;
  box-shadow: 0 18px 48px rgba(114, 217, 255, .32) !important;
}

.home-page .hero-thumbs,
.home-page .hero-index,
.home-page .hero-controls,
.home-page .hero-progress,
.home-page .hero-dots {
  display: none !important;
}

@media (min-width: 992px) {
  .home-page .hero-section,
  .home-page .hero-inner {
    min-height: clamp(500px, 56svh, 620px) !important;
  }

  .home-page .hero-inner {
    padding-top: 64px !important;
    padding-bottom: 96px !important;
  }

  .home-page .hero-title {
    font-size: clamp(72px, 7.6vw, 112px) !important;
    line-height: .9 !important;
  }
}

@media (max-width: 767px) {
  .home-page .hero-section,
  .home-page .hero-inner {
    min-height: clamp(344px, 46svh, 410px) !important;
  }

  .home-page .hero-inner {
    padding-top: 26px !important;
    padding-bottom: 54px !important;
  }

  .home-page .hero-slide-bg {
    opacity: .38 !important;
    filter: blur(7px) brightness(.58) saturate(.84) contrast(1.08) !important;
  }

  .home-page .hero-kicker {
    margin-bottom: 10px !important;
    font-size: 12px !important;
  }

  .home-page .hero-title {
    font-size: clamp(40px, 11vw, 50px) !important;
    line-height: .94 !important;
  }

  .home-page .hero-description {
    max-width: 92vw !important;
    font-size: 13px !important;
  }

  .home-page .hero-cta-primary {
    width: min(226px, 62vw) !important;
    height: 46px !important;
  }
}

/* 20260602-redo19-hero-impact-height: restore a stronger cinematic first viewport. */
@media (min-width: 992px) {
  .home-page .hero-section,
  .home-page .hero-inner {
    min-height: clamp(640px, 72svh, 760px) !important;
  }

  .home-page .hero-inner {
    padding-top: 82px !important;
    padding-bottom: 138px !important;
  }

  .home-page .hero-copy {
    transform: translateY(-8px) !important;
  }

  .home-page .hero-title {
    font-size: clamp(86px, 8.4vw, 128px) !important;
  }

  .home-page .hero-description {
    font-size: 17px !important;
  }

  .home-page #trustSection.signal-status-strip {
    margin-top: -58px !important;
  }
}

@media (max-width: 767px) {
  .home-page .hero-section,
  .home-page .hero-inner {
    min-height: clamp(392px, 53svh, 470px) !important;
  }

  .home-page .hero-inner {
    padding-top: 34px !important;
    padding-bottom: 76px !important;
  }

  .home-page #trustSection.signal-status-strip {
    margin-top: -42px !important;
  }
}

/* 20260602-redo20-featured-ticket-cards: replace split demo covers with compact resource tickets. */
.home-page #movieGrid.featured-resource-rail {
  grid-auto-columns: clamp(330px, 26vw, 390px) !important;
  gap: 16px !important;
  padding: 0 0 22px !important;
  scroll-padding-inline: 28px !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card,
.home-page #movieGrid.featured-resource-rail .movie-card-featured {
  height: 176px !important;
  min-height: 176px !important;
  display: grid !important;
  grid-template-columns: 112px minmax(0, 1fr) !important;
  grid-template-rows: 1fr !important;
  gap: 0 !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  border: 1px solid rgba(114, 217, 255, .16) !important;
  background:
    linear-gradient(135deg, rgba(10, 30, 52, .86), rgba(5, 15, 28, .98)) !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .20) !important;
  transform: none !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card:hover,
.home-page #movieGrid.featured-resource-rail .movie-card:focus-within {
  transform: none !important;
  border-color: rgba(114, 217, 255, .36) !important;
  box-shadow: 0 22px 58px rgba(0, 0, 0, .28), 0 0 0 1px rgba(114, 217, 255, .08) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-cover-wrap,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-cover-wrap {
  grid-column: 1 !important;
  width: 112px !important;
  height: 100% !important;
  min-height: 0 !important;
  flex: none !important;
  flex-basis: auto !important;
  border-radius: 18px 0 0 18px !important;
  overflow: hidden !important;
  background: rgba(114, 217, 255, .06) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-cover-wrap::after,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-cover-wrap::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(180deg, rgba(3, 12, 23, .08), rgba(3, 12, 23, .38)),
    linear-gradient(90deg, transparent 0%, rgba(3, 12, 23, .16) 100%) !important;
  pointer-events: none !important;
}

.home-page #movieGrid.featured-resource-rail .movie-cover,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-cover {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  opacity: .82 !important;
  filter: brightness(.78) saturate(.86) contrast(1.04) !important;
  transform: scale(1) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card:hover .movie-cover,
.home-page #movieGrid.featured-resource-rail .movie-card:focus-within .movie-cover {
  transform: scale(1.015) !important;
  filter: brightness(.88) saturate(.92) contrast(1.04) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-rank-badge {
  top: 12px !important;
  left: 12px !important;
  width: 42px !important;
  height: 30px !important;
  border-radius: 11px !important;
  font-size: 14px !important;
  background: rgba(125, 223, 255, .94) !important;
  color: #03111d !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .24) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-info,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-info {
  grid-column: 2 !important;
  min-height: 0 !important;
  height: 100% !important;
  width: auto !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 16px 16px 14px !important;
  background:
    radial-gradient(circle at 88% 14%, rgba(114, 217, 255, .10), transparent 8rem),
    linear-gradient(180deg, rgba(8, 23, 42, .30), rgba(4, 13, 25, .36)) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card-kicker {
  width: fit-content !important;
  margin: 0 0 9px !important;
  padding: 4px 8px !important;
  border-radius: 999px !important;
  background: rgba(114, 217, 255, .10) !important;
  color: #7ee2ff !important;
  font-size: 11px !important;
  line-height: 1 !important;
}

.home-page #movieGrid.featured-resource-rail .movie-title,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-title {
  min-height: 24px !important;
  font-size: 17px !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.home-page #movieGrid.featured-resource-rail .movie-meta,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-meta {
  min-height: 34px !important;
  margin-top: 8px !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  color: rgba(190, 207, 229, .72) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-get-btn,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-get-btn {
  width: 100% !important;
  height: 34px !important;
  min-height: 34px !important;
  margin-top: auto !important;
  border-radius: 999px !important;
  border-color: rgba(114, 217, 255, .24) !important;
  background: rgba(114, 217, 255, .07) !important;
  color: #dff8ff !important;
}

.home-page #movieGrid.featured-resource-rail .movie-get-btn:hover,
.home-page #movieGrid.featured-resource-rail .movie-get-btn:focus-visible {
  transform: none !important;
  border-color: rgba(114, 217, 255, .42) !important;
  background: rgba(114, 217, 255, .13) !important;
}

@media (max-width: 767px) {
  .home-page #movieGrid.featured-resource-rail {
    grid-auto-columns: minmax(286px, 82vw) !important;
    gap: 12px !important;
  }

  .home-page #movieGrid.featured-resource-rail .movie-card,
  .home-page #movieGrid.featured-resource-rail .movie-card-featured {
    height: 166px !important;
    min-height: 166px !important;
    grid-template-columns: 96px minmax(0, 1fr) !important;
  }

  .home-page #movieGrid.featured-resource-rail .movie-cover-wrap,
  .home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-cover-wrap {
    width: 96px !important;
  }

  .home-page #movieGrid.featured-resource-rail .movie-info,
  .home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-info {
    padding: 13px 13px 12px !important;
  }

  .home-page #movieGrid.featured-resource-rail .movie-title,
  .home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-title {
    font-size: 15px !important;
  }
}

/* 20260602-redo21-featured-poster-rail: poster-first auto shelf with a draggable seek bar. */
.home-page #moviesSection {
  overflow: hidden !important;
}

.home-page #movieGrid.featured-resource-rail {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: clamp(188px, 14.4vw, 232px) !important;
  gap: clamp(16px, 1.6vw, 22px) !important;
  align-items: stretch !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  overscroll-behavior-inline: contain !important;
  scroll-snap-type: x mandatory !important;
  scroll-padding-inline: max(20px, calc((100vw - var(--home-max)) / 2 + 20px)) !important;
  padding: 0 0 16px !important;
  scrollbar-width: none !important;
  scrollbar-color: transparent transparent !important;
}

.home-page #movieGrid.featured-resource-rail::-webkit-scrollbar {
  display: none !important;
  height: 0 !important;
}

.home-page #movieGrid.featured-resource-rail::-webkit-scrollbar-track {
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .07) !important;
}

.home-page #movieGrid.featured-resource-rail::-webkit-scrollbar-thumb {
  border-radius: 999px !important;
  background: linear-gradient(90deg, #ff3f68, #73dcff) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card,
.home-page #movieGrid.featured-resource-rail .movie-card-featured {
  height: clamp(430px, 33vw, 500px) !important;
  min-height: clamp(430px, 33vw, 500px) !important;
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: none !important;
  grid-template-rows: none !important;
  gap: 0 !important;
  scroll-snap-align: start !important;
  border-radius: 20px !important;
  border: 1px solid rgba(118, 218, 255, .18) !important;
  background:
    linear-gradient(180deg, rgba(8, 23, 42, .72), rgba(4, 13, 25, .98)) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .24) !important;
  overflow: hidden !important;
  transform: none !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card-featured {
  grid-column: span 1 !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card:hover,
.home-page #movieGrid.featured-resource-rail .movie-card:focus-within {
  transform: none !important;
  border-color: rgba(118, 218, 255, .42) !important;
  box-shadow: 0 24px 62px rgba(0, 0, 0, .34), 0 0 0 1px rgba(118, 218, 255, .10) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-cover-wrap,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-cover-wrap {
  position: relative !important;
  grid-column: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  flex: 0 0 auto !important;
  flex-basis: auto !important;
  aspect-ratio: 2 / 3 !important;
  border-radius: 20px 20px 0 0 !important;
  overflow: hidden !important;
  background: rgba(118, 218, 255, .06) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-cover-wrap::after,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-cover-wrap::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(180deg, rgba(2, 9, 18, .02) 0%, rgba(2, 9, 18, .05) 58%, rgba(2, 9, 18, .72) 100%) !important;
  pointer-events: none !important;
}

.home-page #movieGrid.featured-resource-rail .movie-cover,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-cover {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  opacity: .96 !important;
  filter: brightness(.88) saturate(.96) contrast(1.04) !important;
  transform: scale(1) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card:hover .movie-cover,
.home-page #movieGrid.featured-resource-rail .movie-card:focus-within .movie-cover {
  transform: scale(1.012) !important;
  filter: brightness(.96) saturate(1.04) contrast(1.05) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-rank-badge {
  top: 13px !important;
  left: 13px !important;
  width: auto !important;
  min-width: 42px !important;
  height: 32px !important;
  padding: 0 10px !important;
  border-radius: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  background: rgba(111, 221, 255, .94) !important;
  color: #03111d !important;
  box-shadow: 0 12px 26px rgba(0, 0, 0, .30) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-info,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-info {
  grid-column: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 146px !important;
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 13px 15px 15px !important;
  background:
    radial-gradient(circle at 84% 10%, rgba(118, 218, 255, .10), transparent 7rem),
    linear-gradient(180deg, rgba(4, 14, 27, .96), rgba(3, 11, 22, .98)) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card-kicker {
  width: fit-content !important;
  margin: 0 0 7px !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #76dcff !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
}

.home-page #movieGrid.featured-resource-rail .movie-title,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-title {
  min-height: 22px !important;
  font-size: 17px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  color: #edf7ff !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.home-page #movieGrid.featured-resource-rail .movie-meta,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-meta {
  min-height: 38px !important;
  margin-top: 8px !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
  color: rgba(190, 207, 229, .72) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-get-btn,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-get-btn {
  width: 100% !important;
  height: 40px !important;
  min-height: 40px !important;
  margin-top: auto !important;
  border-radius: 999px !important;
  border: 1px solid rgba(118, 218, 255, .30) !important;
  background: rgba(118, 218, 255, .08) !important;
  color: #e4faff !important;
  font-weight: 900 !important;
  transform: none !important;
}

.home-page #movieGrid.featured-resource-rail .movie-get-btn:hover,
.home-page #movieGrid.featured-resource-rail .movie-get-btn:focus-visible {
  transform: none !important;
  border-color: rgba(255, 72, 112, .54) !important;
  background: linear-gradient(90deg, rgba(255, 72, 112, .18), rgba(118, 218, 255, .12)) !important;
}

.home-page .featured-rail-progress {
  position: relative !important;
  width: min(780px, 55vw) !important;
  height: 20px !important;
  margin: 10px 0 0 max(22px, calc((100vw - var(--home-max)) / 2 + 22px)) !important;
  border-radius: 999px !important;
  overflow: visible !important;
  cursor: grab !important;
  touch-action: none !important;
  background: transparent !important;
  outline: none !important;
}

.home-page .featured-rail-progress::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 50% !important;
  height: 5px !important;
  transform: translateY(-50%) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .08) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .035) !important;
}

.home-page .featured-rail-progress span,
.home-page .featured-rail-progress .featured-rail-progress-fill {
  position: absolute !important;
  left: 0 !important;
  top: calc(50% - 2.5px) !important;
  display: block !important;
  width: 100% !important;
  height: 5px !important;
  border-radius: 999px !important;
  transform-origin: left center !important;
  transform: scaleX(.08) !important;
  background: linear-gradient(90deg, #ff3f68, #ff6d87 48%, #76dcff) !important;
  box-shadow: 0 0 22px rgba(255, 72, 112, .42) !important;
  pointer-events: none !important;
}

.home-page .featured-rail-progress-thumb {
  position: absolute !important;
  top: 50% !important;
  left: 8% !important;
  width: 24px !important;
  height: 24px !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 0 !important;
  transform: translate(-50%, -50%) !important;
  background: #f5fbff !important;
  box-shadow: 0 0 0 5px rgba(255, 72, 112, .16), 0 10px 24px rgba(0, 0, 0, .30) !important;
  cursor: grab !important;
  pointer-events: none !important;
}

.home-page .featured-rail-progress:focus-visible .featured-rail-progress-thumb,
.home-page .featured-rail-progress.is-dragging .featured-rail-progress-thumb {
  box-shadow: 0 0 0 6px rgba(118, 218, 255, .20), 0 10px 24px rgba(0, 0, 0, .30) !important;
}

.home-page .featured-rail-progress.is-dragging {
  cursor: grabbing !important;
}

@media (max-width: 767px) {
  .home-page #movieGrid.featured-resource-rail {
    grid-auto-columns: minmax(176px, 54vw) !important;
    gap: 13px !important;
    padding-bottom: 16px !important;
    scroll-padding-inline: 18px !important;
  }

  .home-page #movieGrid.featured-resource-rail .movie-card,
  .home-page #movieGrid.featured-resource-rail .movie-card-featured {
    height: 394px !important;
    min-height: 394px !important;
    grid-template-columns: none !important;
  }

  .home-page #movieGrid.featured-resource-rail .movie-info,
  .home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-info {
    min-height: 136px !important;
    padding: 12px 12px 13px !important;
  }

  .home-page #movieGrid.featured-resource-rail .movie-title,
  .home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-title {
    font-size: 15px !important;
  }

  .home-page #movieGrid.featured-resource-rail .movie-meta,
  .home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-meta {
    min-height: 36px !important;
    font-size: 11px !important;
  }

  .home-page #movieGrid.featured-resource-rail .movie-get-btn,
  .home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-get-btn {
    height: 36px !important;
    min-height: 36px !important;
  }

  .home-page .featured-rail-progress {
    width: calc(100vw - 42px) !important;
    margin-left: 21px !important;
  }
}

/* 20260602-redo22-featured-poster-card-cleanup: true poster ratio, no CTA button, scrubber-style slider. */
.home-page #movieGrid.featured-resource-rail {
  grid-auto-columns: clamp(196px, 14.8vw, 238px) !important;
  gap: clamp(18px, 1.8vw, 26px) !important;
  scroll-snap-type: x proximity !important;
  padding-bottom: 10px !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card,
.home-page #movieGrid.featured-resource-rail .movie-card-featured {
  height: auto !important;
  min-height: 0 !important;
  border-radius: 19px !important;
  background: linear-gradient(180deg, rgba(8, 23, 42, .64), rgba(4, 13, 25, .94)) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card:focus-visible {
  outline: 2px solid rgba(118, 218, 255, .78) !important;
  outline-offset: 4px !important;
}

.home-page #movieGrid.featured-resource-rail .movie-cover-wrap,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-cover-wrap {
  aspect-ratio: 2 / 3 !important;
  border-radius: 19px 19px 0 0 !important;
}

.home-page #movieGrid.featured-resource-rail .movie-cover-wrap::after,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-cover-wrap::after {
  display: none !important;
  background: none !important;
}

.home-page #movieGrid.featured-resource-rail .movie-info,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-info {
  min-height: 78px !important;
  flex: 0 0 auto !important;
  padding: 13px 14px 14px !important;
  background: linear-gradient(180deg, rgba(4, 14, 27, .92), rgba(3, 11, 22, .98)) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card-kicker {
  display: none !important;
}

.home-page #movieGrid.featured-resource-rail .movie-title,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-title {
  min-height: 22px !important;
  font-size: 16px !important;
  line-height: 1.28 !important;
}

.home-page #movieGrid.featured-resource-rail .movie-meta,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-meta {
  min-height: 18px !important;
  margin-top: 7px !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.home-page #movieGrid.featured-resource-rail .movie-get-btn,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-get-btn {
  display: none !important;
}

.home-page .featured-rail-progress {
  width: min(520px, 34vw) !important;
  height: 26px !important;
  margin: 16px auto 0 !important;
  cursor: grab !important;
}

.home-page .featured-rail-progress::before {
  height: 4px !important;
  background: rgba(255, 255, 255, .10) !important;
}

.home-page .featured-rail-progress span,
.home-page .featured-rail-progress .featured-rail-progress-fill {
  top: calc(50% - 6px) !important;
  height: 12px !important;
  min-width: 72px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #f2f8ff, #73dcff) !important;
  box-shadow: 0 0 0 5px rgba(115, 220, 255, .10), 0 12px 28px rgba(0, 0, 0, .32) !important;
}

.home-page .featured-rail-progress-thumb {
  display: none !important;
}

.home-page .featured-rail-progress:focus-visible {
  outline: 2px solid rgba(118, 218, 255, .70) !important;
  outline-offset: 4px !important;
}

@media (max-width: 767px) {
  .home-page #movieGrid.featured-resource-rail {
    grid-auto-columns: minmax(154px, 46vw) !important;
    gap: 13px !important;
  }

  .home-page #movieGrid.featured-resource-rail .movie-card,
  .home-page #movieGrid.featured-resource-rail .movie-card-featured {
    height: auto !important;
    min-height: 0 !important;
  }

  .home-page #movieGrid.featured-resource-rail .movie-info,
  .home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-info {
    min-height: 74px !important;
    padding: 11px 11px 12px !important;
  }

  .home-page #movieGrid.featured-resource-rail .movie-title,
  .home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-title {
    font-size: 14px !important;
  }

  .home-page #movieGrid.featured-resource-rail .movie-meta,
  .home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-meta {
    font-size: 11px !important;
  }

  .home-page .featured-rail-progress {
    width: min(320px, calc(100vw - 58px)) !important;
  }
}

/* 20260602-redo23-featured-poster-scrubber: poster cards are clickable, continuous, and controlled by a draggable shelf thumb. */
.home-page #movieGrid.featured-resource-rail {
  grid-auto-columns: clamp(224px, 16vw, 280px) !important;
  gap: clamp(20px, 1.9vw, 30px) !important;
  padding-bottom: 4px !important;
  scrollbar-width: none !important;
}

.home-page #movieGrid.featured-resource-rail::-webkit-scrollbar {
  display: none !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card,
.home-page #movieGrid.featured-resource-rail .movie-card-featured {
  cursor: pointer !important;
  overflow: hidden !important;
  border-radius: 20px !important;
  background: rgba(5, 18, 34, .72) !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .24) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card::before,
.home-page #movieGrid.featured-resource-rail .movie-card::after,
.home-page #movieGrid.featured-resource-rail .movie-card-featured::before,
.home-page #movieGrid.featured-resource-rail .movie-card-featured::after,
.home-page #movieGrid.featured-resource-rail .movie-cover-wrap::before,
.home-page #movieGrid.featured-resource-rail .movie-cover-wrap::after,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-cover-wrap::before,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-cover-wrap::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card:hover,
.home-page #movieGrid.featured-resource-rail .movie-card:focus-within {
  transform: none !important;
  border-color: rgba(112, 220, 255, .42) !important;
  box-shadow: 0 22px 58px rgba(5, 18, 34, .42), 0 0 0 1px rgba(112, 220, 255, .14) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-cover-wrap,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-cover-wrap {
  aspect-ratio: 2 / 3 !important;
  border-radius: 20px 20px 0 0 !important;
  background: #06101d !important;
  overflow: hidden !important;
}

.home-page #movieGrid.featured-resource-rail .movie-cover,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-cover {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  filter: saturate(1.04) contrast(1.02) brightness(.98) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card:hover .movie-cover,
.home-page #movieGrid.featured-resource-rail .movie-card:focus-within .movie-cover {
  transform: scale(1.012) !important;
  filter: saturate(1.10) contrast(1.04) brightness(1.04) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-info,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-info {
  min-height: 82px !important;
  padding: 13px 15px 15px !important;
  background: linear-gradient(180deg, rgba(5, 18, 34, .90), rgba(3, 10, 20, .98)) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-title,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-title {
  font-size: 17px !important;
  line-height: 1.28 !important;
  letter-spacing: 0 !important;
}

.home-page #movieGrid.featured-resource-rail .movie-meta,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-meta {
  margin-top: 9px !important;
  font-size: 13px !important;
}

.home-page #movieGrid.featured-resource-rail .movie-get-btn,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-get-btn {
  display: none !important;
}

.home-page .featured-rail-progress {
  width: min(560px, 36vw) !important;
  height: 38px !important;
  margin: 28px auto 0 !important;
  padding: 0 !important;
  cursor: grab !important;
}

.home-page .featured-rail-progress::before {
  top: 50% !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: rgba(146, 166, 190, .16) !important;
  box-shadow: none !important;
}

.home-page .featured-rail-progress span,
.home-page .featured-rail-progress .featured-rail-progress-fill {
  top: calc(50% - 4px) !important;
  height: 8px !important;
  min-width: 44px !important;
  border-radius: 999px !important;
  background: rgba(126, 226, 255, .86) !important;
  box-shadow: 0 0 0 1px rgba(238, 252, 255, .28), 0 0 18px rgba(99, 215, 255, .16) !important;
  transform-origin: left center !important;
}

.home-page .featured-rail-progress .featured-rail-progress-fill::before,
.home-page .featured-rail-progress .featured-rail-progress-fill::after {
  content: none !important;
  display: none !important;
}

.home-page .featured-rail-progress .featured-rail-progress-fill::before {
  left: calc(50% - 5px) !important;
}

.home-page .featured-rail-progress .featured-rail-progress-fill::after {
  left: calc(50% + 4px) !important;
}

.home-page .featured-rail-progress.is-dragging .featured-rail-progress-fill,
.home-page .featured-rail-progress:focus-visible .featured-rail-progress-fill {
  height: 10px !important;
  top: calc(50% - 5px) !important;
  background: #a9efff !important;
  box-shadow: 0 0 0 1px rgba(238, 252, 255, .35), 0 0 22px rgba(99, 215, 255, .24) !important;
}

@media (max-width: 767px) {
  .home-page #movieGrid.featured-resource-rail {
    grid-auto-columns: minmax(162px, 48vw) !important;
    gap: 14px !important;
  }

  .home-page #movieGrid.featured-resource-rail .movie-info,
  .home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-info {
    min-height: 76px !important;
  }

  .home-page .featured-rail-progress {
    width: min(330px, calc(100vw - 48px)) !important;
  }
}

/* 20260602-redo24-featured-free-browse: lightweight paging affordance instead of a heavy slider. */
.home-page #movieGrid.featured-resource-rail {
  -webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 72px), transparent 100%) !important;
  mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 72px), transparent 100%) !important;
}

.home-page .featured-rail-progress.featured-rail-navigator {
  width: min(520px, 34vw) !important;
  height: 40px !important;
  margin: 30px auto 0 !important;
  display: grid !important;
  grid-template-columns: 32px minmax(150px, 1fr) 32px !important;
  align-items: center !important;
  gap: 12px !important;
  cursor: default !important;
}

.home-page .featured-rail-progress.featured-rail-navigator::before {
  display: none !important;
}

.home-page .featured-rail-meter {
  position: relative !important;
  height: 40px !important;
  cursor: grab !important;
  touch-action: none !important;
  outline: none !important;
}

.home-page .featured-rail-meter::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 50% !important;
  height: 3px !important;
  border-radius: 999px !important;
  transform: translateY(-50%) !important;
  background: rgba(155, 174, 198, .18) !important;
}

.home-page .featured-rail-meter .featured-rail-progress-fill {
  top: calc(50% - 3px) !important;
  height: 6px !important;
  min-width: 44px !important;
  border-radius: 999px !important;
  background: rgba(128, 226, 255, .78) !important;
  box-shadow: 0 0 0 1px rgba(229, 250, 255, .20), 0 0 14px rgba(100, 220, 255, .12) !important;
}

.home-page .featured-rail-meter.is-dragging .featured-rail-progress-fill,
.home-page .featured-rail-meter:focus-visible .featured-rail-progress-fill {
  top: calc(50% - 4px) !important;
  height: 8px !important;
  background: rgba(172, 239, 255, .92) !important;
  box-shadow: 0 0 0 1px rgba(240, 253, 255, .32), 0 0 18px rgba(100, 220, 255, .20) !important;
}

.home-page .featured-rail-step {
  width: 32px !important;
  height: 32px !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  border: 1px solid rgba(118, 180, 255, .16) !important;
  background: rgba(8, 22, 40, .54) !important;
  color: rgba(224, 245, 255, .78) !important;
  cursor: pointer !important;
  transition: border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease !important;
}

.home-page .featured-rail-step:hover,
.home-page .featured-rail-step:focus-visible {
  color: #eaffff !important;
  background: rgba(92, 216, 255, .10) !important;
  border-color: rgba(118, 225, 255, .36) !important;
  transform: none !important;
}

.home-page .featured-rail-step i {
  font-size: 12px !important;
}

@media (max-width: 767px) {
  .home-page #movieGrid.featured-resource-rail {
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }

  .home-page .featured-rail-progress.featured-rail-navigator {
    width: min(330px, calc(100vw - 46px)) !important;
    grid-template-columns: 30px minmax(120px, 1fr) 30px !important;
    gap: 10px !important;
    margin-top: 22px !important;
  }

  .home-page .featured-rail-step {
    width: 30px !important;
    height: 30px !important;
  }
}

/* 20260602-redo25-featured-density: desktop shelf shows 6-8 posters without losing scanability. */
.home-page #movieGrid.featured-resource-rail {
  grid-auto-columns: clamp(168px, 10.2vw, 198px) !important;
  gap: clamp(14px, 1.25vw, 20px) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card,
.home-page #movieGrid.featured-resource-rail .movie-card-featured {
  border-radius: 16px !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .22) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-cover-wrap,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-cover-wrap {
  border-radius: 16px 16px 0 0 !important;
}

.home-page #movieGrid.featured-resource-rail .movie-info,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-info {
  min-height: 68px !important;
  padding: 10px 11px 12px !important;
}

.home-page #movieGrid.featured-resource-rail .movie-title,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-title {
  min-height: 20px !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
}

.home-page #movieGrid.featured-resource-rail .movie-meta,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-meta {
  margin-top: 6px !important;
  font-size: 11px !important;
  gap: 5px !important;
}

.home-page #movieGrid.featured-resource-rail .movie-rank-badge {
  top: 9px !important;
  left: 9px !important;
  min-width: 42px !important;
  height: 34px !important;
  border-radius: 12px !important;
  font-size: 18px !important;
}

.home-page .featured-rail-progress.featured-rail-navigator {
  margin-top: 24px !important;
}

@media (min-width: 1700px) {
  .home-page #movieGrid.featured-resource-rail {
    grid-auto-columns: clamp(172px, 9.7vw, 192px) !important;
  }
}

@media (max-width: 767px) {
  .home-page #movieGrid.featured-resource-rail {
    grid-auto-columns: minmax(150px, 46vw) !important;
    gap: 12px !important;
  }

  .home-page #movieGrid.featured-resource-rail .movie-title,
  .home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-title {
    font-size: 13px !important;
  }
}

/* 20260602-redo26-featured-final-polish: quieter rank, tighter captions, subtler browse controls. */
.home-page #movieGrid.featured-resource-rail .movie-info,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-info {
  min-height: 58px !important;
  padding: 9px 10px 10px !important;
}

.home-page #movieGrid.featured-resource-rail .movie-title,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-title {
  min-height: 18px !important;
  font-size: 13px !important;
  line-height: 1.22 !important;
  font-weight: 820 !important;
}

.home-page #movieGrid.featured-resource-rail .movie-meta,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-meta {
  margin-top: 5px !important;
  font-size: 10.5px !important;
  gap: 4px !important;
  color: rgba(172, 190, 212, .76) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-rank-badge {
  top: 8px !important;
  left: 8px !important;
  min-width: 32px !important;
  width: 32px !important;
  height: 26px !important;
  border-radius: 9px !important;
  font-size: 13px !important;
  letter-spacing: 0 !important;
  color: rgba(3, 14, 27, .92) !important;
  background: rgba(120, 224, 255, .86) !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .16) !important;
}

.home-page #movieGrid.featured-resource-rail .movie-card:hover .movie-rank-badge,
.home-page #movieGrid.featured-resource-rail .movie-card:focus-within .movie-rank-badge {
  background: rgba(157, 237, 255, .92) !important;
}

.home-page .featured-rail-progress.featured-rail-navigator {
  width: min(380px, 28vw) !important;
  height: 34px !important;
  margin-top: 18px !important;
  grid-template-columns: 26px minmax(120px, 1fr) 26px !important;
  gap: 10px !important;
  opacity: .62 !important;
  transition: opacity .18s ease !important;
}

.home-page .featured-rail-progress.featured-rail-navigator:hover,
.home-page .featured-rail-progress.featured-rail-navigator:focus-within {
  opacity: .92 !important;
}

.home-page .featured-rail-meter {
  height: 34px !important;
}

.home-page .featured-rail-meter::before {
  height: 2px !important;
  background: rgba(155, 174, 198, .13) !important;
}

.home-page .featured-rail-meter .featured-rail-progress-fill {
  top: calc(50% - 2.5px) !important;
  height: 5px !important;
  min-width: 34px !important;
  background: rgba(128, 226, 255, .62) !important;
  box-shadow: none !important;
}

.home-page .featured-rail-step {
  width: 26px !important;
  height: 26px !important;
  border-color: rgba(118, 180, 255, .13) !important;
  background: rgba(8, 22, 40, .34) !important;
  color: rgba(224, 245, 255, .62) !important;
}

.home-page .featured-rail-step i {
  font-size: 10px !important;
}

@media (max-width: 767px) {
  .home-page .featured-rail-progress.featured-rail-navigator {
    width: min(280px, calc(100vw - 62px)) !important;
    grid-template-columns: 28px minmax(110px, 1fr) 28px !important;
    opacity: .78 !important;
  }

  .home-page .featured-rail-step {
    width: 28px !important;
    height: 28px !important;
  }
}

/* 20260602-redo28-latest-daily-brief: one lead update plus a calm scan list. */
.home-page #latestSection {
  padding-top: 70px !important;
  padding-bottom: 54px !important;
}

.home-page #latestSection .section-desc {
  max-width: 520px !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid {
  display: grid !important;
  grid-template-columns: minmax(300px, .92fr) repeat(2, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(3, minmax(104px, 1fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
  overflow: visible !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card {
  min-height: 104px !important;
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) 18px !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 12px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(114, 217, 255, .11) !important;
  background:
    linear-gradient(135deg, rgba(10, 28, 49, .72), rgba(3, 12, 23, .94)) !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transform: none !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:hover,
.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:focus-visible {
  transform: none !important;
  border-color: rgba(114, 217, 255, .30) !important;
  background:
    linear-gradient(135deg, rgba(13, 36, 62, .84), rgba(4, 15, 28, .98)) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, .20) !important;
  outline: none !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:first-child {
  grid-column: 1 !important;
  grid-row: 1 / -1 !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: minmax(212px, 1fr) auto 18px !important;
  align-items: stretch !important;
  min-height: 346px !important;
  padding: 14px !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 82% 14%, rgba(114, 217, 255, .14), transparent 10rem),
    linear-gradient(180deg, rgba(13, 34, 58, .82), rgba(4, 13, 25, .98)) !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-cover {
  width: 58px !important;
  height: 78px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: rgba(114, 217, 255, .07) !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:first-child .latest-index-cover {
  width: 100% !important;
  height: 100% !important;
  min-height: 212px !important;
  border-radius: 18px !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-cover img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  filter: brightness(.86) saturate(.90) contrast(1.04) !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-body {
  min-width: 0 !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-topline {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 0 6px !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-update-status {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #72d9ff !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-update-status::before {
  content: "" !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 999px !important;
  background: #72d9ff !important;
  box-shadow: 0 0 12px rgba(114, 217, 255, .50) !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-source {
  color: rgba(177, 195, 218, .58) !important;
  font-size: 10px !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid h4 {
  margin: 0 !important;
  color: #ecf6ff !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:first-child h4 {
  margin-top: 2px !important;
  font-size: 24px !important;
  line-height: 1.22 !important;
  white-space: normal !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-update-meta {
  margin: 7px 0 0 !important;
  color: rgba(194, 211, 232, .70) !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:first-child .latest-update-meta {
  font-size: 13px !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-update-note {
  display: none !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:first-child .latest-update-note {
  display: block !important;
  margin: 12px 0 0 !important;
  color: rgba(208, 225, 242, .72) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-arrow {
  align-self: center !important;
  justify-self: end !important;
  color: rgba(114, 217, 255, .52) !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:first-child .latest-index-arrow {
  justify-self: start !important;
  align-self: end !important;
  width: fit-content !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(114, 217, 255, .16) !important;
  color: #dff8ff !important;
  font-size: 12px !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:first-child .latest-index-arrow::before {
  content: "查看详情" !important;
}

@media (max-width: 991px) {
  .home-page #latestGrid.latest-stream-grid.latest-daily-grid {
    grid-template-columns: 1fr !important;
    grid-template-rows: none !important;
  }

  .home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:first-child {
    grid-column: auto !important;
    grid-row: auto !important;
    min-height: 0 !important;
  }
}

@media (max-width: 767px) {
  .home-page #latestSection {
    padding-top: 48px !important;
  }

  .home-page #latestGrid.latest-stream-grid.latest-daily-grid {
    gap: 10px !important;
  }

  .home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card,
  .home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:first-child {
    grid-template-columns: 56px minmax(0, 1fr) 16px !important;
    grid-template-rows: none !important;
    min-height: 96px !important;
    padding: 10px !important;
    border-radius: 14px !important;
  }

  .home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:first-child .latest-index-cover,
  .home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-cover {
    width: 56px !important;
    height: 74px !important;
    min-height: 0 !important;
    border-radius: 10px !important;
  }

  .home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:first-child h4,
  .home-page #latestGrid.latest-stream-grid.latest-daily-grid h4 {
    font-size: 14px !important;
    white-space: nowrap !important;
    display: block !important;
  }

  .home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:first-child .latest-update-note {
    display: none !important;
  }

  .home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:first-child .latest-index-arrow {
    padding: 0 !important;
    border: 0 !important;
    color: rgba(114, 217, 255, .52) !important;
    font-size: 18px !important;
  }

  .home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:first-child .latest-index-arrow::before {
    content: "" !important;
  }
}

/* 20260603-redo29-latest-matrix: regular scan grid, no oversized lead card. */
.home-page #latestSection {
  padding-top: 68px !important;
  padding-bottom: 58px !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  grid-template-rows: none !important;
  gap: 16px !important;
  align-items: stretch !important;
  overflow: visible !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card,
.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:first-child {
  grid-column: auto !important;
  grid-row: auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  padding: 0 !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  border: 1px solid rgba(114, 217, 255, .13) !important;
  background:
    linear-gradient(180deg, rgba(10, 29, 50, .74), rgba(4, 13, 25, .96)) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .16) !important;
  transform: none !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:hover,
.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:focus-visible {
  transform: none !important;
  border-color: rgba(114, 217, 255, .34) !important;
  box-shadow: 0 22px 52px rgba(0, 0, 0, .24), 0 0 0 1px rgba(114, 217, 255, .06) !important;
  outline: none !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-cover,
.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:first-child .latest-index-cover {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 4 / 5 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  background: rgba(114, 217, 255, .07) !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-cover img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  filter: brightness(.84) saturate(.88) contrast(1.04) !important;
  transition: filter .22s ease, transform .22s ease !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:hover .latest-index-cover img,
.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:focus-visible .latest-index-cover img {
  transform: scale(1.012) !important;
  filter: brightness(.94) saturate(.96) contrast(1.04) !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-body {
  min-width: 0 !important;
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 12px 12px 13px !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-topline {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  margin: 0 0 8px !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-update-status {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #72d9ff !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-update-status::before {
  content: "" !important;
  width: 5px !important;
  height: 5px !important;
  flex: 0 0 auto !important;
  border-radius: 999px !important;
  background: #72d9ff !important;
  box-shadow: 0 0 10px rgba(114, 217, 255, .42) !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-source {
  max-width: 44% !important;
  color: rgba(177, 195, 218, .52) !important;
  font-size: 10px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid h4,
.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:first-child h4 {
  margin: 0 !important;
  min-height: 40px !important;
  color: #edf7ff !important;
  font-size: 15px !important;
  line-height: 1.32 !important;
  white-space: normal !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-update-meta,
.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:first-child .latest-update-meta {
  margin: 9px 0 0 !important;
  color: rgba(194, 211, 232, .68) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-update-note,
.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:first-child .latest-update-note {
  display: none !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-arrow,
.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:first-child .latest-index-arrow {
  display: none !important;
}

@media (max-width: 1399px) {
  .home-page #latestGrid.latest-stream-grid.latest-daily-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1199px) {
  .home-page #latestGrid.latest-stream-grid.latest-daily-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 899px) {
  .home-page #latestGrid.latest-stream-grid.latest-daily-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  .home-page #latestGrid.latest-stream-grid.latest-daily-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  .home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-body {
    padding: 10px !important;
  }

  .home-page #latestGrid.latest-stream-grid.latest-daily-grid h4,
  .home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:first-child h4 {
    min-height: 36px !important;
    font-size: 13px !important;
  }

  .home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-update-meta {
    font-size: 11px !important;
  }
}

/* 20260603-redo30-latest-ticket-matrix: lighter, cleaner update tickets. */
.home-page #latestSection {
  padding-top: 66px !important;
  padding-bottom: 56px !important;
  background:
    linear-gradient(180deg, rgba(2, 9, 18, .18), rgba(2, 9, 18, .48)) !important;
}

.home-page #latestSection .home-section-header {
  margin-bottom: 24px !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid {
  counter-reset: latest-card !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card,
.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:first-child {
  counter-increment: latest-card !important;
  position: relative !important;
  min-height: 0 !important;
  border-radius: 16px !important;
  border: 1px solid rgba(118, 180, 255, .12) !important;
  background:
    linear-gradient(180deg, rgba(10, 26, 45, .68), rgba(4, 12, 22, .94)) !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, .14) !important;
  isolation: isolate !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card::after {
  content: counter(latest-card, decimal-leading-zero) !important;
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 3 !important;
  padding: 4px 7px !important;
  border-radius: 999px !important;
  background: rgba(3, 12, 23, .42) !important;
  border: 1px solid rgba(255, 255, 255, .10) !important;
  color: rgba(232, 247, 255, .64) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:hover,
.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:focus-visible {
  transform: none !important;
  border-color: rgba(114, 217, 255, .32) !important;
  background:
    linear-gradient(180deg, rgba(12, 32, 54, .78), rgba(4, 14, 26, .98)) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .22), 0 0 0 1px rgba(114, 217, 255, .06) !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-cover,
.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:first-child .latest-index-cover {
  aspect-ratio: 16 / 11 !important;
  border-radius: 16px 16px 0 0 !important;
  position: relative !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-cover::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(180deg, rgba(2, 10, 19, .04), rgba(2, 10, 19, .28)),
    linear-gradient(135deg, rgba(255, 255, 255, .08), transparent 40%) !important;
  pointer-events: none !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-cover img {
  filter: brightness(.82) saturate(.84) contrast(1.05) !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-body {
  padding: 12px 12px 13px !important;
  min-height: 98px !important;
  justify-content: flex-start !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-topline {
  position: absolute !important;
  z-index: 3 !important;
  top: 10px !important;
  left: 10px !important;
  right: 52px !important;
  margin: 0 !important;
  justify-content: flex-start !important;
  pointer-events: none !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-update-status {
  height: 24px !important;
  padding: 0 9px !important;
  border-radius: 999px !important;
  background: rgba(4, 18, 32, .54) !important;
  border: 1px solid rgba(114, 217, 255, .18) !important;
  color: #aeefff !important;
  backdrop-filter: blur(8px) !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-update-status::before {
  width: 5px !important;
  height: 5px !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-source {
  display: none !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid h4,
.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:first-child h4 {
  min-height: 38px !important;
  font-size: 14px !important;
  line-height: 1.34 !important;
  color: rgba(241, 248, 255, .96) !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-update-meta,
.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:first-child .latest-update-meta {
  margin-top: 8px !important;
  color: rgba(189, 207, 228, .62) !important;
  font-size: 11px !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-update-note,
.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:first-child .latest-update-note {
  display: none !important;
}

@media (max-width: 1399px) {
  .home-page #latestGrid.latest-stream-grid.latest-daily-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1199px) {
  .home-page #latestGrid.latest-stream-grid.latest-daily-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 899px) {
  .home-page #latestGrid.latest-stream-grid.latest-daily-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  .home-page #latestGrid.latest-stream-grid.latest-daily-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 11px !important;
  }

  .home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-body {
    min-height: 88px !important;
    padding: 10px !important;
  }

  .home-page #latestGrid.latest-stream-grid.latest-daily-grid h4,
  .home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:first-child h4 {
    min-height: 35px !important;
    font-size: 13px !important;
  }
}

/* 20260603-redo31-latest-poster-matrix: restore cinematic poster proportions. */
.home-page #latestSection {
  padding-top: 68px !important;
  padding-bottom: 60px !important;
}

.home-page #latestSection .home-section-header {
  margin-bottom: 26px !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 22px 18px !important;
  align-items: start !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card,
.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:first-child {
  width: min(100%, 206px) !important;
  justify-self: center !important;
  border-radius: 17px !important;
  border-color: rgba(114, 217, 255, .15) !important;
  background:
    linear-gradient(180deg, rgba(10, 27, 47, .70), rgba(4, 12, 23, .97)) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .18) !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:hover,
.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:focus-visible {
  transform: none !important;
  border-color: rgba(114, 217, 255, .34) !important;
  box-shadow: 0 22px 54px rgba(0, 0, 0, .25), 0 0 0 1px rgba(114, 217, 255, .07) !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-cover,
.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:first-child .latest-index-cover {
  aspect-ratio: 2 / 3 !important;
  border-radius: 17px 17px 0 0 !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-cover::after {
  background:
    linear-gradient(180deg, rgba(2, 10, 19, .02) 0%, rgba(2, 10, 19, .16) 58%, rgba(2, 10, 19, .44) 100%),
    linear-gradient(135deg, rgba(255, 255, 255, .08), transparent 42%) !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-cover img {
  filter: brightness(.86) saturate(.90) contrast(1.04) !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:hover .latest-index-cover img,
.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:focus-visible .latest-index-cover img {
  transform: scale(1.014) !important;
  filter: brightness(.96) saturate(.98) contrast(1.04) !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-body {
  min-height: 92px !important;
  padding: 12px 12px 13px !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-topline {
  position: absolute !important;
  z-index: 3 !important;
  top: 11px !important;
  left: 11px !important;
  right: 48px !important;
  margin: 0 !important;
  pointer-events: none !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-update-status {
  height: 23px !important;
  padding: 0 8px !important;
  background: rgba(3, 14, 25, .50) !important;
  color: #b5f0ff !important;
  font-size: 10px !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card::after {
  top: 11px !important;
  right: 11px !important;
  padding: 4px 7px !important;
  background: rgba(3, 12, 23, .38) !important;
  color: rgba(232, 247, 255, .58) !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid h4,
.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:first-child h4 {
  min-height: 38px !important;
  text-align: left !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-update-meta,
.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:first-child .latest-update-meta {
  margin-top: 8px !important;
  text-align: left !important;
  font-size: 11px !important;
  color: rgba(190, 208, 230, .64) !important;
}

@media (max-width: 1399px) {
  .home-page #latestGrid.latest-stream-grid.latest-daily-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1199px) {
  .home-page #latestGrid.latest-stream-grid.latest-daily-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 899px) {
  .home-page #latestGrid.latest-stream-grid.latest-daily-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  .home-page #latestGrid.latest-stream-grid.latest-daily-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px 12px !important;
  }

  .home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card,
  .home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:first-child {
    width: 100% !important;
  }
}

/* 20260603-redo32-latest-compact-poster-grid: denser 8-up poster scan. */
.home-page #latestSection {
  padding-top: 62px !important;
  padding-bottom: 52px !important;
}

/* 20260604-redo33-playlist-bookshelf: clean two-row thematic playlist cards. */
.home-page #collectionsSection.playlist-branch-section {
  padding-top: 76px !important;
  padding-bottom: 76px !important;
  background:
    radial-gradient(circle at 18% 12%, rgba(55, 167, 209, .10), transparent 32%),
    linear-gradient(180deg, rgba(3, 12, 24, .50), rgba(4, 13, 25, .82)) !important;
}

.home-page #collectionsSection.playlist-branch-section .home-section-header {
  align-items: end !important;
  border-bottom-color: rgba(114, 217, 255, .12) !important;
}

.home-page #collectionsSection.playlist-branch-section .section-title,
.home-page #collectionsSection.playlist-branch-section .section-desc {
  background: none !important;
  box-shadow: none !important;
}

.home-page #collectionsSection.playlist-branch-section .section-title {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: #edf8ff !important;
  letter-spacing: 0 !important;
}

.home-page #collectionsSection.playlist-branch-section .section-title-icon {
  width: 34px !important;
  height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 12px !important;
  color: #6de0ff !important;
  background: rgba(114, 217, 255, .10) !important;
  border: 1px solid rgba(114, 217, 255, .16) !important;
}

.home-page #collectionsSection.playlist-branch-section .section-desc {
  max-width: 760px !important;
  color: rgba(191, 209, 229, .76) !important;
}

.home-page .playlist-branch-section #collectionsGrid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  overflow: visible !important;
}

.home-page .playlist-branch-section .home-playlist-card {
  position: relative !important;
  display: grid !important;
  grid-template-rows: 124px minmax(0, 1fr) !important;
  min-height: 294px !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  border: 1px solid rgba(114, 217, 255, .18) !important;
  background:
    linear-gradient(180deg, rgba(10, 33, 55, .68), rgba(4, 13, 25, .98)) !important;
  box-shadow: 0 20px 54px rgba(0, 0, 0, .20) !important;
  cursor: pointer !important;
  transform: none !important;
}

.home-page .playlist-branch-section .home-playlist-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgba(114, 217, 255, .10), transparent 22%, transparent 78%, rgba(114, 217, 255, .06)),
    linear-gradient(180deg, rgba(255, 255, 255, .06), transparent 35%) !important;
  opacity: .55 !important;
}

.home-page .playlist-branch-section .home-playlist-cover {
  position: relative !important;
  height: 124px !important;
  border-radius: 18px 18px 0 0 !important;
  overflow: hidden !important;
  background: rgba(7, 24, 42, .88) !important;
}

.home-page .playlist-branch-section .home-playlist-cover img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: .66 !important;
  filter: brightness(.76) saturate(.92) !important;
  transform: scale(1.01) !important;
  transition: filter .24s ease, opacity .24s ease, transform .24s ease !important;
}

.home-page .home-playlist-cover-shade {
  background:
    linear-gradient(180deg, rgba(4, 13, 25, .04), rgba(4, 13, 25, .58)),
    linear-gradient(90deg, rgba(4, 13, 25, .36), transparent 62%) !important;
}

.home-page .home-playlist-cover-text {
  top: auto !important;
  right: 14px !important;
  bottom: 12px !important;
  left: auto !important;
  font-size: 16px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  color: rgba(232, 248, 255, .72) !important;
  background: rgba(4, 13, 25, .46) !important;
  border: 1px solid rgba(232, 248, 255, .14) !important;
  border-radius: 999px !important;
  padding: 7px 9px !important;
  opacity: 1 !important;
  transform: none !important;
}

.home-page .home-playlist-label {
  position: absolute !important;
  left: 14px !important;
  bottom: 12px !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 28px !important;
  padding: 0 11px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  color: #dff8ff !important;
  background: rgba(5, 22, 38, .64) !important;
  border: 1px solid rgba(114, 217, 255, .22) !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, .22) !important;
}

.home-page .home-playlist-info {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  padding: 16px 16px 15px !important;
}

.home-page .home-playlist-kicker {
  display: block !important;
  margin: 0 !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
  color: #6de0ff !important;
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
  text-transform: none !important;
}

.home-page .home-playlist-title {
  margin: 8px 0 0 !important;
  font-size: 18px !important;
  line-height: 1.25 !important;
  color: #f1f8ff !important;
  letter-spacing: 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.home-page .home-playlist-summary {
  margin: 9px 0 0 !important;
  min-height: 42px !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  color: rgba(197, 214, 233, .72) !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.home-page .home-playlist-route {
  margin-top: 12px !important;
  min-height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  max-width: 100% !important;
  padding: 0 10px !important;
  gap: 7px !important;
  border-radius: 999px !important;
  color: rgba(222, 242, 251, .82) !important;
  background: rgba(114, 217, 255, .055) !important;
  border: 1px solid rgba(114, 217, 255, .12) !important;
  font-size: 12px !important;
  line-height: 1 !important;
}

.home-page .home-playlist-route i {
  color: #6de0ff !important;
  font-size: 10px !important;
}

.home-page .home-playlist-footer {
  margin-top: auto !important;
  padding-top: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  color: rgba(152, 174, 198, .74) !important;
  font-size: 12px !important;
  border-top: 1px solid rgba(114, 217, 255, .08) !important;
}

.home-page .home-playlist-footer span {
  color: rgba(152, 174, 198, .74) !important;
}

.home-page .home-playlist-action {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  color: #8beaff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

.home-page .home-playlist-card:hover,
.home-page .home-playlist-card:focus-visible {
  transform: none !important;
  border-color: rgba(114, 217, 255, .34) !important;
  box-shadow:
    0 0 0 1px rgba(114, 217, 255, .08),
    0 24px 64px rgba(0, 0, 0, .28),
    0 0 36px rgba(67, 190, 230, .10) !important;
}

.home-page .home-playlist-card:hover .home-playlist-cover img,
.home-page .home-playlist-card:focus-visible .home-playlist-cover img {
  opacity: .76 !important;
  filter: brightness(.84) saturate(1.02) !important;
  transform: scale(1.025) !important;
}

@media (max-width: 1180px) {
  .home-page .playlist-branch-section #collectionsGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  .home-page #collectionsSection.playlist-branch-section {
    padding-top: 48px !important;
    padding-bottom: 54px !important;
  }

  .home-page #collectionsSection.playlist-branch-section .home-section-header {
    align-items: stretch !important;
  }

  .home-page .playlist-branch-section #collectionsGrid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .home-page .playlist-branch-section .home-playlist-card {
    min-height: 272px !important;
    grid-template-rows: 112px minmax(0, 1fr) !important;
  }

  .home-page .playlist-branch-section .home-playlist-cover {
    height: 112px !important;
  }
}

.home-page #latestSection .home-section-header {
  margin-bottom: 22px !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid {
  grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  gap: 18px 14px !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card,
.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:first-child {
  width: min(100%, 164px) !important;
  border-radius: 15px !important;
  border-color: rgba(114, 217, 255, .13) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .16) !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:hover,
.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:focus-visible {
  transform: none !important;
  border-color: rgba(114, 217, 255, .32) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .23), 0 0 0 1px rgba(114, 217, 255, .06) !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-cover,
.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:first-child .latest-index-cover {
  aspect-ratio: 2 / 3 !important;
  border-radius: 15px 15px 0 0 !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-body {
  min-height: 76px !important;
  padding: 9px 10px 10px !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-topline {
  position: absolute !important;
  z-index: 3 !important;
  top: 9px !important;
  left: 9px !important;
  right: 38px !important;
  margin: 0 !important;
  pointer-events: none !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-update-status {
  height: 20px !important;
  padding: 0 7px !important;
  font-size: 9px !important;
  border-color: rgba(114, 217, 255, .14) !important;
  background: rgba(3, 14, 25, .44) !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-update-status::before {
  width: 4px !important;
  height: 4px !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card::after {
  top: 9px !important;
  right: 9px !important;
  padding: 3px 6px !important;
  font-size: 9px !important;
  background: rgba(3, 12, 23, .34) !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid h4,
.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:first-child h4 {
  min-height: 34px !important;
  font-size: 12.5px !important;
  line-height: 1.34 !important;
}

.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-update-meta,
.home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:first-child .latest-update-meta {
  margin-top: 6px !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
  color: rgba(190, 208, 230, .58) !important;
}

@media (max-width: 1599px) {
  .home-page #latestGrid.latest-stream-grid.latest-daily-grid {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1399px) {
  .home-page #latestGrid.latest-stream-grid.latest-daily-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1199px) {
  .home-page #latestGrid.latest-stream-grid.latest-daily-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 899px) {
  .home-page #latestGrid.latest-stream-grid.latest-daily-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  .home-page #latestGrid.latest-stream-grid.latest-daily-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  .home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card,
  .home-page #latestGrid.latest-stream-grid.latest-daily-grid .latest-index-card:first-child {
    width: 100% !important;
  }
}

/* 20260604-redo34-playlist-quiet-gallery: reduce visual noise and keep one clear action. */
.home-page .playlist-branch-section #collectionsGrid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.home-page #collectionsSection.playlist-branch-section .section-desc {
  max-width: 680px !important;
  font-size: 14px !important;
}

.home-page .playlist-branch-section .home-playlist-card {
  grid-template-rows: 112px minmax(0, 1fr) !important;
  min-height: 274px !important;
  border-color: rgba(114, 217, 255, .16) !important;
  background:
    linear-gradient(180deg, rgba(8, 28, 47, .66), rgba(4, 13, 25, .98)) !important;
}

.home-page .playlist-branch-section .home-playlist-cover {
  height: 112px !important;
}

.home-page .playlist-branch-section .home-playlist-cover img {
  opacity: .34 !important;
  filter: blur(.8px) brightness(.56) saturate(.82) !important;
  transform: scale(1.055) !important;
}

.home-page .home-playlist-cover-shade {
  background:
    linear-gradient(180deg, rgba(4, 13, 25, .30), rgba(4, 13, 25, .78)),
    linear-gradient(90deg, rgba(4, 13, 25, .58), rgba(4, 13, 25, .08) 64%, rgba(4, 13, 25, .42)) !important;
}

.home-page .home-playlist-cover-text {
  right: 12px !important;
  bottom: 10px !important;
  font-size: 13px !important;
  color: rgba(232, 248, 255, .58) !important;
  background: rgba(4, 13, 25, .34) !important;
  border-color: rgba(232, 248, 255, .10) !important;
  padding: 6px 8px !important;
}

.home-page .home-playlist-label {
  left: 14px !important;
  bottom: 10px !important;
  min-height: 26px !important;
  padding: 0 10px !important;
  font-size: 11px !important;
  background: rgba(5, 22, 38, .72) !important;
}

.home-page .home-playlist-info {
  padding: 15px 16px 14px !important;
}

.home-page .home-playlist-kicker {
  font-size: 10.5px !important;
  color: rgba(109, 224, 255, .88) !important;
}

.home-page .home-playlist-title {
  margin-top: 7px !important;
  font-size: 17px !important;
}

.home-page .home-playlist-summary {
  margin-top: 8px !important;
  min-height: 40px !important;
  font-size: 12.5px !important;
  line-height: 1.55 !important;
  color: rgba(197, 214, 233, .68) !important;
}

.home-page .home-playlist-route {
  display: none !important;
}

.home-page .home-playlist-footer {
  padding-top: 11px !important;
  border-top-color: rgba(114, 217, 255, .075) !important;
}

.home-page .home-playlist-footer span {
  font-size: 11px !important;
}

.home-page .home-playlist-action {
  font-size: 12.5px !important;
}

.home-page .home-playlist-card:hover,
.home-page .home-playlist-card:focus-visible {
  transform: none !important;
}

.home-page .home-playlist-card:hover .home-playlist-cover img,
.home-page .home-playlist-card:focus-visible .home-playlist-cover img {
  opacity: .42 !important;
  filter: blur(.55px) brightness(.64) saturate(.92) !important;
  transform: scale(1.065) !important;
}

/* 20260605-playlist-action-button-pass: make playlist entry feel deliberate without adding visual weight. */
.home-page .playlist-branch-section .home-playlist-card {
  border-color: rgba(114, 217, 255, .14) !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .028) !important;
}

.home-page .playlist-branch-section .home-playlist-card::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background: linear-gradient(135deg, rgba(120, 224, 255, .08), transparent 34%, rgba(255, 255, 255, .025) 100%) !important;
  opacity: .52 !important;
}

.home-page .home-playlist-footer {
  padding-top: 12px !important;
  border-top: 0 !important;
  justify-content: stretch !important;
}

.home-page .home-playlist-footer > span {
  display: none !important;
}

.home-page .home-playlist-action {
  width: 100% !important;
  min-height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 0 14px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(114, 217, 255, .22) !important;
  background: linear-gradient(180deg, rgba(13, 48, 72, .54), rgba(8, 28, 48, .38)) !important;
  color: rgba(212, 245, 255, .88) !important;
  font-size: 12.5px !important;
  font-weight: 820 !important;
  line-height: 1 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06) !important;
  transition: border-color .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease !important;
}

.home-page .home-playlist-action i {
  font-size: 11px !important;
  transform: translateX(0) !important;
  transition: transform .2s ease !important;
}

.home-page .home-playlist-card:hover .home-playlist-action,
.home-page .home-playlist-card:focus-visible .home-playlist-action {
  border-color: rgba(114, 217, 255, .46) !important;
  background: linear-gradient(180deg, rgba(24, 78, 108, .62), rgba(10, 36, 60, .46)) !important;
  color: rgba(237, 252, 255, .96) !important;
  box-shadow: 0 0 0 1px rgba(114, 217, 255, .06), inset 0 1px 0 rgba(255, 255, 255, .09) !important;
}

.home-page .home-playlist-card:hover .home-playlist-action i,
.home-page .home-playlist-card:focus-visible .home-playlist-action i {
  transform: translateX(2px) !important;
}

@media (max-width: 767px) {
  .home-page .playlist-branch-section #collectionsGrid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .home-page .playlist-branch-section .home-playlist-card {
    min-height: 256px !important;
    grid-template-rows: 100px minmax(0, 1fr) !important;
  }

  .home-page .playlist-branch-section .home-playlist-cover {
    height: 100px !important;
  }
}

/* 20260604-hero-type-scale-closeout: keep carousel titles readable across channels. */
.home-page .hero-copy {
  max-width: min(760px, 56vw) !important;
}

.home-page .hero-title {
  max-width: min(760px, 56vw) !important;
  font-size: clamp(48px, 4.45vw, 64px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.035em !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-wrap: balance !important;
}

.home-page .hero-description {
  max-width: min(720px, 54vw) !important;
  margin-top: 12px !important;
  font-size: 15px !important;
  line-height: 1.62 !important;
}

.home-page .hero-actions {
  margin-top: 20px !important;
}

.home-page .hero-cta-primary {
  min-width: 146px !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  padding: 0 18px !important;
  gap: 9px !important;
  font-size: 14px !important;
  box-shadow: 0 12px 30px rgba(114, 217, 255, .20) !important;
}

.home-page .hero-play-icon {
  width: 27px !important;
  height: 27px !important;
}

@media (min-width: 1600px) {
  .home-page .hero-copy,
  .home-page .hero-title {
    max-width: 820px !important;
  }

  .home-page .hero-title {
    font-size: clamp(54px, 3.9vw, 70px) !important;
  }
}

@media (max-width: 991px) {
  .home-page .hero-copy,
  .home-page .hero-title,
  .home-page .hero-description {
    max-width: min(680px, 86vw) !important;
  }

  .home-page .hero-title {
    font-size: clamp(36px, 6.4vw, 54px) !important;
  }
}

@media (max-width: 767px) {
  .home-page .hero-copy,
  .home-page .hero-title,
  .home-page .hero-description {
    max-width: 100% !important;
  }

  .home-page .hero-title {
    font-size: clamp(30px, 8.4vw, 38px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.02em !important;
  }

  .home-page .hero-description {
    font-size: 13px !important;
  }

  .home-page .hero-cta-primary {
    min-width: 128px !important;
    width: auto !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    padding: 0 15px !important;
    font-size: 13px !important;
  }

  .home-page .hero-play-icon {
    width: 25px !important;
    height: 25px !important;
  }
}

/* 20260604-home-resource-entry-light-pass: keep the hero handoff quiet and utility-like. */
.home-page #trustSection.signal-status-strip {
  padding: 0 0 20px !important;
}

.home-page #trustSection.signal-status-strip .signal-status-wrap {
  width: min(1280px, calc(100% - 112px)) !important;
  max-width: 1280px !important;
  padding: 12px 14px !important;
  border-radius: 15px !important;
  border: 1px solid rgba(116, 205, 240, .14) !important;
  background:
    linear-gradient(180deg, rgba(13, 35, 56, .50), rgba(7, 18, 32, .40)) !important;
  box-shadow:
    0 10px 28px rgba(0, 0, 0, .15),
    inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-top {
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 14px !important;
  margin-bottom: 7px !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-kicker {
  margin-bottom: 6px !important;
  font-size: 12px !important;
  font-weight: 760 !important;
  color: rgba(116, 221, 255, .88) !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-kicker::before {
  width: 7px !important;
  height: 7px !important;
  box-shadow: 0 0 12px rgba(103, 219, 255, .42) !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-title {
  max-width: 760px !important;
  font-size: clamp(16px, 1.08vw, 18px) !important;
  line-height: 1.42 !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
  color: rgba(236, 246, 255, .93) !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-note {
  margin-top: 5px !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  color: rgba(184, 202, 222, .58) !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-actions {
  gap: 8px !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-btn {
  width: 132px !important;
  min-width: 132px !important;
  max-width: 132px !important;
  min-height: 38px !important;
  padding: 5px 10px 5px 6px !important;
  border-radius: 12px !important;
  border-color: rgba(124, 205, 240, .17) !important;
  background: rgba(8, 22, 38, .48) !important;
  color: rgba(229, 240, 250, .82) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03) !important;
  transform: none !important;
}

.home-page #trustSection.signal-status-strip .resource-action-filter {
  --action-rgb: 114, 217, 255 !important;
}

.home-page #trustSection.signal-status-strip .resource-action-community {
  --action-rgb: 174, 196, 216 !important;
  --action-accent: #b7c9dc !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-btn::before,
.home-page #trustSection.signal-status-strip .resource-radar-btn::after {
  opacity: .18 !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-btn:hover,
.home-page #trustSection.signal-status-strip .resource-radar-btn:focus-visible {
  border-color: rgba(118, 221, 255, .34) !important;
  background: rgba(13, 38, 58, .62) !important;
  box-shadow: 0 0 0 1px rgba(111, 216, 255, .06), 0 10px 22px rgba(0, 0, 0, .14) !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-btn-icon {
  width: 26px !important;
  height: 26px !important;
  flex: 0 0 26px !important;
  border-radius: 9px !important;
  background: rgba(var(--action-rgb), .10) !important;
  border-color: rgba(var(--action-rgb), .16) !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-btn-icon i {
  font-size: 12px !important;
  color: rgba(113, 221, 255, .86) !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-btn-label {
  font-size: 12px !important;
  font-weight: 700 !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-stats {
  gap: 6px !important;
  padding-top: 7px !important;
  border-top-color: rgba(116, 190, 230, .08) !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-stats .trust-stat-pill {
  min-height: 24px !important;
  padding: 3px 8px !important;
  border-radius: 999px !important;
  border-color: rgba(124, 205, 240, .10) !important;
  background: rgba(255, 255, 255, .018) !important;
  color: rgba(200, 217, 232, .56) !important;
  font-size: 11px !important;
  font-weight: 650 !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-stats .trust-stat-pill i {
  font-size: 10.5px !important;
  color: rgba(119, 218, 255, .56) !important;
}

@media (max-width: 767px) {
  .home-page #trustSection.signal-status-strip {
    padding-bottom: 16px !important;
  }

  .home-page #trustSection.signal-status-strip .signal-status-wrap {
    width: calc(100% - 28px) !important;
    padding: 11px 12px !important;
    border-radius: 13px !important;
  }

  .home-page #trustSection.signal-status-strip .resource-radar-top {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .home-page #trustSection.signal-status-strip .resource-radar-title {
    font-size: 15px !important;
  }

  .home-page #trustSection.signal-status-strip .resource-radar-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    width: 100% !important;
  }

  .home-page #trustSection.signal-status-strip .resource-radar-btn {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 36px !important;
  }
}

/* 20260604-home-hero-refined-type-pass: smaller, calmer carousel copy scale. */
.home-page .hero-copy {
  max-width: min(700px, 52vw) !important;
}

.home-page .hero-kicker {
  min-height: 30px !important;
  margin-bottom: 14px !important;
  padding: 6px 11px !important;
  font-size: 11px !important;
  letter-spacing: .08em !important;
  font-weight: 740 !important;
}

.home-page .hero-title {
  max-width: min(700px, 52vw) !important;
  font-size: clamp(42px, 3.55vw, 56px) !important;
  line-height: 1.06 !important;
  letter-spacing: 0 !important;
  font-weight: 820 !important;
  text-shadow: 0 14px 42px rgba(0, 0, 0, .34) !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-wrap: balance !important;
}

.home-page .hero-description {
  max-width: min(650px, 50vw) !important;
  margin-top: 10px !important;
  font-size: 14px !important;
  line-height: 1.56 !important;
  color: rgba(214, 228, 244, .70) !important;
  -webkit-line-clamp: 2 !important;
}

.home-page .hero-actions {
  margin-top: 16px !important;
  gap: 9px !important;
}

.home-page .hero-cta-primary {
  min-width: 132px !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  padding: 0 15px !important;
  gap: 8px !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  font-weight: 760 !important;
  box-shadow: 0 10px 24px rgba(114, 217, 255, .16) !important;
}

.home-page .hero-play-icon {
  width: 24px !important;
  height: 24px !important;
}

@media (min-width: 1600px) {
  .home-page .hero-copy,
  .home-page .hero-title {
    max-width: 760px !important;
  }

  .home-page .hero-title {
    font-size: clamp(46px, 3.2vw, 60px) !important;
  }
}

@media (max-width: 991px) {
  .home-page .hero-copy,
  .home-page .hero-title,
  .home-page .hero-description {
    max-width: min(620px, 84vw) !important;
  }

  .home-page .hero-title {
    font-size: clamp(34px, 5.8vw, 48px) !important;
  }
}

@media (max-width: 767px) {
  .home-page .hero-copy,
  .home-page .hero-title,
  .home-page .hero-description {
    max-width: 100% !important;
  }

  .home-page .hero-kicker {
    min-height: 28px !important;
    margin-bottom: 11px !important;
    padding: 5px 10px !important;
    font-size: 10.5px !important;
  }

  .home-page .hero-title {
    font-size: clamp(28px, 7.6vw, 36px) !important;
    line-height: 1.1 !important;
  }

  .home-page .hero-description {
    margin-top: 9px !important;
    font-size: 12.5px !important;
    line-height: 1.55 !important;
  }

  .home-page .hero-actions {
    margin-top: 14px !important;
  }

  .home-page .hero-cta-primary {
    min-width: 120px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    padding: 0 13px !important;
    font-size: 12.5px !important;
  }

  .home-page .hero-play-icon {
    width: 22px !important;
    height: 22px !important;
  }
}

/* 20260604-product-polish / 20260604-home-product-polish-pass: keep the home path focused and interaction refined. */
.home-page #curatedSection,
.home-page #recommendSection {
  display: none !important;
}

.home-page .resource-radar-btn,
.home-page .community-open-btn,
.home-page .nav-action-btn,
.home-page .movie-card,
.home-page .latest-index-card,
.home-page .home-playlist-card,
.home-page .section-zone-link,
.home-page .section-actions .btn {
  cursor: pointer !important;
}

.home-page .section-header-rich.home-section-header {
  gap: 18px !important;
  margin-bottom: 22px !important;
  padding-bottom: 16px !important;
  border-bottom-color: rgba(111, 216, 255, .10) !important;
}

.home-page .section-title {
  font-size: clamp(32px, 3vw, 46px) !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
  font-weight: 820 !important;
}

.home-page .section-desc {
  max-width: 760px !important;
  font-size: 14px !important;
  line-height: 1.62 !important;
  color: rgba(190, 208, 230, .70) !important;
}

.home-page .section-actions .btn {
  min-height: 40px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  font-weight: 760 !important;
  border-color: rgba(111, 216, 255, .16) !important;
  background: rgba(9, 24, 42, .52) !important;
  color: rgba(235, 247, 255, .88) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
  transform: none !important;
}

.home-page .section-actions .btn:hover,
.home-page .section-actions .btn:focus-visible {
  transform: none !important;
  border-color: rgba(111, 216, 255, .34) !important;
  background: rgba(13, 38, 58, .64) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .18), 0 0 0 1px rgba(111, 216, 255, .06) !important;
}

.home-page .movie-card:hover,
.home-page .movie-card:focus-within,
.home-page .latest-index-card:hover,
.home-page .latest-index-card:focus-visible,
.home-page .home-playlist-card:hover,
.home-page .home-playlist-card:focus-visible {
  transform: none !important;
}

.home-page .movie-card:hover .movie-cover,
.home-page .movie-card:focus-within .movie-cover,
.home-page .latest-index-card:hover img,
.home-page .latest-index-card:focus-visible img {
  transform: scale(1.018) !important;
  filter: brightness(.92) saturate(1.03) !important;
}

.home-page .featured-resource-rail .rail-scrollbar,
.home-page .featured-resource-rail .rail-scrollbar-track,
.home-page .featured-resource-rail .rail-progress,
.home-page .featured-resource-rail .rail-drag-handle {
  opacity: .72 !important;
}

@media (max-width: 767px) {
  .home-page .section-header-rich.home-section-header {
    align-items: stretch !important;
    margin-bottom: 16px !important;
  }

  .home-page .section-title {
    font-size: clamp(28px, 8vw, 36px) !important;
  }

  .home-page .section-desc {
    font-size: 12.5px !important;
  }

  .home-page .section-actions .btn {
    min-height: 36px !important;
    padding: 0 14px !important;
    font-size: 12px !important;
  }
}

/* 20260604-playlist-channel-closeout: make playlists a clear topic route, not a duplicated resource shelf. */
.home-page #trustSection.signal-status-strip {
  margin-top: -18px !important;
  padding: 0 0 28px !important;
  position: relative !important;
  z-index: 8 !important;
}

.home-page #trustSection.signal-status-strip .signal-status-wrap {
  width: min(1120px, calc(100% - 160px)) !important;
  max-width: 1120px !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  background: rgba(8, 22, 38, .58) !important;
  border-color: rgba(111, 216, 255, .12) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .12), inset 0 1px 0 rgba(255, 255, 255, .03) !important;
  backdrop-filter: blur(14px) !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-top {
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  margin-bottom: 6px !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-title {
  max-width: 680px !important;
  font-size: clamp(14px, .88vw, 16px) !important;
  line-height: 1.45 !important;
  font-weight: 740 !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-note {
  font-size: 11px !important;
  opacity: .72 !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-stats {
  overflow: hidden !important;
  flex-wrap: nowrap !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-stats .trust-stat-pill {
  min-height: 22px !important;
  padding: 2px 7px !important;
  font-size: 10.5px !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-btn {
  width: 118px !important;
  min-width: 118px !important;
  max-width: 118px !important;
  min-height: 34px !important;
  padding: 4px 8px 4px 5px !important;
  border-radius: 11px !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-btn-icon {
  width: 24px !important;
  height: 24px !important;
  flex-basis: 24px !important;
  border-radius: 8px !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-btn-label {
  font-size: 11.5px !important;
}

body[data-page-channel="collections"].home-page #moviesSection,
body[data-page-channel="collections"].home-page #latestSection {
  display: none !important;
}

body[data-page-channel="collections"].home-page #trustSection.signal-status-strip {
  margin-top: -22px !important;
  padding-bottom: 34px !important;
}

body[data-page-channel="collections"].home-page #collectionsSection.playlist-branch-section {
  padding-top: 42px !important;
  padding-bottom: 58px !important;
  background:
    radial-gradient(circle at 18% 12%, rgba(111, 216, 255, .07), transparent 24rem),
    linear-gradient(180deg, rgba(7, 18, 34, .72), rgba(4, 12, 23, .96)) !important;
}

body[data-page-channel="collections"].home-page #collectionsSection.playlist-branch-section .home-section-header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 18px !important;
  align-items: end !important;
  margin-bottom: 20px !important;
}

body[data-page-channel="collections"].home-page #collectionsSection.playlist-branch-section .section-title {
  font-size: clamp(34px, 3.4vw, 52px) !important;
  line-height: 1.04 !important;
}

body[data-page-channel="collections"].home-page #collectionsSection.playlist-branch-section .section-title-icon {
  display: none !important;
}

body[data-page-channel="collections"].home-page #collectionsSection.playlist-branch-section .section-desc {
  max-width: 780px !important;
}

body[data-page-channel="collections"].home-page .playlist-branch-section #collectionsGrid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-auto-flow: row !important;
  grid-template-rows: repeat(2, minmax(176px, auto)) !important;
  gap: 14px !important;
  overflow: visible !important;
  mask-image: none !important;
}

body[data-page-channel="collections"].home-page .playlist-branch-section .home-playlist-card {
  min-height: 176px !important;
  display: grid !important;
  grid-template-columns: 132px minmax(0, 1fr) !important;
  border-radius: 15px !important;
  border-color: rgba(111, 216, 255, .15) !important;
  background: linear-gradient(135deg, rgba(9, 28, 49, .74), rgba(4, 14, 28, .96)) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .035) !important;
  transform: none !important;
}

body[data-page-channel="collections"].home-page .playlist-branch-section .home-playlist-card:hover,
body[data-page-channel="collections"].home-page .playlist-branch-section .home-playlist-card:focus-visible {
  transform: none !important;
  border-color: rgba(111, 216, 255, .36) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .24), 0 0 0 1px rgba(111, 216, 255, .06) !important;
}

body[data-page-channel="collections"].home-page .playlist-branch-section .home-playlist-cover {
  min-height: 176px !important;
  border-radius: 15px 0 0 15px !important;
}

body[data-page-channel="collections"].home-page .playlist-branch-section .home-playlist-cover img {
  opacity: .66 !important;
  filter: saturate(.9) brightness(.72) contrast(1.04) !important;
}

body[data-page-channel="collections"].home-page .playlist-branch-section .home-playlist-info {
  min-height: 176px !important;
  padding: 15px !important;
}

body[data-page-channel="collections"].home-page .playlist-branch-section .home-playlist-kicker,
body[data-page-channel="collections"].home-page .playlist-branch-section .home-playlist-footer span {
  font-size: 11px !important;
}

body[data-page-channel="collections"].home-page .playlist-branch-section .home-playlist-title {
  font-size: 18px !important;
  line-height: 1.24 !important;
}

body[data-page-channel="collections"].home-page .playlist-branch-section .home-playlist-summary {
  margin-top: 7px !important;
  font-size: 12.5px !important;
  line-height: 1.55 !important;
  -webkit-line-clamp: 2 !important;
}

body[data-page-channel="collections"].home-page .playlist-branch-section .home-playlist-route {
  min-height: 28px !important;
  margin-top: 10px !important;
  padding: 5px 9px !important;
  font-size: 11px !important;
  color: rgba(202, 222, 238, .72) !important;
  background: rgba(111, 216, 255, .045) !important;
  border-color: rgba(111, 216, 255, .09) !important;
}

body[data-page-channel="collections"].home-page .playlist-branch-section .home-playlist-footer {
  padding-top: 10px !important;
  margin-top: auto !important;
}

@media (min-width: 1600px) {
  body[data-page-channel="collections"].home-page .playlist-branch-section #collectionsGrid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1180px) {
  body[data-page-channel="collections"].home-page .playlist-branch-section #collectionsGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: none !important;
  }
}

@media (max-width: 767px) {
  .home-page #trustSection.signal-status-strip {
    margin-top: -8px !important;
  }

  .home-page #trustSection.signal-status-strip .signal-status-wrap {
    width: calc(100% - 28px) !important;
  }

  body[data-page-channel="collections"].home-page #collectionsSection.playlist-branch-section .home-section-header {
    grid-template-columns: 1fr !important;
    align-items: start !important;
  }

  body[data-page-channel="collections"].home-page .playlist-branch-section #collectionsGrid {
    grid-template-columns: 1fr !important;
  }
}

/* 20260604-home-alignment-grid: one desktop content rail for hero, handoff, and home sections. */
@media (min-width: 1180px) {
  .home-page {
    --home-content-rail: min(1480px, calc(100% - 320px));
  }

  .home-page .hero-inner,
  .home-page #moviesSection > .container,
  .home-page #latestSection > .container,
  .home-page #collectionsSection > .container,
  .home-page #curatedSection > .container,
  .home-page #recommendSection > .container {
    width: var(--home-content-rail) !important;
    max-width: var(--home-content-rail) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .home-page #trustSection.signal-status-strip .signal-status-wrap {
    width: var(--home-content-rail) !important;
    max-width: var(--home-content-rail) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .home-page #trustSection.signal-status-strip .resource-radar-title {
    max-width: 720px !important;
  }

  .home-page #trustSection.signal-status-strip .resource-radar-stats {
    justify-content: flex-end !important;
  }
}

@media (min-width: 1180px) and (max-width: 1500px) {
  .home-page {
    --home-content-rail: min(1240px, calc(100% - 176px));
  }
}

@media (max-width: 767px) {
  .home-page #trustSection.signal-status-strip .signal-status-wrap {
    width: calc(100% - 28px) !important;
  }
}

/* 20260605-playlist-action-final: keep the playlist CTA consistent in every channel state. */
.home-page .playlist-branch-section .home-playlist-info {
  position: relative !important;
  z-index: 1 !important;
}

.home-page .playlist-branch-section .home-playlist-footer,
body[data-page-channel="collections"].home-page .playlist-branch-section .home-playlist-footer {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: stretch !important;
  padding-top: 12px !important;
  border-top: 0 !important;
  margin-top: auto !important;
}

.home-page .playlist-branch-section .home-playlist-footer > span,
body[data-page-channel="collections"].home-page .playlist-branch-section .home-playlist-footer > span {
  display: none !important;
}

.home-page .playlist-branch-section .home-playlist-action,
body[data-page-channel="collections"].home-page .playlist-branch-section .home-playlist-action {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}

.home-page .playlist-branch-section .home-playlist-action i,
body[data-page-channel="collections"].home-page .playlist-branch-section .home-playlist-action i {
  display: none !important;
}

/* 20260605-playlist-menu-final: playlist channel is the complete menu, not a middle page. */
.home-page .playlist-branch-section .home-playlist-card {
  color: inherit !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

body[data-page-channel="collections"].home-page #collectionsSection.playlist-branch-section {
  padding-top: 52px !important;
}

/* 20260605-playlist-channel-header-remove: the playlist channel is the menu itself; remove the duplicate section banner. */
body[data-page-channel="collections"].home-page #collectionsSection.playlist-branch-section {
  padding-top: clamp(26px, 3vw, 46px) !important;
}

body[data-page-channel="collections"].home-page #collectionsSection.playlist-branch-section .home-section-header {
  display: none !important;
}

body[data-page-channel="collections"].home-page #collectionsSection.playlist-branch-section #collectionsGrid {
  margin-top: 0 !important;
}

body[data-page-channel="collections"].home-page #collectionsSection.playlist-branch-section .section-title {
  font-size: clamp(36px, 3.25vw, 54px) !important;
  letter-spacing: 0 !important;
}

body[data-page-channel="collections"].home-page #collectionsSection.playlist-branch-section .section-desc {
  max-width: 760px !important;
  color: rgba(191, 210, 230, .72) !important;
}

body[data-page-channel="collections"].home-page .playlist-branch-section #collectionsGrid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-template-rows: none !important;
  gap: 16px !important;
}

body[data-page-channel="collections"].home-page .playlist-branch-section .home-playlist-card {
  min-height: 168px !important;
  grid-template-columns: 124px minmax(0, 1fr) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}

body[data-page-channel="collections"].home-page .playlist-branch-section .home-playlist-cover {
  min-height: 168px !important;
  border-radius: 16px 0 0 16px !important;
}

body[data-page-channel="collections"].home-page .playlist-branch-section .home-playlist-info {
  min-height: 168px !important;
  padding: 15px 16px 14px !important;
}

body[data-page-channel="collections"].home-page .playlist-branch-section .home-playlist-title {
  font-size: 17px !important;
  line-height: 1.28 !important;
}

body[data-page-channel="collections"].home-page .playlist-branch-section .home-playlist-summary {
  margin-top: 7px !important;
  min-height: 39px !important;
  -webkit-line-clamp: 2 !important;
}

.home-page .playlist-branch-section .home-playlist-action,
body[data-page-channel="collections"].home-page .playlist-branch-section .home-playlist-action {
  min-height: 34px !important;
  border-radius: 11px !important;
  background: rgba(9, 35, 58, .54) !important;
}

@media (max-width: 1180px) {
  body[data-page-channel="collections"].home-page .playlist-branch-section #collectionsGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  body[data-page-channel="collections"].home-page .playlist-branch-section #collectionsGrid {
    grid-template-columns: 1fr !important;
  }

  body[data-page-channel="collections"].home-page .playlist-branch-section .home-playlist-card {
    grid-template-columns: 108px minmax(0, 1fr) !important;
    min-height: 152px !important;
  }

  body[data-page-channel="collections"].home-page .playlist-branch-section .home-playlist-cover,
  body[data-page-channel="collections"].home-page .playlist-branch-section .home-playlist-info {
    min-height: 152px !important;
  }
}

/* 20260605-card-badge-scale-down: keep card corner labels quiet so posters and titles stay primary. */
.home-page #movieGrid.featured-resource-rail .movie-rank-badge,
.home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-rank-badge {
  top: 8px !important;
  left: 8px !important;
  min-width: 26px !important;
  width: auto !important;
  height: 21px !important;
  padding: 0 6px !important;
  border-radius: 7px !important;
  font-size: 10.5px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  box-shadow: 0 5px 12px rgba(0, 0, 0, .16) !important;
}

.home-page .home-playlist-label,
.home-page .home-playlist-badge,
.home-page .latest-index-topline,
.home-page .latest-index-source,
.home-page .latest-update-status,
.home-page .curated-poster-badge {
  min-height: 20px !important;
  padding: 0 7px !important;
  border-radius: 999px !important;
  font-size: 10px !important;
  line-height: 20px !important;
  box-shadow: none !important;
}

.home-page .latest-index-arrow {
  width: 25px !important;
  height: 25px !important;
  font-size: 10px !important;
}

@media (max-width: 767px) {
  .home-page #movieGrid.featured-resource-rail .movie-rank-badge,
  .home-page #movieGrid.featured-resource-rail .movie-card-featured .movie-rank-badge {
    top: 7px !important;
    left: 7px !important;
    min-width: 24px !important;
    height: 20px !important;
    font-size: 10px !important;
  }
}

/* 20260605-playlist-card-consistency-pass: playlist channel uses the same card language as the homepage playlist module. */
body[data-page-channel="collections"].home-page .playlist-branch-section #collectionsGrid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-auto-flow: row !important;
  grid-template-rows: none !important;
  gap: 18px !important;
  align-items: stretch !important;
}

body[data-page-channel="collections"].home-page .playlist-branch-section .home-playlist-card {
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: 112px minmax(0, 1fr) !important;
  min-height: 274px !important;
  border-radius: 18px !important;
  border-color: rgba(114, 217, 255, .14) !important;
  background: linear-gradient(180deg, rgba(8, 28, 47, .66), rgba(4, 13, 25, .98)) !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .028) !important;
}

body[data-page-channel="collections"].home-page .playlist-branch-section .home-playlist-cover {
  width: 100% !important;
  height: 112px !important;
  min-height: 112px !important;
  border-radius: 18px 18px 0 0 !important;
}

body[data-page-channel="collections"].home-page .playlist-branch-section .home-playlist-cover img {
  opacity: .34 !important;
  filter: blur(.8px) brightness(.56) saturate(.82) !important;
  transform: scale(1.055) !important;
}

body[data-page-channel="collections"].home-page .playlist-branch-section .home-playlist-info {
  min-height: 162px !important;
  padding: 15px 16px 14px !important;
}

body[data-page-channel="collections"].home-page .playlist-branch-section .home-playlist-kicker {
  font-size: 10.5px !important;
  color: rgba(109, 224, 255, .88) !important;
}

body[data-page-channel="collections"].home-page .playlist-branch-section .home-playlist-title {
  margin-top: 7px !important;
  font-size: 17px !important;
  line-height: 1.25 !important;
  -webkit-line-clamp: 1 !important;
}

body[data-page-channel="collections"].home-page .playlist-branch-section .home-playlist-summary {
  margin-top: 8px !important;
  min-height: 40px !important;
  font-size: 12.5px !important;
  line-height: 1.55 !important;
  -webkit-line-clamp: 2 !important;
}

body[data-page-channel="collections"].home-page .playlist-branch-section .home-playlist-action {
  min-height: 34px !important;
  border-radius: 12px !important;
}

@media (max-width: 1180px) {
  body[data-page-channel="collections"].home-page .playlist-branch-section #collectionsGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  body[data-page-channel="collections"].home-page .playlist-branch-section #collectionsGrid {
    grid-template-columns: 1fr !important;
  }

  body[data-page-channel="collections"].home-page .playlist-branch-section .home-playlist-card {
    min-height: 256px !important;
    grid-template-rows: 100px minmax(0, 1fr) !important;
  }

  body[data-page-channel="collections"].home-page .playlist-branch-section .home-playlist-cover {
    height: 100px !important;
    min-height: 100px !important;
  }
}

/* 20260605-community-modal-final-redesign: compact QR dialog, not a scroll page. */
.home-page .community-modal {
  padding: 24px !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(0, 5, 12, .74) !important;
  backdrop-filter: blur(18px) saturate(118%) !important;
}

.home-page .community-modal-shell {
  position: relative !important;
  width: min(900px, calc(100vw - 64px)) !important;
  max-height: min(560px, calc(100dvh - 64px)) !important;
  overflow: hidden !important;
  padding: 0 !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 12% 12%, rgba(114, 217, 255, .16), transparent 28%),
    linear-gradient(135deg, rgba(10, 26, 47, .98), rgba(5, 13, 25, .98)) !important;
  border: 1px solid rgba(114, 217, 255, .18) !important;
  box-shadow: 0 28px 88px rgba(0, 0, 0, .52), inset 0 1px 0 rgba(255, 255, 255, .045) !important;
}

.home-page .community-modal-shell::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .035), transparent 38%, rgba(114, 217, 255, .035)),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, .018) 0 1px, transparent 1px 7px) !important;
  opacity: .62 !important;
}

.home-page .community-modal-close {
  position: absolute !important;
  top: 18px !important;
  right: 18px !important;
  z-index: 5 !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 13px !important;
  border: 1px solid rgba(147, 191, 220, .18) !important;
  background: rgba(7, 20, 36, .78) !important;
  color: rgba(234, 247, 255, .92) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .055) !important;
}

.home-page .community-modal-layout {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: minmax(250px, .78fr) minmax(0, 1.22fr) !important;
  grid-template-areas:
    "intro qrs"
    "note note" !important;
  gap: 18px 20px !important;
  padding: 30px !important;
}

.home-page .community-modal-intro {
  grid-area: intro !important;
  min-width: 0 !important;
  padding-right: 2px !important;
}

.home-page .community-modal-kicker {
  margin: 0 0 12px !important;
  color: #72d9ff !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.home-page .community-modal-intro h3 {
  max-width: 360px !important;
  margin: 0 !important;
  color: #f2f8ff !important;
  font-size: clamp(25px, 2.1vw, 32px) !important;
  line-height: 1.16 !important;
  letter-spacing: 0 !important;
}

.home-page .community-modal-copy {
  max-width: 360px !important;
  margin: 12px 0 0 !important;
  color: rgba(194, 211, 230, .76) !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
}

.home-page .community-benefit-list {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  margin-top: 18px !important;
}

.home-page .community-benefit-list span {
  min-height: 36px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 12px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(114, 217, 255, .11) !important;
  background: rgba(255, 255, 255, .032) !important;
  color: rgba(226, 240, 252, .86) !important;
  font-size: 12.5px !important;
  font-weight: 760 !important;
}

.home-page .community-benefit-list i {
  width: 16px !important;
  color: #72d9ff !important;
  text-align: center !important;
}

.home-page .community-qr-panel {
  grid-area: qrs !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
}

.home-page .community-qr-card {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 14px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(114, 217, 255, .13) !important;
  background: linear-gradient(180deg, rgba(13, 31, 55, .66), rgba(7, 18, 34, .56)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

.home-page .community-qr-card-primary {
  border-color: rgba(114, 217, 255, .27) !important;
}

.home-page .community-qr-head {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 9px !important;
  margin: 0 0 12px !important;
}

.home-page .community-qr-head i {
  width: 34px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 12px !important;
  background: rgba(114, 217, 255, .10) !important;
  color: #72d9ff !important;
}

.home-page .community-qr-head strong {
  display: block !important;
  color: #f0f7ff !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
}

.home-page .community-qr-head small {
  display: block !important;
  margin-top: 2px !important;
  color: rgba(184, 201, 220, .68) !important;
  font-size: 11.5px !important;
  line-height: 1.2 !important;
}

.home-page .community-qr-head span {
  padding: 3px 8px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(114, 217, 255, .16) !important;
  background: rgba(114, 217, 255, .08) !important;
  color: rgba(143, 235, 255, .9) !important;
  font-size: 10.5px !important;
  font-weight: 820 !important;
}

.home-page .community-qr-frame {
  width: 146px !important;
  max-width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  margin: 0 auto !important;
  padding: 9px !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, #f8fbff, #e9f1f8) !important;
  border: 1px solid rgba(255, 255, 255, .42) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .24) !important;
}

.home-page .community-qr-img {
  display: block !important;
  width: 128px !important;
  height: 128px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  object-fit: contain !important;
}

.home-page .community-qr-card p {
  margin: 12px 0 0 !important;
  color: rgba(193, 210, 229, .72) !important;
  font-size: 11.5px !important;
  line-height: 1.5 !important;
  text-align: center !important;
}

.home-page .community-modal-note {
  grid-area: note !important;
  margin: 0 !important;
  min-height: 42px !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  padding: 10px 12px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(114, 217, 255, .10) !important;
  background: rgba(114, 217, 255, .045) !important;
  color: rgba(199, 216, 233, .76) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

.home-page .community-modal-note i {
  color: #72d9ff !important;
}

@media (max-width: 767px) {
  .home-page .community-modal {
    padding: 12px !important;
  }

  .home-page .community-modal-shell {
    width: min(100%, calc(100vw - 24px)) !important;
    max-height: calc(100dvh - 24px) !important;
    overflow-y: auto !important;
    border-radius: 20px !important;
  }

  .home-page .community-modal-close {
    top: 12px !important;
    right: 12px !important;
    width: 36px !important;
    height: 36px !important;
  }

  .home-page .community-modal-layout {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "intro"
      "qrs"
      "note" !important;
    gap: 13px !important;
    padding: 16px !important;
  }

  .home-page .community-modal-intro h3 {
    max-width: calc(100% - 46px) !important;
    font-size: 22px !important;
  }

  .home-page .community-benefit-list {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
    margin-top: 12px !important;
  }

  .home-page .community-benefit-list span {
    min-height: 32px !important;
    justify-content: center !important;
    padding: 0 6px !important;
    font-size: 11px !important;
    white-space: nowrap !important;
  }

  .home-page .community-qr-panel {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .home-page .community-qr-card {
    padding: 10px !important;
    border-radius: 15px !important;
  }

  .home-page .community-qr-head {
    grid-template-columns: 28px minmax(0, 1fr) !important;
    gap: 8px !important;
    margin-bottom: 9px !important;
  }

  .home-page .community-qr-head i {
    width: 28px !important;
    height: 28px !important;
    border-radius: 10px !important;
  }

  .home-page .community-qr-head span,
  .home-page .community-qr-card p {
    display: none !important;
  }

  .home-page .community-qr-frame {
    width: 106px !important;
    padding: 7px !important;
    border-radius: 16px !important;
  }

  .home-page .community-qr-img {
    width: 92px !important;
    height: 92px !important;
  }
}

@media (max-width: 390px) {
  .home-page .community-benefit-list,
  .home-page .community-qr-panel {
    grid-template-columns: 1fr !important;
  }

  .home-page .community-benefit-list span {
    justify-content: flex-start !important;
  }
}

/* 20260605-community-entry-trigger-redesign: turn the community trigger into a clear maintenance entry, not a plain secondary chip. */
.home-page #trustSection.signal-status-strip .resource-radar-actions {
  display: grid !important;
  grid-template-columns: 126px 150px !important;
  align-items: center !important;
  justify-content: end !important;
  gap: 9px !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-btn {
  position: relative !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 40px !important;
  padding: 5px 10px 5px 6px !important;
  display: inline-grid !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(var(--action-rgb), .18) !important;
  background:
    linear-gradient(180deg, rgba(var(--action-rgb), .075), rgba(8, 22, 38, .54)) !important;
  color: rgba(232, 243, 253, .86) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
  transform: none !important;
}

.home-page #trustSection.signal-status-strip .resource-action-community {
  --action-rgb: 126, 213, 241 !important;
  --action-accent: #7ed5f1 !important;
  border-color: rgba(126, 213, 241, .24) !important;
  background:
    linear-gradient(180deg, rgba(126, 213, 241, .10), rgba(8, 22, 38, .56)),
    radial-gradient(circle at 18% 20%, rgba(126, 213, 241, .16), transparent 58%) !important;
}

.home-page #trustSection.signal-status-strip .resource-action-community::after {
  content: "" !important;
  position: absolute !important;
  inset: 7px auto 7px 0 !important;
  width: 2px !important;
  border-radius: 99px !important;
  background: rgba(126, 213, 241, .72) !important;
  opacity: .62 !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-btn-icon {
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 28px !important;
  border-radius: 9px !important;
  background: rgba(var(--action-rgb), .10) !important;
  border: 1px solid rgba(var(--action-rgb), .18) !important;
  color: rgba(126, 224, 255, .88) !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-btn-icon i {
  font-size: 12px !important;
  color: currentColor !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-btn-copy {
  min-width: 0 !important;
  display: grid !important;
  gap: 1px !important;
  text-align: left !important;
  line-height: 1.08 !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-btn-label {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 11.5px !important;
  font-weight: 780 !important;
  color: rgba(240, 248, 255, .92) !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-btn-hint {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 9.5px !important;
  font-weight: 650 !important;
  color: rgba(176, 198, 218, .60) !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-btn:hover,
.home-page #trustSection.signal-status-strip .resource-radar-btn:focus-visible {
  transform: none !important;
  border-color: rgba(126, 213, 241, .36) !important;
  background:
    linear-gradient(180deg, rgba(var(--action-rgb), .12), rgba(10, 28, 48, .68)) !important;
  box-shadow: 0 0 0 1px rgba(126, 213, 241, .06), 0 10px 24px rgba(0, 0, 0, .16) !important;
}

@media (max-width: 767px) {
  .home-page #trustSection.signal-status-strip .resource-radar-actions {
    grid-template-columns: 1fr 1fr !important;
    width: 100% !important;
    gap: 8px !important;
  }

  .home-page #trustSection.signal-status-strip .resource-radar-btn {
    min-height: 38px !important;
  }
}

/* 20260606-community-entry-button-cleanup: simplify resource actions into quiet one-line pills. */
.home-page #trustSection.signal-status-strip .resource-radar-actions {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 10px !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-btn {
  width: auto !important;
  min-width: 126px !important;
  max-width: none !important;
  min-height: 40px !important;
  padding: 0 14px 0 7px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  border-radius: 999px !important;
  border-color: rgba(114, 217, 255, .18) !important;
  background: rgba(8, 22, 38, .54) !important;
  color: rgba(230, 242, 252, .86) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

.home-page #trustSection.signal-status-strip .resource-action-filter {
  --action-rgb: 114, 217, 255 !important;
  background:
    linear-gradient(180deg, rgba(114, 217, 255, .10), rgba(8, 22, 38, .56)) !important;
}

.home-page #trustSection.signal-status-strip .resource-action-community {
  --action-rgb: 158, 190, 214 !important;
  --action-accent: #9ebed6 !important;
  min-width: 122px !important;
  border-color: rgba(158, 190, 214, .18) !important;
  background: rgba(8, 22, 38, .46) !important;
}

.home-page #trustSection.signal-status-strip .resource-action-community::after {
  content: none !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-btn-icon {
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 28px !important;
  border-radius: 999px !important;
  background: rgba(var(--action-rgb), .10) !important;
  border-color: rgba(var(--action-rgb), .16) !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-btn-copy {
  display: block !important;
  min-width: 0 !important;
  line-height: 1 !important;
  text-align: left !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-btn-label {
  display: block !important;
  font-size: 12.5px !important;
  line-height: 1 !important;
  font-weight: 760 !important;
  color: rgba(236, 246, 255, .90) !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-btn-hint {
  display: none !important;
}

.home-page #trustSection.signal-status-strip .resource-radar-btn:hover,
.home-page #trustSection.signal-status-strip .resource-radar-btn:focus-visible {
  transform: none !important;
  border-color: rgba(114, 217, 255, .34) !important;
  background:
    linear-gradient(180deg, rgba(var(--action-rgb), .13), rgba(11, 30, 50, .64)) !important;
  box-shadow: 0 0 0 1px rgba(114, 217, 255, .055), 0 10px 22px rgba(0, 0, 0, .14) !important;
}

@media (max-width: 767px) {
  .home-page #trustSection.signal-status-strip .resource-radar-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    width: 100% !important;
    gap: 8px !important;
  }

  .home-page #trustSection.signal-status-strip .resource-radar-btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 38px !important;
  }
}