/*
 * Project CSS for unlimited8k.
 * Shared classes for website sections.
 */

/* Online support: keep original backgrounds and turn pale/white box borders gold. */
#u8k-online-support [class*="rounded-[34px]"],
#u8k-online-support #chatBox,
#u8k-online-support #chatBox > div:first-child,
#u8k-online-support aside,
#u8k-online-support [class*="border-white"],
#u8k-online-support #chatMessages [data-chat-empty="1"],
#u8k-online-support #chatReplyPreview,
#u8k-online-support #chatMessages ~ div {
  border-color: rgba(212, 175, 55, 0.42) !important;
}

#u8k-online-support #sendButton {
  background: #d4af37 !important;
  border-color: #d4af37 !important;
  color: #050505 !important;
}

#u8k-online-support #sendButton:hover {
  background: #f0cf69 !important;
}

/* Solid black header: remove transparency, blur, and tinted overlay. */
#u8k-site-header [data-u8k-header-shell] {
  background: #000 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

#u8k-site-header [data-u8k-header-shell] > .pointer-events-none.absolute.inset-0 {
  display: none !important;
}

/* Round the full Movies content-list hero container on every side. */
#u8k-content-list-hero > section {
  border: 1px solid rgba(212, 175, 55, 0.30) !important;
  border-radius: 34px !important;
  overflow: hidden !important;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.46) !important;
}

@media (max-width: 640px) {
  #u8k-content-list-hero > section {
    border-radius: 24px !important;
  }
}

/* Home catalog search results: rounded cards and media corners. */
#u8k-catalog-search [data-search-results] article {
  border-radius: 22px !important;
  overflow: hidden !important;
}

#u8k-catalog-search [data-search-results] article > div:first-child,
#u8k-catalog-search [data-search-results] article img {
  border-radius: 20px 20px 0 0 !important;
}

#u8k-catalog-search [data-search-results] article > div:last-child {
  border-radius: 0 0 20px 20px !important;
}

#u8k-catalog-search [data-search-results] article span.absolute {
  border-radius: 999px !important;
}

/* Compact gold Smart Cinema Wall hero. */
#u8k-content-list-hero {
  padding-top: 24px !important;
  padding-bottom: 20px !important;
}

#u8k-content-list-hero > section {
  max-width: 1220px !important;
  padding: 14px !important;
  border-radius: 30px !important;
  border-color: rgba(212, 175, 55, 0.38) !important;
  background: linear-gradient(135deg, #110d04, #050505 50%, #130e03) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.54) !important;
}

#u8k-content-list-hero > section > div {
  gap: 14px !important;
}

#u8k-content-list-hero [data-feature-link] {
  min-height: 520px !important;
  border-radius: 26px !important;
  border-color: rgba(212, 175, 55, 0.28) !important;
}

#u8k-content-list-hero [data-wall-slot],
#u8k-content-list-hero [data-wall-fallback] {
  min-height: 108px !important;
}

#u8k-content-list-hero [data-wall-slot] {
  border-radius: 18px !important;
  border-color: rgba(212, 175, 55, 0.22) !important;
}

#u8k-content-list-hero h1 {
  font-size: clamp(2.5rem, 4.8vw, 3.75rem) !important;
  line-height: 0.92 !important;
}

#u8k-content-list-hero [data-feature-title] {
  font-size: clamp(1.7rem, 3vw, 2.65rem) !important;
}

#u8k-content-list-hero [class*="text-[#2de8ba]"],
#u8k-content-list-hero [class*="text-[#8ef8df]"] {
  color: #d4af37 !important;
}

#u8k-content-list-hero [class*="bg-[#2de8ba]"] {
  background: #d4af37 !important;
}

#u8k-content-list-hero [class*="border-[#2de8ba]"] {
  border-color: rgba(212, 175, 55, 0.48) !important;
}

#u8k-content-list-hero h1 > span.block {
  background-image: linear-gradient(90deg, #f0cf69, #d4af37, #9b7414) !important;
}

