/* ══════════════════════════════════════════════════════════════════════
   HCVT — NOCTURNE EDITORIAL
   A replacement visual world for the DECK console: warm ink, bone type,
   one acid accent, Instrument Serif display, sharp print geometry.
   Load order: LAST (after hcvt-redesign.css) in widget.header.scripts.php.
   No @layer. body.deck prefix + !important where stock specificity wins.
   ══════════════════════════════════════════════════════════════════════ */

/* ─── 00 TOKENS ─────────────────────────────────────────────────────── */
body.deck{
  --nk:#0A0908;          /* warm ink */
  --nk-2:#100E0B;        /* raised ink */
  --nk-3:#16130F;        /* panel */
  --nk-4:#1E1A14;        /* panel hover */
  --nline:#272219;
  --nline-2:#3A3226;
  --npaper:#F3ECDF;      /* bone */
  --npaper-2:#DCD3C3;
  --nmuted:#A69C8C;
  --ndim:#6F6759;
  --nacid:#D3F26A;       /* single accent */
  --nacid-hi:#E2FF86;
  --nacid-ink:#0A0908;
  --nox:#B4442F;         /* live only */
  --nserif:"Instrument Serif","Iowan Old Style",Georgia,serif;
  --nsans:"Inter Tight","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --nmono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;
  --nmax:1400px;
  --npad:clamp(16px,3vw,40px);
  --nsec-gap:clamp(40px,5vw,64px);
  --nease:cubic-bezier(.22,.61,.36,1);
}

/* ─── 01 BASE ───────────────────────────────────────────────────────── */
body.deck{
  background:var(--nk)!important;
  color:var(--npaper)!important;
  font-family:var(--nsans)!important;
  font-size:15px!important;
  line-height:1.55!important;
  -webkit-font-smoothing:antialiased;
}
body.deck ::selection{background:var(--nacid);color:var(--nacid-ink)}
body.deck a{color:inherit}
body.deck img{background:var(--nk-3)}
body.deck :focus{outline:none}
body.deck :where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:2px solid var(--nacid)!important;outline-offset:3px!important;border-radius:0!important;box-shadow:none!important;
}

/* page shell -------------------------------------------------------- */
body.deck #wrapper,body.deck .wrapper,body.deck #main,body.deck .main,
body.deck .page-wrapper,body.deck .page-wrapper__inner,body.deck .page-main{
  background:transparent!important;
}
body.deck .wrapper{
  max-width:var(--nmax)!important;
  padding-left:var(--npad)!important;
  padding-right:var(--npad)!important;
}
body.deck .page-main{padding-top:0!important}

/* ─── 02 MASTHEAD ───────────────────────────────────────────────────── */
body.deck .header-sec{
  position:sticky;top:0;z-index:120;
  background:rgba(10,9,8,.94)!important;
  backdrop-filter:saturate(140%) blur(14px);
  -webkit-backdrop-filter:saturate(140%) blur(14px);
  border-bottom:1px solid var(--nline);
}
body.deck .top-bar{
  background:transparent!important;border:none!important;min-height:0!important;
}
body.deck .top-bar .row{
  min-height:66px!important;display:flex;align-items:center;gap:28px!important;
}
body.deck .top-bar .wrapper{padding-top:0!important;padding-bottom:0!important}

/* wordmark */
body.deck .logo,body.deck [class*="logo"] a,body.deck a[class*="logo"]{
  font-family:var(--nserif)!important;
  font-size:30px!important;line-height:1!important;font-weight:400!important;
  letter-spacing:-.015em!important;text-transform:none!important;
  color:var(--npaper)!important;white-space:nowrap;
}
body.deck .logo img{max-height:30px;width:auto}
body.deck [class*="logo"] .logo__slogan,body.deck [class*="logo"] small{display:none!important}

