/* Structural design 01 / stage */
.page-home .page-lead {
  padding-bottom:23px
}
.home-stage {
  display:grid;
  grid-template-columns:minmax(0,1fr) 310px;
  gap:22px
}
.home-stage .hero {
  height:auto;
  align-self:stretch
}
.home-stage .rank-panel {
  padding:25px
}
.home-stage .rank-row {
  padding:10px 0
}
@media(max-width:1000px) {
  .home-stage {
    grid-template-columns:1fr
  }
  .home-stage .rank-panel {
    display:none
  }
}
.watch-side .episode-grid {
  grid-template-columns:repeat(3,minmax(0,1fr))
}
.catalog-grid {
  grid-template-columns:repeat(6,minmax(0,1fr))
}
@media(max-width:1200px) {
  .catalog-grid {
    grid-template-columns:repeat(4,minmax(0,1fr))
  }
  .catalog-grid .card {
    display:block;
    padding-left:0
  }
  .catalog-grid .card:before {
    display:none
  }
  .catalog-grid h3 {
    font-size:15px
  }
  .catalog-grid .card-visual {
    aspect-ratio:2/3
  }
}
@media(max-width:1050px) {
  .detail-body {
    display:block
  }
  .detail-main {
    display:block
  }
  .detail-aside {
    display:none
  }
  .detail-hero {
    grid-template-columns:180px minmax(0,1fr);
    padding:25px
  }
  .detail-poster {
    grid-column:1;
    grid-row:1;
    width:180px
  }
  .detail-intro {
    grid-column:2;
    grid-row:1
  }
  .detail-intro h1 {
    font-size:38px
  }
  .watch-stage {
    padding:15px
  }
  .catalog-grid {
    grid-template-columns:repeat(4,minmax(0,1fr))
  }
}
@media(max-width:760px) {
  .catalog-grid {
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px 11px
  }
  .catalog-grid h3 {
    font-size:13px
  }
  .catalog-grid .card-summary {
    display:none
  }
  .detail-hero {
    grid-template-columns:100px minmax(0,1fr);
    padding:20px 0;
    gap:18px;
    border:0
  }
  .detail-poster {
    width:100px;
    border-radius:6px
  }
  .detail-intro h1 {
    font-size:25px
  }
  .detail-facts {
    grid-template-columns:1fr
  }
  .detail-main {
    display:block
  }
  .watch-stage {
    padding:0;
    border-radius:0;
    margin:0 -16px
  }
  .watch-side {
    padding:18px 16px
  }
  .watch-side .playlist {
    margin-top:0
  }
  .watch-side .episode-grid {
    grid-template-columns:repeat(auto-fill,minmax(76px,1fr))
  }
}