#u8k-content-list-hero > div.pointer-events-none.absolute.inset-0 {
  background: radial-gradient(circle at 78% 14%, rgba(212, 175, 55, 0.12), transparent 28rem), radial-gradient(circle at 20% 80%, rgba(212, 175, 55, 0.08), transparent 24rem) !important;
}

@media (max-width: 1279px) {
  #u8k-content-list-hero > section {
    max-width: 1040px !important;
  }

  #u8k-content-list-hero [data-feature-link] {
    min-height: 440px !important;
  }
}

@media (max-width: 640px) {
  #u8k-content-list-hero {
    padding-top: 18px !important;
  }

  #u8k-content-list-hero > section {
    padding: 10px !important;
    border-radius: 22px !important;
  }

  #u8k-content-list-hero [data-feature-link] {
    min-height: 410px !important;
    border-radius: 20px !important;
  }

  #u8k-content-list-hero [data-wall-slot],
  #u8k-content-list-hero [data-wall-fallback] {
    min-height: 96px !important;
  }
}

/* Final compact desktop composition: one short featured poster and one mini-poster row. */
@media (min-width: 1024px) {
  #u8k-content-list-hero {
    padding-top: 16px !important;
    padding-bottom: 14px !important;
  }

  #u8k-content-list-hero > section {
    max-width: 980px !important;
    padding: 10px !important;
    border-radius: 26px !important;
  }

  #u8k-content-list-hero > section > div {
    display: grid !important;
    grid-template-columns: 300px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: stretch !important;
  }

  #u8k-content-list-hero [data-feature-link] {
    min-height: 390px !important;
    height: 390px !important;
    border-radius: 22px !important;
  }

  #u8k-content-list-hero [data-feature-link] > div:last-child {
    padding: 18px !important;
  }

  #u8k-content-list-hero [data-feature-title] {
    font-size: 1.55rem !important;
    line-height: 1 !important;
  }

  #u8k-content-list-hero [data-feature-title] + p {
    margin-top: 10px !important;
    font-size: 0.72rem !important;
    line-height: 1.25rem !important;
  }

  #u8k-content-list-hero [data-feature-title] ~ span {
    min-height: 38px !important;
    margin-top: 14px !important;
    padding: 0 16px !important;
  }

  #u8k-content-list-hero > section > div > div.flex.min-w-0.flex-col > div:first-child {
    padding: 18px !important;
    border-radius: 22px !important;
  }

  #u8k-content-list-hero h1 {
    margin-top: 8px !important;
    font-size: clamp(2rem, 3.2vw, 2.75rem) !important;
    line-height: 0.94 !important;
  }

  #u8k-content-list-hero h1 + p {
    margin-top: 12px !important;
    font-size: 0.78rem !important;
    line-height: 1.35rem !important;
  }

  #u8k-content-list-hero h1 + p + div {
    margin-top: 16px !important;
  }

  #u8k-content-list-hero h1 + p + div a {
    min-height: 38px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  #u8k-content-list-hero h1 + p + div > div {
    margin-left: auto !important;
  }

  #u8k-content-list-hero h1 + p + div strong {
    font-size: 2.1rem !important;
  }

  #u8k-content-list-hero div:has(> [data-wall-slot]) {
    margin-top: 12px !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  #u8k-content-list-hero [data-wall-slot] {
    min-height: 140px !important;
    height: 140px !important;
    border-radius: 16px !important;
  }

  #u8k-content-list-hero [data-wall-fallback] {
    min-height: 140px !important;
  }

  #u8k-content-list-hero [data-wall-slot]:nth-child(n+4) {
    display: none !important;
  }

  #u8k-content-list-hero div:has(> [data-wall-slot]) + div {
    display: none !important;
  }
}