/* search — the primary affordance, so give it room */
body.deck .searchbox,body.deck .search{flex:1 1 auto;max-width:560px;margin-left:auto}
body.deck .search__form{
  height:40px!important;display:flex;align-items:center;
  background:var(--nk-2)!important;
  border:1px solid var(--nline-2)!important;border-radius:0!important;
  transition:border-color .18s var(--nease)
}
body.deck .search__form:focus-within{border-color:var(--nacid)!important;box-shadow:none!important}
body.deck .search__input-text{
  flex:1 1 auto;min-width:0;height:100%!important;background:transparent!important;
  border:none!important;border-radius:0!important;color:var(--npaper)!important;
  font-family:var(--nmono)!important;font-size:12px!important;letter-spacing:.04em;
  padding:0 14px!important;
}
body.deck .search__input-text::placeholder{color:var(--ndim)!important;text-transform:uppercase;letter-spacing:.1em}
body.deck .search__type{
  position:static!important;display:flex;align-items:center;height:100%!important;
  padding:0 10px!important;border-left:1px solid var(--nline)!important;background:transparent!important;
}
body.deck .search__type-selected{
  font-family:var(--nmono)!important;font-size:10px!important;letter-spacing:.12em!important;
  text-transform:uppercase;color:var(--nmuted)!important;
}
body.deck .search__submit{
  flex:0 0 auto;height:100%!important;width:46px!important;background:var(--nacid)!important;
  color:var(--nacid-ink)!important;border:none!important;border-radius:0!important;
  display:flex;align-items:center;justify-content:center;
}
body.deck .search__submit:hover{background:var(--nacid-hi)!important}
body.deck .search__submit .icon{filter:brightness(0)}
body.deck .search-list{
  background:var(--nk-3)!important;border:1px solid var(--nline-2)!important;border-radius:0!important;
  font-family:var(--nsans)!important;
}

/* account + join */
body.deck .ucp{display:flex;align-items:center;gap:6px;flex:0 0 auto}
body.deck .ucp a{
  font-family:var(--nmono)!important;font-size:10px!important;letter-spacing:.14em!important;
  text-transform:uppercase;color:var(--nmuted)!important;padding:9px 12px;background:none!important;
  border:none!important;
}
body.deck .ucp a:hover{color:var(--npaper)!important}
body.deck [class*="signup"] a,body.deck a[href*="signup"],body.deck .ucp a[href*="signup"]{
  background:var(--nacid)!important;color:var(--nacid-ink)!important;
  padding:10px 16px!important;font-weight:500!important;
}
body.deck [class*="signup"] a:hover{background:var(--nacid-hi)!important;color:var(--nacid-ink)!important}
/* kill stock demo chrome */
body.deck .ucp-list__li.-color-select,body.deck .ucp-list__li.-lang-select,
body.deck [class*="change-colors"],body.deck .language,[class*="lang-select"]{display:none!important}

/* nav row */
body.deck .nav-sec{
  background:transparent!important;border:none!important;border-top:1px solid var(--nline)!important;
}
body.deck .nav-sec .wrapper{padding-top:0!important;padding-bottom:0!important}
body.deck .main-nav-list{gap:0!important;display:flex;align-items:stretch}
body.deck .main-nav-list__link{
  height:44px!important;padding:0 18px 0 0!important;margin-right:18px;
  border-bottom:1px solid transparent!important;
  font-family:var(--nmono)!important;font-size:10.5px!important;letter-spacing:.16em!important;
  text-transform:uppercase;font-weight:400!important;color:var(--nmuted)!important;
  background:none!important;transition:color .16s var(--nease),border-color .16s var(--nease);
}
body.deck .main-nav-list__link:hover{color:var(--npaper)!important}
body.deck .main-nav-list__link.is-active{
  color:var(--npaper)!important;border-bottom-color:var(--nacid)!important;
}
body.deck .main-nav-list__icon{display:none!important}
body.deck .main-nav-list__icon.-expand{display:none!important}
body.deck .dropdown-list{
  background:var(--nk-3)!important;border:1px solid var(--nline-2)!important;border-radius:0!important;
  box-shadow:0 24px 48px rgba(0,0,0,.6)!important;padding:8px 0!important;min-width:190px;
}
body.deck .dropdown-list__link{
  font-family:var(--nsans)!important;font-size:13px!important;color:var(--nmuted)!important;
  padding:8px 18px!important;letter-spacing:0!important;text-transform:none!important;background:none!important;
}
body.deck .dropdown-list__link:hover{color:var(--npaper)!important;background:var(--nk-4)!important}
body.deck .navbar-trigger .btn{background:none!important;border:none!important}
body.deck .navbar-trigger .icon{filter:brightness(0) invert(.8)}

