/* Yellow Frames – work slate (scoped to .yf-slate so it won't clash with the theme) */
.yf-slate{--gap:14px;--radius:10px;--cols:6;width:100%;max-width:1320px;margin:0 auto;padding:0 16px;box-sizing:border-box}
.yf-slate *{box-sizing:border-box}
.yf-slate__grid{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:var(--gap);list-style:none;margin:0;padding:0}
.yf-slate__item{position:relative;aspect-ratio:240/275;border-radius:var(--radius);overflow:hidden;background:#111;cursor:pointer;
  transform:translateZ(0);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.yf-slate__item:hover{transform:translateY(-4px);box-shadow:0 18px 40px -18px rgba(0,0,0,.55)}
.yf-slate__item:focus-visible{outline:3px solid #f5c400;outline-offset:3px}
.yf-slate__item video,.yf-slate__item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.yf-slate__item video{opacity:0;transition:opacity .4s}
.yf-slate__item.is-ready video{opacity:1}
.yf-slate__meta{position:absolute;left:0;right:0;bottom:0;padding:28px 12px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px;
  color:#fff;font:600 12px/1.2 inherit;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(transparent,rgba(0,0,0,.6));pointer-events:none}
.yf-slate__play{flex:none;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center}
.yf-slate__play::before{content:"";margin-left:3px;border-left:9px solid #111;border-top:6px solid transparent;border-bottom:6px solid transparent}
.yf-slate__item[data-type=image] .yf-slate__play{display:none}
@media (max-width:1100px){.yf-slate{--cols:4}}
@media (max-width:760px){.yf-slate{--cols:3;--gap:10px}}
@media (max-width:520px){.yf-slate{--cols:2;--gap:8px;--radius:8px}.yf-slate__meta{font-size:11px;padding:22px 8px 8px}.yf-slate__play{width:26px;height:26px}}

/* Lightbox */
.yf-lb{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.94);opacity:0;transition:opacity .25s}
.yf-lb.is-open{display:flex}
.yf-lb.is-visible{opacity:1}
.yf-lb__stage{position:relative;max-width:min(96vw,1400px);max-height:92vh;display:flex}
.yf-lb__stage video,.yf-lb__stage img{max-width:100%;max-height:92vh;width:auto;height:auto;border-radius:8px;background:#000;display:block}
.yf-lb__close{position:fixed;top:14px;right:14px;width:46px;height:46px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:26px;line-height:46px;cursor:pointer}
.yf-lb__close:hover{background:rgba(255,255,255,.25)}
.yf-lb__nav{position:fixed;top:50%;transform:translateY(-50%);width:46px;height:46px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:22px;cursor:pointer}
.yf-lb__nav:hover{background:rgba(255,255,255,.25)}
.yf-lb__prev{left:14px}.yf-lb__next{right:14px}
@media (max-width:520px){.yf-lb__nav{display:none}}
html.yf-lb-lock,html.yf-lb-lock body{overflow:hidden!important}