/* Fringe Next — performance/polish layer that preserves original Fringe colours */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
a{text-decoration:none}
a:hover{text-decoration:none}
img,iframe,video{max-width:100%}
.site-top-shell{
  position:sticky!important;top:0!important;z-index:80!important;
  width:min(100%,1180px)!important;margin:0 auto!important;
  padding:12px clamp(10px,2vw,18px)!important;
}
#top-banner.brand-banner,#top-banner.banner{
  height:clamp(82px,10vw,118px)!important;min-height:82px!important;max-height:118px!important;
}
#top-banner .banner-logo-fill,#top-banner.brand-banner .banner-logo-fill{
  object-fit:contain!important;object-position:center!important;transform:none!important;
}
.wrap,main{width:min(100% - 24px,1180px)!important;margin-inline:auto!important}
h1,h2,h3{letter-spacing:-.035em;text-wrap:balance}
h1{font-size:clamp(2rem,5vw,4.4rem)!important;line-height:.96!important}
h2{font-size:clamp(1.45rem,2.7vw,2.25rem)!important;line-height:1.05!important}
h3{line-height:1.1!important}
.grid{gap:clamp(14px,2vw,22px)!important}
.top-videos,#top-videos,#top-viewed{
  border-radius:22px!important;
}
article.card{
  position:relative;overflow:hidden;border-radius:18px!important;
  transform:translateZ(0);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
article.card:hover{transform:translateY(-2px)}
.preview-holder,.thumb,.player-wrap{border-radius:14px!important;overflow:hidden}
.preview-holder{position:relative!important;isolation:isolate;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;cursor:pointer;background:#070b14!important}
.video-preview,.video-preview a,.video-preview button,.thumb,.watch-button,.read{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.video-preview img,.thumb-static,.fn-video-placeholder{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}
.preview-holder:before{
  content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.34));z-index:1;pointer-events:none;
}
.preview-holder>span{
  z-index:2!important;font-weight:800!important;
}
.thumb{transition:transform .35s cubic-bezier(.2,.8,.2,1)}
article.card:hover .thumb-static{transform:scale(1.025)}
.video-card-tags,.meta.video-tags{display:flex;gap:7px;flex-wrap:wrap}
.video-card-tags .chip,.meta.video-tags .pill,.tag,.nav .chip,.chip,.pill{
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease;
}
.video-card-tags .chip:hover,.meta.video-tags .pill:hover,.tag:hover,.nav .chip:hover,.chip:hover,.pill:hover{
  transform:translateY(-1px)
}
.read,.actions a,.card a[href*="/video/"]:not(.chip):not(.tag){font-weight:800}
.thumb-live{position:absolute;inset:0;width:100%;height:100%;min-height:190px!important;aspect-ratio:16/9!important;display:block!important;z-index:3;background:#000!important;border:0!important}
.fn-video-placeholder{
  position:relative!important;
  display:grid!important;place-items:center!important;min-height:190px!important;
  background:
    radial-gradient(circle at 28% 18%,rgba(142,208,255,.24),transparent 30%),
    radial-gradient(circle at 76% 82%,rgba(124,92,255,.28),transparent 34%),
    linear-gradient(145deg,#0b1530,#101a38 48%,#07101f)!important;
  color:transparent!important;
  font-size:0!important;
  box-shadow:inset 0 0 0 1px rgba(142,208,255,.18)!important;
}
.video-preview .preview-holder{
  width:100%!important;
  max-width:100%!important;
  aspect-ratio:16/9!important;
  min-height:0!important;
  margin:0 0 10px 0!important;
  display:block!important;
}
.video-preview .preview-holder>.thumb,
.video-preview .preview-holder>.thumb-static,
.video-preview .preview-holder>.thumb-bitchute-direct{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  margin:0!important;
  object-fit:cover!important;
  object-position:center center!important;
}
.video-preview[data-live-mounted-at] .preview-holder{aspect-ratio:16/9!important;min-height:0!important}
.video-preview .preview-holder>.thumb-live,
.video-preview[data-live-mounted-at] .preview-holder>.thumb-live{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-width:100%!important;
  margin:0!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center center!important;
  z-index:3!important;
}
.video-preview[data-live-mounted-at] .fn-video-placeholder{display:none!important}
.fn-video-placeholder:before{
  content:"▶";
  position:absolute;
  left:50%;top:50%;transform:translate(-50%,-50%);
  width:64px;height:64px;border-radius:999px;
  display:grid;place-items:center;
  padding-left:4px;
  color:#fff;
  font-size:28px;font-weight:900;
  background:linear-gradient(135deg,rgba(124,92,255,.96),rgba(142,208,255,.78));
  border:1px solid rgba(255,255,255,.32);
  box-shadow:0 0 34px rgba(124,92,255,.45),0 12px 28px rgba(0,0,0,.36);
  z-index:2;
}
.fn-video-placeholder:after{
  content:"Play in thumbnail";
  position:absolute;
  left:12px;bottom:12px;
  padding:7px 10px;border-radius:999px;
  color:#eef2ff;
  font-size:12px;font-weight:900;letter-spacing:.04em;
  background:rgba(5,9,20,.72);
  border:1px solid rgba(142,208,255,.28);
  z-index:2;
}
.video-preview:hover .fn-video-placeholder:before{transform:translate(-50%,-50%) scale(1.06)}
@media (max-width:760px){
  .wrap,main{width:min(100% - 18px,1180px)!important}
  .site-top-shell{position:relative!important;padding-inline:8px!important}
  #top-banner.brand-banner,#top-banner.banner{height:76px!important;min-height:76px!important}
  article.card{border-radius:16px!important}
  .preview-holder,.thumb,.player-wrap{border-radius:12px!important}
}

/* 2026-06-15 restore branded header crop: use the real Fringe white-wordmark header crop, not the old purple PNG or a distorted full-width stretch. */
.site-top-shell{display:grid!important;justify-items:center!important;gap:10px!important}
#top-banner.brand-banner,#top-banner.banner{
  width:min(320px,74vw)!important;
  max-width:min(320px,74vw)!important;
  height:92px!important;
  min-height:0!important;
  max-height:92px!important;
  padding:0!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#top-banner .banner-logo-fill,#top-banner.brand-banner .banner-logo-fill{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  border-radius:10px!important;
}
@media (max-width:520px){
  #top-banner.brand-banner,#top-banner.banner{width:min(230px,64vw)!important;max-width:min(230px,64vw)!important;height:76px!important;max-height:76px!important}
}


/* 2026-07-24 deep staging review polish */
.fringe-search-panel{margin:0 0 14px;padding:12px;border:1px solid #314a7e;border-radius:16px;background:linear-gradient(160deg,rgba(15,26,51,.92),rgba(9,16,32,.86));box-shadow:0 10px 28px rgba(0,0,0,.24)}
.fringe-search-label{display:block;margin:0 0 7px;color:#dce8ff;font-weight:900;letter-spacing:.02em}
.fringe-video-search{width:100%;min-height:46px;border-radius:12px;border:1px solid #42609b;background:#091225;color:#f4f7ff;padding:12px 14px;font-size:16px;outline:none}
.fringe-video-search:focus{border-color:#8ed0ff;box-shadow:0 0 0 3px rgba(142,208,255,.18)}
.fringe-search-status{margin:8px 0 0;font-size:13px}.fringe-load-more-wrap{display:flex;justify-content:center;margin:18px 0 4px}.fringe-load-more{cursor:pointer;font-weight:900;padding:11px 16px!important}.fringe-extra-hidden{display:none!important}
.fringe-detail-player-wrap,.player-wrap{position:relative!important;width:100%!important;aspect-ratio:16/9!important;height:auto!important;min-height:0!important;background:#000!important;border-radius:18px!important;overflow:hidden!important}.fringe-detail-player-wrap iframe,.player-wrap iframe{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important}.fringe-player-fallback{display:inline-flex;margin:10px 0 14px;padding:10px 13px;border-radius:999px;background:#162647;border:1px solid #42609b;color:#eaf2ff!important;font-weight:800}.fringe-related{margin-top:18px}.fringe-related h2{margin:0 0 6px}.fringe-related-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.video-card-tags .chip:nth-of-type(n+5){display:none}.video-card-tags:has(.chip:nth-of-type(5))::after{content:"+ more";display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;border:1px solid rgba(142,208,255,.25);color:#cbd7f6;background:rgba(15,26,51,.72);font-size:12px;font-weight:800}
@media (max-width:640px){.nav{display:grid!important;grid-template-columns:.9fr 1.15fr 1.05fr 1.35fr!important;gap:clamp(4px,1.4vw,8px)!important;width:min(100%,calc(100vw - 12px))!important;margin-inline:auto!important}.nav .chip{font-size:clamp(9.5px,2.75vw,13px)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.05!important;min-height:clamp(34px,9.5vw,44px)!important;padding:8px 4px!important;border-radius:clamp(11px,3.2vw,16px)!important}.site-top-shell{position:sticky!important}.fringe-search-panel{margin-inline:0}.video-card-tags .chip:nth-of-type(n+4){display:none}.video-card-tags:has(.chip:nth-of-type(4))::after{content:"+ more"}.fringe-player-fallback{width:100%;justify-content:center}.donate-panel iframe{min-width:0!important}}


/* staging deep QA: keep mobile nav horizontal while scaling to viewport */
@media (max-width:520px){
  .nav{display:grid !important;grid-template-columns:.9fr 1.15fr 1.05fr 1.35fr !important;width:min(100%,calc(100vw - 12px)) !important;overflow:visible !important;gap:clamp(4px,1.4vw,8px) !important;margin-inline:auto !important}
  .nav .chip{white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;font-size:clamp(9.5px,2.75vw,13px) !important;min-height:clamp(34px,9.5vw,44px) !important;line-height:1.05 !important;padding:8px 4px !important;border-radius:clamp(11px,3.2vw,16px) !important}
  .wrap{padding-left:8px !important;padding-right:8px !important}
  .fringe-embed-fallback,.read,.btn{white-space:normal !important;overflow-wrap:anywhere !important;text-align:center !important}
}

/* staging deep QA: compact source fallback on narrow screens */
.fringe-embed-fallback{display:block;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center;}
.content p,.card p,article p{overflow-wrap:anywhere;}


/* 2026-07-24 all UX pass: mobile cards open the watch page, not inline embeds */
.preview-holder::after{content:"▶ Watch video";position:absolute;left:12px;bottom:12px;z-index:2;padding:7px 10px;border-radius:999px;background:rgba(5,9,20,.78);border:1px solid rgba(142,208,255,.32);color:#eef2ff;font-size:12px;font-weight:900;letter-spacing:.02em;pointer-events:none}.video-preview[data-live-mounted-at] .preview-holder::after{display:none}.fn-video-placeholder:after{content:"Watch video"}.video-preview{cursor:pointer}.video-preview h3 a::after{content:"";position:absolute;inset:0;z-index:1}.video-preview .video-card-tags,.video-preview .meta,.video-preview .chip,.video-preview .tag,.video-preview .preview-holder,.video-preview iframe,.video-preview video{position:relative;z-index:2}.video-preview h3 a{position:relative;z-index:2}
#carousel-swipe-hint,#carousel-nav{display:none!important}#home-video-carousel{overflow:visible!important;height:auto!important}#home-video-track{display:block!important;width:100%!important;transform:none!important;transition:none!important;touch-action:auto!important}#home-video-track .top-videos{flex:none!important;max-width:100%!important;width:100%!important;margin:0 0 18px!important}#home-video-track #top-viewed{margin-top:18px!important}.fringe-search-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.fringe-search-clear{min-height:46px}.fringe-search-help{margin:6px 0 0;font-size:13px}.fringe-player-fallback{white-space:normal!important;overflow-wrap:anywhere!important}.fringe-donation-presets{margin:10px 0 14px;padding:12px;border:1px solid #314a7e;border-radius:16px;background:rgba(9,16,32,.72)}.fringe-donation-presets>div{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.fringe-submit-primary{display:block!important;width:100%!important;min-height:48px!important;font-size:16px!important;margin-top:14px!important}.fringe-submit-examples{margin-top:14px;padding:14px;border:1px solid #314a7e;border-radius:16px;background:rgba(9,16,32,.72)}.fringe-submit-examples h2{margin-top:0}
@media (max-width:760px){.site-top-shell{position:relative!important;padding-top:4px!important;gap:6px!important}#top-banner.brand-banner,#top-banner.banner{width:min(260px,68vw)!important;max-width:min(260px,68vw)!important;height:auto!important;max-height:82px!important;aspect-ratio:795/285!important}.nav{display:grid!important;grid-template-columns:.9fr 1.15fr 1.05fr 1.35fr!important;width:min(100%,calc(100vw - 12px))!important;max-width:100%!important;gap:clamp(4px,1.4vw,8px)!important;overflow:visible!important;margin:8px auto 12px!important}.nav .chip{width:100%!important;min-height:clamp(34px,9.5vw,44px)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:clamp(9.5px,2.75vw,13px)!important;line-height:1.05!important;padding:8px 4px!important;border-radius:clamp(11px,3.2vw,16px)!important}.preview-holder::after{content:"▶ Open video";left:10px;bottom:10px}.fn-video-placeholder:after{content:"Open video"}.video-preview .thumb-live[data-autoplay-prearm="1"]{display:block!important}.fringe-search-row{grid-template-columns:1fr}.fringe-search-clear{width:100%}.grid{grid-template-columns:1fr!important}.fringe-player-fallback{display:flex!important;width:100%;justify-content:center}}


/* 2026-07-24 mobile overflow hardening for archive tag bar and long titles */
@media (max-width:760px){#video-tags,#front-video-tags{display:grid!important;grid-template-columns:1fr!important;width:100%!important;max-width:100%!important;overflow:visible!important;gap:8px!important}#video-tags>.muted,#front-video-tags>.muted{grid-column:1/-1!important}#video-tags .chip,#front-video-tags .chip{width:auto!important;max-width:100%!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;text-align:center!important;line-height:1.15!important}.card h3,.card h3 a,.video-preview h3,.video-preview h3 a{white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;max-width:100%!important}.card,.video-preview,.preview-holder{max-width:100%!important;overflow:hidden!important}}

.fringe-mobile-card-link{display:none}@media (max-width:760px){.preview-holder .fringe-mobile-card-link{display:block!important;position:absolute!important;inset:0!important;z-index:8!important;background:transparent!important;border:0!important}.preview-holder::after{z-index:9!important;pointer-events:none!important}}