/* network strip is placeholder chrome with href="#" links — remove */
body.deck .network,body.deck [class*="network-list"]{display:none!important}

/* ─── 03 HERO ───────────────────────────────────────────────────────── */
/* DECK ships the hero as an absolutely-positioned image UNDER an overlay body
   (aspect-ratio 21/9, max-height 620px, overflow hidden). Nocturne is a split
   editorial stage: still on the left, type on the right, no scrim. Every
   property DECK sets is explicitly undone here — !important + one extra
   descendant in the selector so the cascade can't win back. */
body.deck div.mbx-spotlight{
  display:grid!important;grid-template-columns:minmax(0,1.62fr) minmax(0,1fr)!important;
  align-items:stretch!important;
  aspect-ratio:auto!important;max-height:none!important;overflow:visible!important;
  max-width:var(--nmax);margin:clamp(20px,3vw,36px) auto 0!important;
  padding:0 var(--npad);gap:0;background:transparent!important;border:none!important;border-radius:0!important;
  position:relative;
}
body.deck div.mbx-spotlight .mbx-spotlight__media{
  position:relative!important;inset:auto!important;z-index:auto!important;
  aspect-ratio:16/9!important;height:auto!important;overflow:hidden;background:var(--nk-3);
  border:1px solid var(--nline);border-right:none;
}
body.deck div.mbx-spotlight .mbx-spotlight__media img{
  position:absolute;inset:0;width:100%!important;height:100%!important;
  object-fit:cover!important;object-position:center 42%!important;
  max-width:none;filter:none!important;transition:transform 1.2s var(--nease);
}
body.deck .mbx-spotlight:hover .mbx-spotlight__media img{transform:scale(1.03)}
body.deck div.mbx-spotlight .mbx-spotlight__scrim{display:none!important}
body.deck div.mbx-spotlight .mbx-spotlight__body{
  position:relative!important;z-index:auto!important;height:auto!important;
  display:flex;flex-direction:column;justify-content:center;gap:18px;
  max-width:none!important;
  padding:clamp(22px,3vw,44px);
  background:var(--nk-3);border:1px solid var(--nline);
  min-width:0;
}
body.deck div.mbx-spotlight .mbx-spotlight__body::after{
  content:"01";position:absolute;right:18px;top:12px;
  font-family:var(--nmono);font-size:11px;letter-spacing:.2em;color:var(--ndim);
}
body.deck div.mbx-spotlight .mbx-spotlight__eyebrow{
  font-family:var(--nmono)!important;font-size:10px!important;letter-spacing:.22em!important;
  text-transform:uppercase;color:var(--nacid)!important;font-weight:400!important;
  display:flex;align-items:center;gap:8px;
}
body.deck div.mbx-spotlight .mbx-spotlight__eyebrow::before{
  content:""!important;width:6px;height:6px;background:var(--nacid);display:inline-block;
}
body.deck div.mbx-spotlight .mbx-spotlight__title{
  font-family:var(--nserif)!important;font-size:clamp(28px,3.1vw,46px)!important;
  line-height:1.02!important;font-weight:400!important;letter-spacing:-.015em!important;
  color:var(--npaper)!important;margin:0!important;text-transform:none!important;
  display:-webkit-box!important;-webkit-line-clamp:4!important;-webkit-box-orient:vertical!important;overflow:hidden;
}
body.deck div.mbx-spotlight .mbx-spotlight__meta{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;
  font-family:var(--nmono)!important;font-size:11px!important;letter-spacing:.06em;
  color:var(--nmuted)!important;text-transform:uppercase;
}
body.deck div.mbx-spotlight .mbx-spotlight__meta b{font-weight:400;color:var(--ndim);letter-spacing:.12em;margin-right:4px}
body.deck .mbx-spotlight__meta>span{display:inline-flex;align-items:center;gap:4px}
body.deck .mbx-spotlight__meta>span+span::before{
  content:"";width:1px;height:10px;background:var(--nline-2);margin-right:8px;
}
body.deck .mbx-spotlight__meta .mbx-chip{
  border:1px solid var(--nline-2);padding:3px 8px;color:var(--npaper)!important;
}
body.deck .mbx-spotlight__meta .mbx-chip::before{display:none}
body.deck .mbx-spotlight__meta .mbx-tag{color:var(--ndim)!important;letter-spacing:.04em}
body.deck .mbx-spotlight__btn{
  align-self:flex-start;display:inline-flex;align-items:center;gap:10px;
  height:46px;padding:0 22px;background:var(--nacid)!important;color:var(--nacid-ink)!important;
  font-family:var(--nmono)!important;font-size:11px!important;letter-spacing:.16em!important;
  text-transform:uppercase;border:none!important;border-radius:0!important;
  transition:background .16s var(--nease),transform .16s var(--nease);
}
body.deck .mbx-spotlight__btn:hover{background:var(--nacid-hi)!important;transform:translateY(-1px)}
body.deck .mbx-spotlight__btn span[aria-hidden]{font-family:var(--nsans);font-size:15px}

