/* Future of TV Advertising (Xfinity) case study only */

/* Hero video: 800×482, 12px radius, 40px below the brief */
.tv-hero {
  width: 800px;
  max-width: 100%;
  height: 482px;
  margin: 40px 0 0;
  overflow: hidden;
  border-radius: 12px;
}
.tv-hero video { display: block; width: 100%; height: 100%; object-fit: cover; }

.tv-overview { align-items: flex-start; padding-top: 32px; }

/* Confidential note: dark card with the purple gradient border */
.tv-note {
  width: 100%;
  padding: 24px;
  border: 1px solid transparent;
  border-radius: 12px;
  background:
    linear-gradient(var(--surface-darkgrey), var(--surface-darkgrey)) padding-box,
    var(--border-purplegradient) border-box;
  text-align: center;
}

@media (max-width: 900px) {
  .tv-hero { height: auto; aspect-ratio: 800 / 482; }
}