/* Homepage Watch Now */
.home-watch{
  padding:72px 0;
  background:#0b0d0b;
  color:#fff
}
.home-watch-head{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:24px;
  margin-bottom:24px
}
.home-watch-head h2{
  margin:5px 0 0;
  font:900 clamp(34px,5vw,58px)/.95 'Manrope',sans-serif;
  letter-spacing:-.045em
}
.home-watch-head p{
  max-width:650px;
  margin:8px 0 0;
  color:#9ba39b;
  line-height:1.6
}
.home-watch-head>a{
  flex:0 0 auto;
  color:#fff;
  font-weight:850;
  text-decoration:none
}
.home-watch-grid{
  display:grid;
  grid-template-columns:1.35fr repeat(2,minmax(0,.825fr));
  grid-auto-rows:minmax(210px,auto);
  gap:12px
}
.home-watch-card{
  position:relative;
  min-height:240px;
  overflow:hidden;
  border-radius:24px;
  background:#151915 center/cover no-repeat;
  border:1px solid rgba(255,255,255,.1);
  text-decoration:none;
  color:#fff
}
.home-watch-card:first-child{
  grid-row:span 2;
  min-height:492px
}
.home-watch-card:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(7,9,7,.03) 20%,rgba(7,9,7,.92) 100%)
}
.home-watch-card:after{
  content:"▶";
  position:absolute;
  top:17px;
  right:17px;
  width:42px;height:42px;
  display:grid;place-items:center;
  border-radius:50%;
  background:rgba(9,11,9,.76);
  border:1px solid rgba(255,255,255,.28);
  font-size:13px
}
.home-watch-copy{
  position:absolute;
  left:18px;right:18px;bottom:18px;
  z-index:1
}
.home-watch-copy small{
  display:block;
  color:#b8ff51;
  font-size:8px;
  font-weight:950;
  letter-spacing:.09em
}
.home-watch-copy h3{
  margin:7px 0 5px;
  font:850 20px/1.08 'Manrope',sans-serif
}
.home-watch-card:first-child .home-watch-copy h3{
  font-size:32px
}
.home-watch-copy p{
  margin:0;
  color:#c0c6c0;
  font-size:9px
}
.home-watch-artist{
  display:inline-flex;
  margin-top:10px;
  color:#ffac5f;
  font-size:9px;
  font-weight:900
}
.home-watch-loading{
  min-height:230px;
  display:grid;
  place-items:center;
  border:1px dashed rgba(255,255,255,.14);
  border-radius:22px;
  color:#798179
}
@media(max-width:900px){
  .home-watch-grid{grid-template-columns:1fr 1fr}
  .home-watch-card:first-child{grid-column:1/-1;grid-row:auto;min-height:380px}
}
@media(max-width:620px){
  .home-watch{padding:58px 0}
  .home-watch-head{align-items:flex-start;flex-direction:column}
  .home-watch-grid{grid-template-columns:1fr}
  .home-watch-card,.home-watch-card:first-child{grid-column:auto;min-height:270px}
}