/* Expanded six-card wall: more visible posters without returning to the oversized layout. */
@media (min-width: 1024px) {
  #u8k-content-list-hero > section {
    max-width: 1180px !important;
    padding: 12px !important;
  }

  #u8k-content-list-hero > section > div {
    grid-template-columns: 340px minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  #u8k-content-list-hero [data-feature-link] {
    min-height: 520px !important;
    height: 520px !important;
  }

  #u8k-content-list-hero > section > div > div.flex.min-w-0.flex-col > div:first-child {
    padding: 20px !important;
  }

  #u8k-content-list-hero div:has(> [data-wall-slot]) {
    margin-top: 12px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(2, 150px) !important;
    gap: 10px !important;
  }

  #u8k-content-list-hero [data-wall-slot],
  #u8k-content-list-hero [data-wall-fallback] {
    display: block !important;
    min-height: 150px !important;
    height: 150px !important;
  }

  #u8k-content-list-hero [data-wall-slot]:nth-child(n+4) {
    display: block !important;
  }
}

/* Movie details: all three large outer frames stay black. */
#player > section > article,
#player > section > div.mt-5 > article {
  border-color: #050505 !important;
}

/* Keep the Photo 2 header fixed on mobile without covering page content. */
@media (max-width: 1023px) {
  #u8k-site-header {
    position: fixed !important;
    inset: 0 0 auto 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
  }

  body:has(#u8k-site-header) {
    padding-top: 86px !important;
  }
}

/* Movies categories: cinematic pass cards with soft motion. */
#u8k-movies-page #player > section {
  counter-reset: u8k-movie-category;
}

#u8k-movies-page #player > section > div.mt-6.grid {
  gap: 18px !important;
  perspective: 1200px;
}

#u8k-movies-page #player > section > div.mt-6.grid > a {
  counter-increment: u8k-movie-category;
  isolation: isolate;
  display: flex !important;
  min-height: 230px !important;
  flex-direction: column !important;
  padding: 22px !important;
  overflow: hidden !important;
  border: 1px solid rgba(212, 175, 55, 0.20) !important;
  border-radius: 32px 12px 32px 12px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.045), transparent 34%),
    radial-gradient(circle at 100% 100%, rgba(212,175,55,0.15), transparent 42%),
    linear-gradient(135deg, #0d0d0c 0%, #080807 58%, #171005 100%) !important;
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255,255,255,0.035) !important;
  transform: translateY(18px) scale(0.985);
  opacity: 0;
  animation: u8k-category-pass-in 560ms cubic-bezier(.2,.8,.2,1) forwards;
  transition: transform 420ms cubic-bezier(.2,.8,.2,1), border-color 320ms ease, box-shadow 420ms ease, background 420ms ease !important;
}

#u8k-movies-page #player > section > div.mt-6.grid > a:nth-child(even) {
  border-radius: 12px 32px 12px 32px !important;
}

#u8k-movies-page #player > section > div.mt-6.grid > a::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 190px;
  height: 190px;
  right: -92px;
  bottom: -108px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(240,207,105,0.28), rgba(212,175,55,0.08) 42%, transparent 70%);
  filter: blur(2px);
  transform: scale(.72);
  opacity: .55;
  transition: transform 650ms cubic-bezier(.2,.8,.2,1), opacity 450ms ease;
}

#u8k-movies-page #player > section > div.mt-6.grid > a::after {
  content: counter(u8k-movie-category, decimal-leading-zero);
  position: absolute;
  z-index: -1;
  right: 18px;
  top: 8px;
  font-size: 72px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: -.08em;
  color: rgba(212,175,55,0.045);
  transition: color 350ms ease, transform 450ms cubic-bezier(.2,.8,.2,1);
}

#u8k-movies-page #player > section > div.mt-6.grid > a:hover {
  transform: translateY(-8px) rotateX(1.2deg) !important;
  border-color: rgba(212, 175, 55, 0.62) !important;
  box-shadow: 0 32px 78px rgba(0, 0, 0, 0.48), 0 0 0 1px rgba(212,175,55,0.08), inset 0 1px 0 rgba(255,255,255,0.055) !important;
}

#u8k-movies-page #player > section > div.mt-6.grid > a:hover::before {
  transform: scale(1.28) translate(-14px, -10px);
  opacity: .95;
}

#u8k-movies-page #player > section > div.mt-6.grid > a:hover::after {
  color: rgba(212,175,55,0.10);
  transform: translate(-4px, 5px);
}

