/* ============================================================
   Homepage — page-specific overrides only.
   Loaded AFTER style.css AND landing.css (shared component classes
   live there: .section-block, .category-grid, .beyond-grid,
   .value-equation, .sport-types-grid, .device-row, .value-grid,
   .faq-list, hero-kicker/-cta-row/-trust, etc.).
   ============================================================ */

/* "Movies & Entertainment" spotlight — a photo + copy side-by-side,
   giving it more visual weight than the icon-only supporting sections. */
.spotlight-grid {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 40px;
  align-items: center;
  margin-top: 36px;
}
.spotlight-grid img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: var(--radius);
  border: 1px solid var(--card-border);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
}
.spotlight-copy h3 { font-size: 22px; }
.spotlight-copy p { font-size: 15px; }
@media (max-width: 800px) {
  .spotlight-grid { grid-template-columns: 1fr; }
  .spotlight-grid img { order: -1; max-width: 420px; margin: 0 auto; }
  .spotlight-copy { text-align: center; }
}