.fw-card{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:var(--surface);cursor:pointer;opacity:0;transform:translateY(20px);transition:opacity .4s,transform .4s,border-color .25s}.fw-card.visible{opacity:1;transform:translateY(0)}.fw-card:hover{border-color:#444}.fw-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .32s;z-index:2}.fw-card:hover::before{transform:scaleX(1)}.fw-viewport{width:100%;aspect-ratio:16/10;overflow:hidden;position:relative}.fw-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 50%);opacity:0;transition:opacity .28s;display:flex;align-items:flex-end;justify-content:flex-end;padding:14px;z-index:1}.fw-card:hover .fw-overlay{opacity:1}.fw-overlay-icon{width:36px;height:36px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center}.fw-lightbox.open{display:flex}