.vg-section{padding:var(--space-3xl) 0}.vg-title{font-family:var(--font-display);color:var(--color-fg);margin:0 0 var(--space-2xl);font-size:max(1.4rem,min(2.5vw,1.9rem));font-weight:600}.vg-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.vg-thumb{aspect-ratio:16/9;border:1px solid var(--card-border);border-radius:var(--radius-lg);cursor:pointer;background-color:#11151c;background-position:50%;background-size:cover;flex-direction:column;justify-content:flex-end;padding:0;transition:border-color .35s,transform .35s;display:flex;position:relative;overflow:hidden}.vg-thumb:before{content:"";background:linear-gradient(#0000000d 40%,#000000bf);position:absolute;top:0;bottom:0;left:0;right:0}.vg-thumb:hover{border-color:var(--card-hover-border);transform:translateY(-4px)}.vg-play{color:#fff;z-index:1;background:#60a5fae6;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;padding-left:3px;transition:transform .3s,background .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vg-thumb:hover .vg-play{background:var(--color-accent);transform:translate(-50%,-50%)scale(1.1)}.vg-meta{z-index:1;justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);text-align:left;display:flex;position:relative}.vg-thumb-title{font-family:var(--font-display);color:#fff;font-size:.95rem;font-weight:600}.vg-duration{font-family:var(--font-mono);color:#fffc;flex-shrink:0;font-size:.7rem}.vg-modal-overlay{z-index:2000;padding:var(--space-lg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.vg-modal{width:min(960px,100%);position:relative}.vg-modal-frame{aspect-ratio:16/9;border-radius:var(--radius-lg);background:#000;width:100%;position:relative;overflow:hidden}.vg-modal-media{border:0;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.vg-modal-close{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.6rem;line-height:1;transition:background .3s;display:flex;position:absolute;top:-44px;right:0}.vg-modal-close:hover{background:#fff3}