/* Clients tab: full-bleed real 8K captures, a slow auto-scroll through each live site, capture/check stamps.
   Loaded after the other sheets. Motion only with JS + no reduced-motion preference (clients.js adds .cl-live). */
.panel-work .proj-track .proj-media{padding:0!important;perspective:none;background:#0b0d17;isolation:isolate}
.panel-work .proj-track .proj-media .frame{position:absolute;inset:0;width:100%;height:100%;border-radius:0;box-shadow:none;transform:none!important;background:transparent;overflow:hidden;display:block}
.panel-work .proj-track .proj-media .frame-bar,.panel-work .proj-track .proj-media .pmock{display:none}
.cl-still,.cl-scroll{position:absolute;left:0;top:0;width:100%;display:block}
.cl-still{height:100%}
.cl-still img,.frame .cl-still img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:top center;transition:transform .9s var(--ease-out,cubic-bezier(.2,.7,.2,1))}
.cl-scroll{opacity:0;transition:opacity 1s ease;pointer-events:none}
.cl-scroll img,.frame .cl-scroll img{display:block;width:100%;height:auto;aspect-ratio:auto;max-height:none;object-fit:fill;will-change:transform;backface-visibility:hidden}
.cl-live .cl-scroll{opacity:1}
.panel-work .proj-track .proj:not(.cl-anim) .proj-media:hover .cl-still img{transform:scale(1.03)}
.panel-work .proj-track .proj-media::after{content:"";position:absolute;inset:auto 0 0 0;height:46%;background:linear-gradient(180deg,transparent,rgba(5,6,12,.55));pointer-events:none;z-index:1}
.panel-work .proj-track .proj-media .shot-note{z-index:2;top:12px!important;bottom:auto!important;left:12px!important}
.cap-ts{position:absolute;left:10px;bottom:10px;z-index:2;display:flex;flex-direction:column;gap:1px;max-width:calc(100% - 20px);padding:5px 10px 6px 9px;border-radius:11px;background:rgba(8,10,18,.66);-webkit-backdrop-filter:blur(10px) saturate(1.4);backdrop-filter:blur(10px) saturate(1.4);box-shadow:0 0 0 1px rgba(255,255,255,.08) inset;
  color:#fff;font-size:10.5px;line-height:1.35;font-weight:600;letter-spacing:.01em;font-variant-numeric:tabular-nums;pointer-events:none}
.cap-ts time{display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cap-ts time:empty{display:none}
.cap-ts time::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:#35d07f;box-shadow:0 0 0 0 rgba(53,208,127,.6);animation:clPulse 2.4s ease-out infinite}
.cap-ts .cap-chk{opacity:.78;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:12px}
.cap-ts[data-state="stale"] time::before{background:#f5b400;animation:none}
@keyframes clPulse{0%{box-shadow:0 0 0 0 rgba(53,208,127,.55)}70%{box-shadow:0 0 0 7px rgba(53,208,127,0)}100%{box-shadow:0 0 0 0 rgba(53,208,127,0)}}
.jx-shot .jx-pic,.jx-shot .jx-pic img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.pdlg-src a{color:inherit;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
@media (prefers-reduced-motion:reduce){.cap-ts time::before{animation:none}.cl-still img{transition:none}.panel-work .proj-track .proj .proj-media:hover .cl-still img{transform:none}}
.cap-ts:not(:has(time:not(:empty))){display:none}