/* ─── 04 SECTION HEADERS ────────────────────────────────────────────── */
body.deck .regular-sec,body.deck .g-sec{background:transparent!important;border:none!important;padding:0!important}
body.deck .box{background:transparent!important;border:none!important;border-radius:0!important}
body.deck .box__inner{background:transparent!important;border:none!important}
body.deck .box__hd{
  background:transparent!important;border:none!important;
  border-top:1px solid var(--nline)!important;
  padding-top:20px!important;margin-top:var(--nsec-gap)!important;
}
body.deck .box__hd-inner{
  display:flex!important;align-items:baseline!important;gap:16px!important;
  padding:0 0 14px 0!important;
}
body.deck .box__h,body.deck .box__hd .title,body.deck .box h2{
  font-family:var(--nserif)!important;font-size:clamp(22px,2.2vw,30px)!important;
  line-height:1.1!important;font-weight:400!important;letter-spacing:-.01em!important;
  color:var(--npaper)!important;text-transform:none!important;border:none!important;
  padding:0!important;margin:0!important;
}
body.deck .box__h-legend{
  font-family:var(--nmono)!important;font-size:11px!important;letter-spacing:.14em!important;
  color:var(--ndim)!important;vertical-align:middle;margin-left:6px;
}
body.deck .box__hd-icon{display:none!important}
body.deck .box__hd-utils{margin-left:auto}
body.deck .box__hd-utils .btn,body.deck .box__hd-utils a{
  background:none!important;border:none!important;border-radius:0!important;
  font-family:var(--nmono)!important;font-size:10px!important;letter-spacing:.16em!important;
  text-transform:uppercase;color:var(--nmuted)!important;padding:6px 0 6px 14px!important;
  display:inline-flex;align-items:center;gap:8px;
}
body.deck .box__hd-utils .btn:hover,body.deck .box__hd-utils a:hover{color:var(--nacid)!important}
body.deck .box__hd-utils .btn__icon{display:none!important}
body.deck .box__hd-utils .btn__label::after{content:" →";font-family:var(--nsans)}
body.deck .box__bd,body.deck .box__bd-inner{background:transparent!important;padding:0!important;border:none!important}

/* ─── 05 CHANNELS RAIL (custom widget) ──────────────────────────────── */
body.deck .hcv-channels{margin-top:var(--nsec-gap)}
body.deck .hcv-channels__head{
  display:flex;align-items:baseline;justify-content:space-between;gap:16px;
  border-top:1px solid var(--nline);padding-top:20px;margin-bottom:18px;
}
body.deck .hcv-channels__title{
  font-family:var(--nserif)!important;font-size:clamp(22px,2.2vw,30px);font-weight:400;
  letter-spacing:-.01em;color:var(--npaper);margin:0;
}
body.deck .hcv-channels__all{
  font-family:var(--nmono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--nmuted);border:1px solid var(--nline-2);padding:7px 12px;
  transition:color .16s var(--nease),border-color .16s var(--nease);
}
body.deck .hcv-channels__all:hover{color:var(--nacid);border-color:var(--nacid)}
body.deck .hcv-channels__rail{
  display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;
  padding-bottom:2px;
}
body.deck .hcv-channels__rail::-webkit-scrollbar{display:none}
body.deck .hcv-channels__card{
  position:relative;flex:0 0 clamp(180px,17vw,224px);scroll-snap-align:start;
  aspect-ratio:16/10;overflow:hidden;background:var(--nk-3);border:1px solid var(--nline);
  display:block;
}
body.deck .hcv-channels__card img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  filter:grayscale(.35) brightness(.72);transition:filter .35s var(--nease),transform .6s var(--nease);
}
body.deck .hcv-channels__card:hover img{filter:grayscale(0) brightness(.9);transform:scale(1.05)}
body.deck .hcv-channels__card::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(to top,rgba(10,9,8,.92) 0%,rgba(10,9,8,.15) 55%,rgba(10,9,8,.35) 100%);
}
body.deck .hcv-channels__name{
  position:absolute;left:12px;right:12px;bottom:12px;z-index:2;
  font-family:var(--nserif);font-size:19px;line-height:1.1;color:var(--npaper);
  display:flex;align-items:baseline;justify-content:space-between;gap:8px;
}
body.deck .hcv-channels__count{
  font-family:var(--nmono);font-size:9.5px;letter-spacing:.1em;color:var(--nmuted);
}
body.deck .hcv-channels__card:hover .hcv-channels__name{color:var(--nacid)}

