/* Original entertainment photography, integrated into the purple identity. */
.hero-tv-visual{
  grid-column:1 / -1;
  min-width:0;
  margin:0;
  overflow:hidden;
  border:1px solid #c5a9f536;
  border-radius:20px;
  background:#160c26;
  box-shadow:0 12px 35px #00000018;
}
.hero-tv-visual>img{
  display:block;
  width:100%;
  height:auto;
  max-height:270px;
  aspect-ratio:16 / 10;
  object-fit:cover;
  object-position:var(--photo-position,center);
}
.hero-tv-visual figcaption{
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:17px 20px 18px;
  border-top:1px solid #ffffff10;
  background:linear-gradient(110deg,#29143e,#1b102b);
}
.hero-tv-visual figcaption small{
  color:#c5a9ec;
  font-size:9px;
  font-weight:600;
  letter-spacing:1.5px;
  line-height:1.6;
  text-transform:uppercase;
}
.hero-tv-visual figcaption strong{
  color:#f6efff;
  font-size:16px;
  font-weight:600;
  letter-spacing:-.2px;
  line-height:1.45;
}

.home-page #programme .category-card{
  overflow:hidden;
  padding:24px;
}
.home-page #programme .category-photo{
  display:block;
  flex:0 0 auto;
  width:calc(100% + 48px);
  max-width:none;
  height:180px;
  margin:-24px -24px 21px;
  object-fit:cover;
  object-position:var(--photo-position,center);
  border-bottom:1px solid #e8e0ef;
  background:#eee8f6;
}

@media(max-width:900px){
  .home-page #programme>.container>.grid.three{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .hero-panel .hero-tv-visual{grid-column:1 / -1}
  .hero-tv-visual>img{max-height:300px}
  .home-page #programme .category-photo{height:190px}
}
@media(max-width:640px){
  .home-page #programme>.container>.grid.three{
    grid-template-columns:minmax(0,1fr);
  }
  .hero-tv-visual{border-radius:16px}
  .hero-tv-visual>img{max-height:250px;aspect-ratio:16 / 10}
  .hero-tv-visual figcaption{padding:15px 17px 16px}
  .hero-tv-visual figcaption small{font-size:8px;letter-spacing:1.3px}
  .hero-tv-visual figcaption strong{font-size:15px}
  .home-page #programme .category-photo{
    height:auto;
    aspect-ratio:16 / 10;
    max-height:290px;
    margin-bottom:21px;
  }
}
@media(prefers-reduced-motion:reduce){
  .hero-tv-visual,.hero-tv-visual img,.category-photo{animation:none;transition:none}
}