.video-grid.svelte-b3kz0k{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(350px,100%),1fr));column-gap:var(--gutter);row-gap:calc(var(--gutter) + var(--space-sm))}.video-grid--poster.svelte-b3kz0k{grid-template-columns:repeat(2,1fr);gap:calc(var(--gutter) + var(--space-xs))}@media(min-width:640px){.video-grid--poster.svelte-b3kz0k{grid-template-columns:repeat(3,1fr)}}@media(min-width:960px){.video-grid--poster.svelte-b3kz0k{grid-template-columns:repeat(4,1fr)}}.video-grid__item.svelte-b3kz0k{text-align:left;cursor:pointer;padding:0;grid-row:span 2;display:grid;grid-template-rows:subgrid;gap:0;transition:transform var(--duration-fast) var(--ease-out)}.video-grid__item.is-cascade.svelte-b3kz0k{animation:reveal-in var(--motion-duration-reveal) var(--ease-soft) calc(var(--cascade-index, 0) * var(--motion-stagger)) both}.video-grid--poster.svelte-b3kz0k .video-grid__item:where(.svelte-b3kz0k){grid-row:span 1;display:block}.video-grid__item.svelte-b3kz0k:hover{transform:translateY(-2px)}.video-grid--poster.svelte-b3kz0k .video-grid__item:where(.svelte-b3kz0k):hover{transform:none}.video-grid__thumb.svelte-b3kz0k{position:relative;aspect-ratio:var(--thumb-aspect, 16 / 9);overflow:hidden;border-radius:var(--radius-sm);background-color:var(--color-bg-alt);isolation:isolate}.video-grid__thumb.svelte-b3kz0k:before{content:"";position:absolute;inset:-24px;background-image:var(--blur-bg);background-size:cover;background-position:center;filter:blur(28px);z-index:0;pointer-events:none}.video-grid--poster.svelte-b3kz0k .video-grid__thumb:where(.svelte-b3kz0k){border-radius:0;background:#fff;padding:6px 6px 10px;box-shadow:0 .5px .5px #0000000a,0 1.5px 2px #0000000a,0 3px 5px #0000000a,0 6px 10px #0000000a,0 12px 20px #0000000a,0 24px 40px #00000008;transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out);will-change:transform}.video-grid--poster.svelte-b3kz0k .video-grid__item:where(.svelte-b3kz0k):hover .video-grid__thumb:where(.svelte-b3kz0k){transform:translateY(-6px) scale(1.015);box-shadow:0 1px 1px #0000000f,0 3px 4px #0000000f,0 6px 9px #0000000f,0 12px 18px #0000000f,0 24px 36px #0000000f,0 48px 72px #0000000d}.video-grid__thumb.svelte-b3kz0k picture:where(.svelte-b3kz0k),.video-grid__thumb.svelte-b3kz0k>img:where(.svelte-b3kz0k){display:block;width:100%;height:100%;position:relative;z-index:1}.video-grid__thumb.svelte-b3kz0k .video-grid__play:where(.svelte-b3kz0k){z-index:2}.video-grid__thumb.svelte-b3kz0k img:where(.svelte-b3kz0k){width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--motion-duration-reveal) var(--ease-soft),filter var(--motion-duration-fast) var(--ease-snap)}.video-grid__thumb.svelte-b3kz0k img:where(.svelte-b3kz0k).is-loaded{opacity:1}.video-grid__item.svelte-b3kz0k:hover .video-grid__thumb:where(.svelte-b3kz0k) img:where(.svelte-b3kz0k){filter:brightness(1.05)}.video-grid__placeholder.svelte-b3kz0k{width:100%;height:100%;background:var(--color-bg-alt, #f2ede8)}.video-grid__play.svelte-b3kz0k{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:.9;transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.video-grid__item.svelte-b3kz0k:hover .video-grid__play:where(.svelte-b3kz0k){opacity:1;transform:scale(1.1)}.video-grid__item.svelte-b3kz0k:hover .video-grid__play:where(.svelte-b3kz0k) svg:where(.svelte-b3kz0k) path:where(.svelte-b3kz0k):first-child{fill:#c4727fd9}.video-grid--poster.svelte-b3kz0k .video-grid__play:where(.svelte-b3kz0k) svg:where(.svelte-b3kz0k){filter:drop-shadow(0 2px 8px rgba(0,0,0,.55));opacity:.95}.video-grid--poster.svelte-b3kz0k .video-grid__item:where(.svelte-b3kz0k):hover .video-grid__play:where(.svelte-b3kz0k) svg:where(.svelte-b3kz0k) path:where(.svelte-b3kz0k){fill:#fff}.video-grid--poster.svelte-b3kz0k .video-grid__item:where(.svelte-b3kz0k){position:relative;padding:4px}.video-grid__info.svelte-b3kz0k{margin-top:var(--space-sm)}.video-grid__title.svelte-b3kz0k{font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text);margin:0;line-height:1.4}.video-grid__meta.svelte-b3kz0k{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:4px;font-size:var(--text-xs);color:var(--color-text-muted)}.video-grid__meta.svelte-b3kz0k span:where(.svelte-b3kz0k):not(:last-child):after{content:"·";margin-left:var(--space-xs)}