/* Custom properties */
:root {
  --color-brand: #F47521;
  --color-brand-hover: #ff8c3d;
  --color-bg-dark: #0b0b0b;
  --color-bg-card: #141414;
}

* { box-sizing: border-box; }

body {
  background-color: var(--color-bg-dark);
  color: white;
  font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  margin: 0;
}

.aspect-video-custom {
  aspect-ratio: 16 / 9;
}

.hero-gradient-r {
  background: linear-gradient(to right, #0b0b0b 0%, rgba(11, 11, 11, 0.4) 50%, transparent 100%);
}

.hero-gradient-t {
  background: linear-gradient(to top, #0b0b0b 0%, transparent 100%);
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}