/* ─── 06 VIDEO GRID + TILE ──────────────────────────────────────────── */
body.deck .row.-cols-narrow,
body.deck .box__bd-inner>.row,
body.deck [class*="index"] .row,
body.deck .-sec-main .row.-cols-narrow{
  display:grid!important;
  grid-template-columns:repeat(var(--ncols,4),minmax(0,1fr))!important;
  gap:26px 16px!important;
  margin:0!important;
}
@media (max-width:1240px){body.deck .row.-cols-narrow,body.deck .box__bd-inner>.row,body.deck [class*="index"] .row{--ncols:3}}
@media (max-width:860px){body.deck .row.-cols-narrow,body.deck .box__bd-inner>.row,body.deck [class*="index"] .row{--ncols:2}}
@media (max-width:420px){body.deck .row.-cols-narrow,body.deck .box__bd-inner>.row,body.deck [class*="index"] .row{--ncols:2}}

body.deck .row.-cols-narrow::before,body.deck .row.-cols-narrow::after,
body.deck .box__bd-inner>.row::before,body.deck .box__bd-inner>.row::after,
body.deck [class*="index"] .row::before,body.deck [class*="index"] .row::after{
  display:none!important;content:none!important;
}
body.deck .item.col{margin:0!important;float:none!important;width:auto!important;max-width:none!important}

body.deck .item__inner{
  position:relative;background:transparent!important;border:none!important;border-radius:0!important;
  overflow:visible;transition:none;
}
body.deck .item__link{display:block;color:inherit}
body.deck .item__bd{display:block}
body.deck .item__thumb{
  position:relative;display:block;aspect-ratio:16/9;overflow:hidden;
  background:var(--nk-3)!important;border:1px solid var(--nline);padding:0!important;
}
body.deck .item__thumb-img{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  object-fit:cover!important;object-position:center!important;transform:none!important;
  transition:transform .5s var(--nease),filter .3s var(--nease);filter:saturate(.96);
}
body.deck .item__inner:hover .item__thumb{border-color:var(--nline-2)}
body.deck .item__inner:hover .item__thumb-img{transform:scale(1.035)!important;filter:saturate(1.05) brightness(1.03)}

/* duration + stat ledger → single quiet meta line over the poster */
body.deck .item__hd{
  position:absolute;left:0;right:0;bottom:0;z-index:2;
  padding:0 10px 9px;background:none!important;pointer-events:none;
  display:block!important;
}
body.deck .item__stats-bar{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:nowrap}
body.deck .item__stat{display:inline-flex;align-items:center;gap:0}
body.deck .item__stat-icon{display:none!important}
body.deck .item__stat-label{
  font-family:var(--nmono)!important;font-size:10px!important;letter-spacing:.06em!important;
  color:#fff!important;font-variant-numeric:tabular-nums;
}
/* rating: hide at 0 (JS/PHP guard also removes it), keep readable at >0 */
body.deck .item__stat.-rating{display:none!important}
body.deck .item__stat.-views{order:1;opacity:.85}
body.deck .item__stat.-duration{
  order:2;margin-left:auto;background:rgba(10,9,8,.78);
  padding:3px 6px;border:1px solid rgba(243,236,223,.14);
}
body.deck .item__stat.-duration .item__stat-label{font-weight:500}
body.deck .item__stat.-quality{
  order:0;background:var(--nacid)!important;padding:3px 5px;
}
body.deck .item__stat.-quality .item__stat-label{color:var(--nacid-ink)!important;font-weight:600;letter-spacing:.1em}
body.deck .item__thumb::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to top,rgba(10,9,8,.55) 0%,rgba(10,9,8,0) 42%);
}
body.deck .item__thumb::before{
  content:"";position:absolute;left:50%;top:50%;z-index:3;
  width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;
  background:rgba(10,9,8,.55);border:1px solid rgba(243,236,223,.5);
  opacity:0;transform:scale(.9);
  transition:opacity .2s var(--nease),transform .2s var(--nease);
  background-image:linear-gradient(90deg,transparent 0 16px,var(--npaper) 16px 20px,transparent 20px);
  background-size:0 0;background-repeat:no-repeat;
}
body.deck .item__inner:hover .item__thumb::before{opacity:1;transform:scale(1)}