#u8k-movies-page #player > section > div.mt-6.grid > a > span:first-child {
  position: relative;
  z-index: 2;
  width: 56px !important;
  height: 56px !important;
  border-radius: 999px !important;
  border-color: rgba(212,175,55,0.42) !important;
  background: linear-gradient(145deg, rgba(212,175,55,0.18), rgba(212,175,55,0.04)) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.35), inset 0 0 0 5px rgba(0,0,0,.22);
  font-size: 11px !important;
  transition: transform 480ms cubic-bezier(.2,.8,.2,1), box-shadow 420ms ease, background 420ms ease;
}

#u8k-movies-page #player > section > div.mt-6.grid > a:hover > span:first-child {
  transform: translateY(-3px) rotate(-7deg) scale(1.06);
  background: linear-gradient(145deg, #f0cf69, #b88a16) !important;
  color: #050505 !important;
  box-shadow: 0 16px 34px rgba(212,175,55,.20), inset 0 0 0 5px rgba(0,0,0,.10);
}

#u8k-movies-page #player > section > div.mt-6.grid > a > div:nth-of-type(1) {
  position: relative;
  z-index: 2;
  margin-top: 30px !important;
}

#u8k-movies-page #player > section > div.mt-6.grid > a > div:nth-of-type(1) > p {
  letter-spacing: .20em !important;
  color: #d4af37 !important;
}

#u8k-movies-page #player > section > div.mt-6.grid > a > div:nth-of-type(1) > h3 {
  min-height: 52px !important;
  margin-top: 10px !important;
  font-size: 19px !important;
  line-height: 1.25 !important;
  letter-spacing: -.025em;
  transition: transform 360ms ease, color 300ms ease;
}

#u8k-movies-page #player > section > div.mt-6.grid > a:hover > div:nth-of-type(1) > h3 {
  transform: translateX(4px);
  color: #fff7d6 !important;
}

#u8k-movies-page #player > section > div.mt-6.grid > a > div:last-child {
  position: relative;
  z-index: 2;
  margin-top: auto !important;
  padding-top: 16px !important;
  border-top-color: rgba(212,175,55,0.14) !important;
}

#u8k-movies-page #player > section > div.mt-6.grid > a > div:last-child > span:first-child {
  font-size: 0 !important;
}

#u8k-movies-page #player > section > div.mt-6.grid > a > div:last-child > span:first-child::before {
  content: "Explore collection";
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .14em;
  color: #77736a;
}

#u8k-movies-page #player > section > div.mt-6.grid > a > div:last-child > span:last-child {
  width: 42px !important;
  height: 42px !important;
  border: 1px solid rgba(212,175,55,0.38);
  background: linear-gradient(145deg, #f0cf69, #c59419) !important;
  box-shadow: 0 10px 26px rgba(212,175,55,0.16);
  transition: transform 440ms cubic-bezier(.2,.8,.2,1), box-shadow 350ms ease, background 300ms ease !important;
}

#u8k-movies-page #player > section > div.mt-6.grid > a:hover > div:last-child > span:last-child {
  transform: translateX(5px) rotate(-8deg) scale(1.08);
  background: #f0cf69 !important;
  box-shadow: 0 14px 34px rgba(212,175,55,0.28);
}

#u8k-movies-page #player > section > div.mt-6.grid > a:nth-child(2) { animation-delay: 45ms; }
#u8k-movies-page #player > section > div.mt-6.grid > a:nth-child(3) { animation-delay: 90ms; }
#u8k-movies-page #player > section > div.mt-6.grid > a:nth-child(4) { animation-delay: 135ms; }
#u8k-movies-page #player > section > div.mt-6.grid > a:nth-child(5) { animation-delay: 180ms; }
#u8k-movies-page #player > section > div.mt-6.grid > a:nth-child(6) { animation-delay: 225ms; }
#u8k-movies-page #player > section > div.mt-6.grid > a:nth-child(7) { animation-delay: 270ms; }
#u8k-movies-page #player > section > div.mt-6.grid > a:nth-child(8) { animation-delay: 315ms; }
#u8k-movies-page #player > section > div.mt-6.grid > a:nth-child(9) { animation-delay: 360ms; }
#u8k-movies-page #player > section > div.mt-6.grid > a:nth-child(10) { animation-delay: 405ms; }
#u8k-movies-page #player > section > div.mt-6.grid > a:nth-child(11) { animation-delay: 450ms; }
#u8k-movies-page #player > section > div.mt-6.grid > a:nth-child(12) { animation-delay: 495ms; }
#u8k-movies-page #player > section > div.mt-6.grid > a:nth-child(13) { animation-delay: 540ms; }
#u8k-movies-page #player > section > div.mt-6.grid > a:nth-child(14) { animation-delay: 585ms; }
#u8k-movies-page #player > section > div.mt-6.grid > a:nth-child(15) { animation-delay: 630ms; }
#u8k-movies-page #player > section > div.mt-6.grid > a:nth-child(16) { animation-delay: 675ms; }

