/* Face columns (2026-11-01, Aidan: "on desktop ... fill in with faces of
   ppl's gifs debating, from the archive we got, where it moves down on
   both sides"; picks: homepage first screen only, the face loops, left
   down and right up, face only). Wide desktop only: below 1360px the
   margins beside the content are too narrow to hold a tile. */
/* 2026-11-01, later: "do it all the way to the bottom". The columns are
   pinned to the window edges for the whole page, so they run beside every
   section while you scroll. Sized to the margin beside the widest sections
   (1240px: the leaderboard and the two feature bands), so they never run
   under content; shown from 1440px wide, where that margin holds a tile. */
.fc-col{display:none}
@media(min-width:1440px){
  .fc-col{display:block;position:fixed;top:0;bottom:0;z-index:0;pointer-events:none;overflow:hidden;
    width:clamp(72px,calc((100vw - 1260px) / 2 - 20px),168px);
    -webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);
            mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent)}
  .fc-col--left{left:12px}
  .fc-col--right{right:12px}
}
.fc-track{animation:fcDown 70s linear infinite;will-change:transform}
.fc-col--right .fc-track{animation-name:fcUp;animation-duration:80s}
body.fc-paused .fc-track{animation-play-state:paused}
/* The track holds its list twice, and each tile carries its own bottom
   margin (no flex gap), so -50% lands exactly on the copy: no jump. */
@keyframes fcDown{from{transform:translateY(-50%)}to{transform:translateY(0)}}
@keyframes fcUp{from{transform:translateY(0)}to{transform:translateY(-50%)}}
.fc-tile{position:relative;aspect-ratio:4/3;margin:0 0 26px;border-radius:12px;overflow:hidden;background:#111;
  border:1px solid rgba(127,127,127,.22);box-shadow:0 10px 24px -14px rgba(0,0,0,.45)}
.fc-tile video,.fc-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
@media(prefers-reduced-motion:reduce){.fc-track{animation:none}}