body.deck .item__title{
  display:flex;align-items:baseline;justify-content:space-between;gap:10px;
  padding:11px 0 0!important;min-height:0!important;
}
body.deck .item__title-label{
  font-family:var(--nsans)!important;font-size:15px!important;line-height:1.32!important;
  font-weight:500!important;letter-spacing:-.005em;color:var(--npaper-2)!important;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  transition:color .16s var(--nease);
}
body.deck .item__inner:hover .item__title-label{color:var(--nacid)!important}
body.deck .item__link-fav,body.deck .item__link-edit{
  position:absolute;top:8px;right:8px;z-index:4;width:28px;height:28px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(10,9,8,.6);border:1px solid rgba(243,236,223,.16);border-radius:0;
  opacity:0;transition:opacity .16s var(--nease),background .16s var(--nease);backdrop-filter:blur(4px);
}
body.deck .item__inner:hover .item__link-fav,body.deck .item__inner:hover .item__link-edit{opacity:1}
body.deck .item__link-fav:hover,body.deck .item__link-edit:hover{background:var(--nacid);border-color:var(--nacid)}
body.deck .item__link-fav .icon,body.deck .item__link-edit .icon{filter:brightness(0) invert(1);font-size:12px}
body.deck .item__link-fav:hover .icon,body.deck .item__link-edit:hover .icon{filter:brightness(0)}

/* gallery/photo tiles keep a square-ish crop */
body.deck .item.-photo .item__thumb{aspect-ratio:4/3}

/* ─── 07 CATEGORY TILES (other pages) ───────────────────────────────── */
body.deck .citem.col{margin:0!important;float:none!important;width:auto!important}
body.deck .citem__inner{background:transparent!important;border:none!important;border-radius:0!important;overflow:visible}
body.deck .citem__thumb{
  position:relative;display:block;aspect-ratio:16/10;overflow:hidden;
  background:var(--nk-3);border:1px solid var(--nline);
}
body.deck .citem__thumb-img{
  width:100%;height:100%;object-fit:cover;filter:grayscale(.3) brightness(.72);
  transition:filter .3s var(--nease),transform .5s var(--nease);
}
body.deck .citem__inner:hover .citem__thumb-img{filter:grayscale(0) brightness(.92);transform:scale(1.04)}
body.deck .citem__bd{
  position:absolute!important;left:12px;right:12px;bottom:10px;padding:0!important;
  background:none!important;
}
body.deck .citem__title{
  font-family:var(--nserif)!important;font-size:19px!important;text-transform:none!important;
  letter-spacing:0!important;color:var(--npaper)!important;
}
body.deck .citem__thumb::after{
  content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,9,8,.9),rgba(10,9,8,0) 60%);
}
body.deck .citem__link{position:relative;display:block}
body.deck .citem__inner::after{display:none!important}