@keyframes u8k-category-pass-in {
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (max-width: 640px) {
  #u8k-movies-page #player > section > div.mt-6.grid > a {
    min-height: 205px !important;
    padding: 18px !important;
    border-radius: 26px 10px 26px 10px !important;
  }

  #u8k-movies-page #player > section > div.mt-6.grid > a:nth-child(even) {
    border-radius: 10px 26px 10px 26px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #u8k-movies-page #player > section > div.mt-6.grid > a,
  #u8k-movies-page #player > section > div.mt-6.grid > a * {
    animation: none !important;
    transition: none !important;
  }

  #u8k-movies-page #player > section > div.mt-6.grid > a {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* Series categories: exact compact copy of the base Movies category cards. */
#u8k-series-page #player > section > div.mt-6.grid {
  gap: 12px !important;
  perspective: none !important;
}

#u8k-series-page [data-series-category-card] {
  min-height: 160px !important;
  padding: 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.045), #0c0c0b 52%, #1d1505 100%) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.25) !important;
  transform: none !important;
  opacity: 1 !important;
  animation: none !important;
  transition: transform 300ms ease, border-color 300ms ease, box-shadow 300ms ease !important;
}

#u8k-series-page [data-series-category-card]:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(212, 175, 55, 0.55) !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.30) !important;
}

#u8k-series-page [data-series-category-card] > span.pointer-events-none {
  display: none !important;
}

#u8k-series-page [data-series-category-card] > span.relative.z-10 {
  width: 40px !important;
  height: 40px !important;
  border-radius: 8px !important;
  border-color: rgba(212, 175, 55, 0.30) !important;
  background: rgba(212, 175, 55, 0.10) !important;
  box-shadow: none !important;
  color: #f0cf69 !important;
  font-size: 10px !important;
  transform: none !important;
}

#u8k-series-page [data-series-category-card]:hover > span.relative.z-10 {
  transform: none !important;
  background: rgba(212, 175, 55, 0.10) !important;
  color: #f0cf69 !important;
  box-shadow: none !important;
}

#u8k-series-page [data-series-category-card] > div:nth-of-type(1) {
  margin-top: 16px !important;
}

#u8k-series-page [data-series-category-card] > div:nth-of-type(1) > p {
  letter-spacing: 0.16em !important;
}

#u8k-series-page [data-series-category-card] > div:nth-of-type(1) > h3 {
  min-height: 40px !important;
  margin-top: 8px !important;
  font-size: 16px !important;
  line-height: 20px !important;
  letter-spacing: normal !important;
  transform: none !important;
}

#u8k-series-page [data-series-category-card]:hover > div:nth-of-type(1) > h3 {
  transform: none !important;
  color: #fff !important;
}

#u8k-series-page [data-series-category-card] > div:last-child {
  margin-top: 16px !important;
  padding-top: 12px !important;
  border-top-color: rgba(255, 255, 255, 0.07) !important;
  font-size: 9px !important;
  letter-spacing: 0.09em !important;
  color: #71717a !important;
}

#u8k-series-page [data-series-category-card] > div:last-child > span:last-child {
  width: 32px !important;
  height: 32px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #d4af37 !important;
  box-shadow: none !important;
  transform: none !important;
}

