.grid{grid-template-columns:repeat(auto-fill,minmax(292px,1fr));gap:16px;display:grid}.tile{background:linear-gradient(168deg, var(--panel-2), var(--panel));box-shadow:0 0 0 1px var(--line-2), 0 20px 44px -28px #000000e6;transition:transform .42s var(--e), box-shadow .42s var(--e);border-radius:18px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}a.tile:hover{box-shadow:0 0 0 1px var(--line), 0 30px 56px -26px #000000f2;transform:translateY(-4px)}.thumb{aspect-ratio:16/11;border-bottom:1px solid var(--line-2);background:#0d0710;position:relative;overflow:hidden}.thumb iframe{transform-origin:0 0;pointer-events:none;border:0;width:392px;height:812px;position:absolute;top:0;left:0}.thumb .fade{background:linear-gradient(#0000 55%,#0c0a11d9);position:absolute;inset:0}.thumb .g{z-index:2;filter:drop-shadow(0 2px 6px #000c);font-size:17px;position:absolute;top:12px;left:14px}.tbody{padding:17px 18px 19px}.tbody h3{letter-spacing:-.015em;font-size:18px;font-weight:500}.tags{flex-wrap:wrap;gap:6px;margin-top:13px;display:flex}.tags b{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);box-shadow:0 0 0 1px var(--line-2) inset;border-radius:99px;padding:4px 9px;font-size:10px;font-weight:400}.tags b:first-child{color:var(--warm);box-shadow:0 0 0 1px color-mix(in oklab, var(--warm) 30%, transparent) inset}.tile.skel{cursor:default}.tile.skel .thumb{background:var(--panel-2)}.tile.skel .bar{background:var(--line-2);border-radius:99px;height:11px}.tile.skel .bar.t{background:var(--line);width:52%;height:15px;margin-bottom:13px}.tile.skel .bar.s{width:64%}.tile.skel .thumb,.tile.skel .bar{animation:skel 1.5s var(--e) infinite}@keyframes skel{50%{opacity:.42}}@media (prefers-reduced-motion:reduce){.tile.skel .thumb,.tile.skel .bar{animation:none}}