/* ─── 08 FILTERS / TOP BAR CONTROLS ─────────────────────────────────── */
body.deck [class*="filters"] .btn,body.deck .-sec-top-content .btn,
body.deck .btn.-outlined,body.deck .btn--outlined,body.deck .btn.-bordered-default{
  background:none!important;border:1px solid var(--nline-2)!important;border-radius:0!important;
  color:var(--nmuted)!important;font-family:var(--nmono)!important;font-size:10px!important;
  letter-spacing:.14em!important;text-transform:uppercase;height:34px;padding:0 14px!important;
  transition:color .16s var(--nease),border-color .16s var(--nease);
}
body.deck .btn.-outlined:hover,body.deck .btn--outlined:hover{border-color:var(--nacid)!important;color:var(--nacid)!important}
body.deck .btn.is-active,body.deck .btn.-outlined.is-active,body.deck .btn--outlined.is-active{
  background:var(--nacid)!important;border-color:var(--nacid)!important;color:var(--nacid-ink)!important;
}
body.deck .btn--primary,body.deck .btn.-primary,body.deck .btn--base,body.deck .btn.-base,
body.deck button[type="submit"],body.deck input[type="submit"]{
  background:var(--nacid)!important;border-color:var(--nacid)!important;color:var(--nacid-ink)!important;
  border-radius:0!important;font-family:var(--nmono)!important;font-size:11px!important;
  letter-spacing:.14em!important;text-transform:uppercase;
}
body.deck .btn--primary:hover,body.deck .btn.-primary:hover{background:var(--nacid-hi)!important;border-color:var(--nacid-hi)!important}

/* sidebar facet (still used on /videos, /channels) */
body.deck .aside .box__inner,body.deck .sidebar .box__inner{
  background:transparent!important;border:1px solid var(--nline)!important;border-radius:0!important;
}
body.deck .aside .box__hd{background:transparent!important;border-bottom:1px solid var(--nline)!important;margin-top:0!important;padding-top:0!important}
body.deck .aside .box__h{font-family:var(--nmono)!important;font-size:10px!important;letter-spacing:.16em!important;text-transform:uppercase;color:var(--nmuted)!important}
body.deck .aside .counter-list__link{
  font-family:var(--nsans)!important;font-size:13px!important;color:var(--nmuted)!important;
  padding:6px 14px!important;min-height:30px;letter-spacing:0!important;text-transform:none!important;
}
body.deck .aside .counter-list__link:hover{color:var(--npaper)!important;background:var(--nk-2)!important}
body.deck .aside .counter-list__link.is-active{color:var(--npaper)!important;border-left:2px solid var(--nacid)!important;background:var(--nk-2)!important}
body.deck .irs-bar,body.deck .irs-single,body.deck .irs-from,body.deck .irs-to{background:var(--nacid)!important}
body.deck .irs-slider{background:var(--npaper)!important;border-radius:0!important;box-shadow:none!important}
body.deck .irs-line{background:var(--nline-2)!important}

/* ─── 09 PAGINATION ─────────────────────────────────────────────────── */
body.deck .pagination-list{display:flex;gap:4px;justify-content:center;margin:40px 0 0}
body.deck .pagination-list__elem,.body.deck .pagination-list a,body.deck .pagination-list span{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:36px;height:36px;padding:0 10px;
  background:none!important;border:1px solid var(--nline)!important;border-radius:0!important;
  font-family:var(--nmono)!important;font-size:11px!important;letter-spacing:.06em;
  color:var(--nmuted)!important;
}
body.deck .pagination-list__elem:hover{color:var(--npaper)!important;border-color:var(--nline-2)!important}
body.deck .pagination-list__elem.is-active{background:var(--nacid)!important;border-color:var(--nacid)!important;color:var(--nacid-ink)!important}