#u8k-series-page [data-series-category-card]:hover > div:last-child > span:last-child {
  transform: translateX(4px) !important;
  background: #d4af37 !important;
  box-shadow: none !important;
}

@media (max-width: 640px) {
  #u8k-series-page [data-series-category-card] {
    min-height: 160px !important;
    padding: 16px !important;
    border-radius: 18px !important;
  }
}

/* 8K Content Hub */
#u8k-content-hub{--gold:#d4af37;--light:#f0cf69;position:relative;isolation:isolate;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 88% 8%,rgba(212,175,55,.12),transparent 28rem),linear-gradient(145deg,#080808,#030303 55%,#0d0a04);color:#fff}
#u8k-content-hub *{box-sizing:border-box}
#u8k-content-hub:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.1;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:78px 78px}
#u8k-content-hub:after{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
#u8k-content-hub .u8k-feed{display:none!important}
#u8k-content-hub .u8k-hub-shell{width:min(1320px,calc(100% - 40px));margin:auto;padding:72px 0 88px}
#u8k-content-hub .u8k-hub-crumb{display:flex;gap:9px;color:#666;font-size:9px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
#u8k-content-hub .u8k-hub-crumb a{color:inherit;text-decoration:none}
#u8k-content-hub .u8k-hub-crumb a:hover{color:var(--gold)}
#u8k-content-hub .u8k-hub-hero{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:48px;align-items:end;padding:54px 0 40px}
#u8k-content-hub .u8k-hub-kicker,#u8k-content-hub .u8k-hub-panel-head p,#u8k-content-hub .u8k-hub-seo>div>p,#u8k-content-hub .u8k-hub-cta p{margin:0;color:var(--gold);font-size:8px;font-weight:900;letter-spacing:.22em;text-transform:uppercase}
#u8k-content-hub .u8k-hub-kicker:before{content:"";display:inline-block;width:45px;height:1px;margin:0 12px 3px 0;background:linear-gradient(90deg,var(--gold),transparent)}
#u8k-content-hub h1{max-width:850px;margin:22px 0 0;font-size:clamp(50px,7.2vw,104px);font-weight:900;line-height:.84;letter-spacing:-.065em;text-transform:uppercase}
#u8k-content-hub .u8k-hub-intro{max-width:760px;margin:26px 0 0;color:#a1a1aa;font-size:16px;line-height:1.85}
#u8k-content-hub .u8k-hub-overview{position:relative;overflow:hidden;border:1px solid rgba(212,175,55,.28);background:rgba(0,0,0,.58);padding:24px;box-shadow:0 28px 80px rgba(0,0,0,.42)}
#u8k-content-hub .u8k-hub-overview:after{content:"8K";position:absolute;right:-5px;bottom:-28px;color:rgba(212,175,55,.05);font-size:108px;font-weight:900}
#u8k-content-hub .u8k-hub-overview small,#u8k-content-hub .u8k-hub-overview strong,#u8k-content-hub .u8k-hub-overview p,#u8k-content-hub .u8k-hub-stats{position:relative;z-index:1}
#u8k-content-hub .u8k-hub-overview small{color:#666;font-size:8px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
#u8k-content-hub .u8k-hub-overview strong{display:block;margin-top:10px;font-size:28px}
#u8k-content-hub .u8k-hub-overview p{margin:10px 0 0;color:#777;font-size:12px}
#u8k-content-hub .u8k-hub-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:20px;background:#222}
#u8k-content-hub .u8k-hub-stats span{background:#090909;padding:12px 5px;color:#666;font-size:7px;font-weight:900;text-align:center;text-transform:uppercase}
#u8k-content-hub .u8k-hub-stats b{display:block;margin-bottom:4px;color:var(--light);font-size:19px}
#u8k-content-hub .u8k-hub-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid #222;background:#222;padding:1px}
#u8k-content-hub .u8k-hub-tabs button{min-height:68px;border:0;background:#090909;color:#777;cursor:pointer;font:inherit;font-size:11px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;transition:.25s}
#u8k-content-hub .u8k-hub-tabs button span{margin-right:10px;color:#555;font-size:8px}
#u8k-content-hub .u8k-hub-tabs button:hover{color:var(--light);background:#100d07}
#u8k-content-hub .u8k-hub-tabs button[aria-selected="true"]{background:linear-gradient(135deg,var(--gold),var(--light));color:#050505}
#u8k-content-hub .u8k-hub-tabs button[aria-selected="true"] span{color:#6b570f}
#u8k-content-hub .u8k-hub-panel{margin-top:18px;border:1px solid #202020;background:rgba(7,7,7,.86);padding:26px}
#u8k-content-hub .u8k-hub-panel-head{display:flex;align-items:end;justify-content:space-between;gap:24px;border-bottom:1px solid #202020;padding-bottom:22px}
#u8k-content-hub .u8k-hub-panel-head h2{margin:8px 0 0;font-size:clamp(28px,3.3vw,46px);line-height:.96;letter-spacing:-.04em}
#u8k-content-hub .u8k-hub-panel-head span{display:block;max-width:700px;margin-top:10px;color:#777;font-size:13px;line-height:1.7}
#u8k-content-hub .u8k-hub-panel-head>a{display:inline-flex;min-height:42px;align-items:center;border:1px solid rgba(212,175,55,.3);padding:0 17px;color:var(--light);text-decoration:none;font-size:8px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
#u8k-content-hub .u8k-hub-panel-head>a:hover{background:var(--gold);color:#050505}
#u8k-content-hub .u8k-hub-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-top:22px}
#u8k-content-hub .u8k-hub-card{overflow:hidden;border:1px solid #202020;background:#0b0b0b;color:#fff;text-decoration:none;transition:.3s}
#u8k-content-hub .u8k-hub-card:hover{transform:translateY(-6px);border-color:rgba(212,175,55,.58);box-shadow:0 24px 55px rgba(0,0,0,.45)}
#u8k-content-hub .u8k-hub-media{position:relative;aspect-ratio:2/3;overflow:hidden;background:linear-gradient(145deg,#211806,#080808)}
#u8k-content-hub .u8k-hub-card[data-kind="channels"] .u8k-hub-media{aspect-ratio:1;background:#0d0d0d}
#u8k-content-hub .u8k-hub-media img{width:100%;height:100%;object-fit:cover;transition:.5s}
#u8k-content-hub .u8k-hub-card[data-kind="channels"] img{object-fit:contain;padding:17px}
#u8k-content-hub .u8k-hub-card:hover img{transform:scale(1.05)}
#u8k-content-hub .u8k-hub-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.92),transparent 58%)}
#u8k-content-hub .u8k-hub-number,#u8k-content-hub .u8k-hub-type{position:absolute;top:11px;font-size:7px;font-weight:900}
#u8k-content-hub .u8k-hub-number{left:11px;display:grid;width:30px;height:30px;place-items:center;background:var(--gold);color:#050505}
#u8k-content-hub .u8k-hub-type{right:11px;border:1px solid rgba(212,175,55,.3);background:rgba(0,0,0,.72);padding:7px 9px;color:var(--light);letter-spacing:.12em;text-transform:uppercase}
#u8k-content-hub .u8k-hub-card-copy{padding:14px}
#u8k-content-hub .u8k-hub-card-copy p{margin:0;color:var(--gold);font-size:7px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
#u8k-content-hub .u8k-hub-card-copy h3{display:-webkit-box;min-height:42px;margin:7px 0 0;overflow:hidden;font-size:14px;line-height:1.5;-webkit-line-clamp:2;-webkit-box-orient:vertical}
#u8k-content-hub .u8k-hub-card-copy span{display:flex;justify-content:space-between;margin-top:12px;border-top:1px solid #202020;padding-top:11px;color:#666;font-size:7px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
#u8k-content-hub .u8k-hub-card-copy b{color:var(--gold);font-size:14px}
#u8k-content-hub .u8k-hub-fallback{display:grid;width:100%;height:100%;place-items:center;color:var(--light);font-size:30px;font-weight:900}
#u8k-content-hub .u8k-hub-empty{grid-column:1/-1;border:1px dashed rgba(212,175,55,.3);padding:55px 20px;text-align:center}
#u8k-content-hub .u8k-hub-empty strong{font-size:24px}
#u8k-content-hub .u8k-hub-empty p{max-width:600px;margin:12px auto;color:#777;line-height:1.7}
#u8k-content-hub .u8k-hub-empty a{display:inline-flex;min-height:42px;align-items:center;margin-top:10px;background:var(--gold);padding:0 18px;color:#050505;text-decoration:none;font-size:8px;font-weight:900;text-transform:uppercase}
#u8k-content-hub .u8k-hub-seo{display:grid;grid-template-columns:330px 1fr;gap:40px;padding-top:80px}
#u8k-content-hub .u8k-hub-seo h2{margin:12px 0 0;font-size:40px;line-height:.98;letter-spacing:-.04em}
#u8k-content-hub .u8k-hub-seo>div>span{display:block;margin-top:16px;color:#777;font-size:13px;line-height:1.8}
#u8k-content-hub .u8k-hub-seo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#222}
#u8k-content-hub .u8k-hub-seo-grid article{background:#090909;padding:25px}
#u8k-content-hub .u8k-hub-seo-grid b,#u8k-content-hub .u8k-hub-seo-grid a{color:var(--gold);font-size:8px;font-weight:900;text-decoration:none;text-transform:uppercase}
#u8k-content-hub .u8k-hub-seo-grid h3{margin:20px 0 0;font-size:19px}
#u8k-content-hub .u8k-hub-seo-grid p{margin:11px 0 0;color:#777;font-size:12px;line-height:1.75}
#u8k-content-hub .u8k-hub-seo-grid a{display:inline-flex;margin-top:18px}
#u8k-content-hub .u8k-hub-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:70px;border:1px solid rgba(212,175,55,.3);background:linear-gradient(135deg,rgba(212,175,55,.13),rgba(0,0,0,.55));padding:30px}
#u8k-content-hub .u8k-hub-cta h2{max-width:720px;margin:8px 0 0;font-size:26px}
#u8k-content-hub .u8k-hub-cta>a{display:inline-flex;min-height:48px;flex:none;align-items:center;background:var(--gold);padding:0 22px;color:#050505;text-decoration:none;font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
@media(max-width:1100px){#u8k-content-hub .u8k-hub-grid{grid-template-columns:repeat(4,1fr)}#u8k-content-hub .u8k-hub-seo{grid-template-columns:1fr}}
@media(max-width:820px){#u8k-content-hub .u8k-hub-shell{width:calc(100% - 28px);padding-top:46px}#u8k-content-hub .u8k-hub-hero{grid-template-columns:1fr;gap:26px;padding-top:40px}#u8k-content-hub .u8k-hub-overview{max-width:460px}#u8k-content-hub .u8k-hub-grid{grid-template-columns:repeat(3,1fr)}#u8k-content-hub .u8k-hub-seo-grid{grid-template-columns:1fr}#u8k-content-hub .u8k-hub-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){#u8k-content-hub .u8k-hub-shell{width:calc(100% - 20px);padding-bottom:60px}#u8k-content-hub h1{font-size:47px}#u8k-content-hub .u8k-hub-intro{font-size:14px}#u8k-content-hub .u8k-hub-tabs{grid-template-columns:1fr}#u8k-content-hub .u8k-hub-tabs button{min-height:54px}#u8k-content-hub .u8k-hub-panel{padding:15px}#u8k-content-hub .u8k-hub-panel-head{align-items:flex-start;flex-direction:column}#u8k-content-hub .u8k-hub-grid{grid-template-columns:repeat(2,1fr);gap:9px}#u8k-content-hub .u8k-hub-card-copy{padding:10px}#u8k-content-hub .u8k-hub-card-copy h3{font-size:12px}#u8k-content-hub .u8k-hub-seo{padding-top:58px}#u8k-content-hub .u8k-hub-seo h2{font-size:33px}#u8k-content-hub .u8k-hub-cta{margin-top:55px;padding:22px}#u8k-content-hub .u8k-hub-cta h2{font-size:21px}}