/* Grids */
.tv-grid, .tv-grid-2, .tv-grid-3, .tv-grid-4 { display:grid; gap:16px; }
@media (min-width:768px){ .tv-grid-2{grid-template-columns:1fr 1fr;} }
@media (min-width:1025px){
  .tv-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));}
  .tv-grid-4{grid-template-columns:repeat(4,minmax(0,1fr));}
}

/* Spacing helpers */
.px-25{padding-left:25px;padding-right:25px;} .py-56{padding-top:56px;padding-bottom:56px;}
.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mb-16{margin-bottom:16px}

/* Dark gradients */
.bg-grad-1{
  background:
    radial-gradient(900px 420px at 10% -20%, color-mix(in srgb, var(--tv-primary) 80%, #000) 0%, transparent 60%),
    linear-gradient(160deg, var(--tv-secondary) 0%, var(--tv-primary) 60%, var(--tv-bg) 100%);
}
.bg-grad-2{
  background:
    radial-gradient(900px 430px at 85% -20%, color-mix(in srgb, var(--tv-primary) 80%, #000) 0%, transparent 60%),
    linear-gradient(160deg, var(--tv-secondary) 0%, var(--tv-primary) 60%, var(--tv-bg) 100%);
}