/* ─── 10 WATCH PAGE (inherit world; keep layout intact) ─────────────── */
body.deck .media.col.-video{grid-column:1/-1;width:100%!important;max-width:100%!important}
body.deck .media__title,body.deck h1.media__title{font-family:var(--nserif)!important;font-weight:400!important;letter-spacing:-.01em!important;text-transform:none!important}
body.deck .media__player,body.deck [class*="player"]{background:#000!important;border:1px solid var(--nline)!important}
body.deck .tabs__link,body.deck [class*="tabs"] a{
  font-family:var(--nmono)!important;font-size:10px!important;letter-spacing:.16em!important;text-transform:uppercase;
}
body.deck [class*="tabs"] .is-active a,body.deck [class*="tabs"] a.is-active{color:var(--nacid)!important}

/* ─── 11 FOOTER ─────────────────────────────────────────────────────── */
body.deck .footer,body.deck [class*="footer"],body.deck .page-footer{
  background:transparent!important;border-top:1px solid var(--nline)!important;margin-top:64px;
}
body.deck [class*="footer"] .wrapper{padding-top:44px!important;padding-bottom:44px!important}
body.deck [class*="footer"] h3,body.deck [class*="footer"] .title{
  font-family:var(--nmono)!important;font-size:10px!important;letter-spacing:.18em!important;
  text-transform:uppercase;color:var(--ndim)!important;margin-bottom:14px!important;
}
body.deck [class*="footer"] a{
  font-family:var(--nsans)!important;font-size:13px!important;letter-spacing:0!important;
  text-transform:none!important;color:var(--nmuted)!important;display:inline-block;padding:3px 0;
}
body.deck [class*="footer"] a:hover{color:var(--nacid)!important}
body.deck [class*="footer"] .logo{font-family:var(--nserif)!important;font-size:24px!important}

/* cookie / age gate — keep functional, restyle to the world */
body.deck .cookie,body.deck #cookie-consent,body.deck [class*="cookie"]{
  background:var(--nk-3)!important;border-top:1px solid var(--nline-2)!important;
  font-family:var(--nsans)!important;font-size:13px!important;color:var(--nmuted)!important;
}
body.deck [class*="cookie"] .btn{background:var(--nacid)!important;color:var(--nacid-ink)!important;border:none!important}

/* ads / placeholder blocks that ship as pink beacons */
body.deck .aff,body.deck .item.col.-aff,body.deck [data-mb="ad-in-items"]{display:none!important}

/* ─── 12 RESPONSIVE ─────────────────────────────────────────────────── */
@media (max-width:1023px){
  body.deck div.mbx-spotlight{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)!important}
  body.deck div.mbx-spotlight .mbx-spotlight__title{font-size:clamp(24px,3.4vw,34px)!important}
}
@media (max-width:860px){
  body.deck div.mbx-spotlight{grid-template-columns:minmax(0,1fr)!important;margin-top:16px!important}
  body.deck div.mbx-spotlight .mbx-spotlight__media{border-right:1px solid var(--nline);border-bottom:none}
  body.deck div.mbx-spotlight .mbx-spotlight__body{padding:20px;gap:14px}
  body.deck div.mbx-spotlight .mbx-spotlight__title{-webkit-line-clamp:3!important}
  body.deck .top-bar .row{min-height:58px!important;gap:14px!important}
  body.deck .logo,body.deck [class*="logo"] a{font-size:24px!important}
  body.deck .main-nav .main-nav__inner{overflow-x:auto;scrollbar-width:none}
  body.deck .main-nav .main-nav__inner::-webkit-scrollbar{display:none}
  body.deck .main-nav-list__link{height:40px!important;font-size:10px!important;padding-right:12px!important;margin-right:12px}
  body.deck .ucp a{padding:8px 8px!important}
  body.deck .hcv-channels__card{flex-basis:168px}
  body.deck .box__hd{margin-top:44px!important}
}
@media (max-width:520px){
  body.deck div.mbx-spotlight .mbx-spotlight__body{padding:14px 16px 16px!important;gap:10px!important}
  body.deck div.mbx-spotlight .mbx-spotlight__title{font-size:23px!important;-webkit-line-clamp:2!important}
  body.deck div.mbx-spotlight .mbx-spotlight__meta{font-size:10px!important;gap:6px 10px}
  body.deck div.mbx-spotlight .mbx-spotlight__btn{padding:10px 16px!important;font-size:12px!important}
  body.deck .hcv-channels__name{font-size:12.5px!important}
  body.deck .search__type{display:none!important}
  body.deck .ucp a[href*="login"]{display:none}
  body.deck div.mbx-spotlight .mbx-spotlight__title{font-size:26px!important}
  body.deck .item__title-label{font-size:14px!important}
  body.deck .box__hd-inner{flex-wrap:wrap}
}

/* ─── 13 MOTION / A11Y ──────────────────────────────────────────────── */
@media (prefers-reduced-motion:reduce){
  body.deck *,body.deck *::before,body.deck *::after{
    animation-duration:.001ms!important;transition-duration:.001ms!important;
  }
  body.deck .mbx-spotlight:hover .mbx-spotlight__media img{transform:none}
}
body.deck .item__inner:focus-within .item__thumb{border-color:var(--nacid)}
body.deck a:focus-visible .item__title-label{color:var(--nacid)}
