.pg-hero{padding:8rem 0 3rem;border-bottom:1px solid var(--border)}.pg-hero-inner{max-width:40rem}.pg-breadcrumb{display:flex;align-items:center;gap:.5rem;font-family:var(--mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted-fg);margin-bottom:1.5rem}.pg-breadcrumb a{color:var(--primary);transition:opacity .3s}.pg-breadcrumb a:hover{opacity:.7}.pg-sep{color:var(--border)}.pg-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:-.02em}.pg-desc{margin-top:.75rem;font-family:var(--mono);font-size:.875rem;color:var(--muted-fg);line-height:1.6;max-width:36rem}.filter-bar{padding:2rem 0;border-bottom:1px solid var(--border)}.filter-bar .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.filter-inner{display:flex;flex-wrap:wrap;gap:.5rem}.filter-btn{font-family:var(--mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted-fg);border:1px solid var(--border);padding:.5rem 1rem;background:transparent;cursor:pointer;transition:border-color .3s,color .3s,background .3s}.filter-btn:hover{border-color:color-mix(in oklch,var(--primary) 40%,transparent);color:var(--fg)}.filter-btn.active{background:var(--primary);color:var(--primary-fg);border-color:var(--primary)}.vid-count{font-family:var(--mono);font-size:.75rem;color:var(--muted-fg);letter-spacing:.05em}.vid-featured-sect{padding:3rem 0 0}.vid-featured,.vid-card{display:block;position:relative;overflow:hidden;border:1px solid var(--border);transition:border-color .3s}.vid-featured{margin-bottom:1.5rem}.vid-featured:hover,.vid-card:hover{border-color:color-mix(in oklch,var(--primary) 40%,transparent)}.vid-thumb{position:relative;aspect-ratio:16/9}.vid-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.vid-featured:hover .vid-thumb img,.vid-card:hover .vid-thumb img{transform:scale(1.05)}.vid-dim{position:absolute;inset:0;background:color-mix(in oklch,var(--bg) 40%,transparent);transition:background .3s}.vid-featured:hover .vid-dim,.vid-card:hover .vid-dim{background:color-mix(in oklch,var(--bg) 30%,transparent)}.play-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.play-lg{width:4rem;height:4rem;border-radius:50%;background:color-mix(in oklch,var(--primary) 90%,transparent);color:var(--primary-fg);display:flex;align-items:center;justify-content:center;transition:transform .3s}.vid-featured:hover .play-lg{transform:scale(1.1)}.play-hover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.vid-card:hover .play-hover{opacity:1}.play-sm{width:3rem;height:3rem;border-radius:50%;background:color-mix(in oklch,var(--primary) 90%,transparent);color:var(--primary-fg);display:flex;align-items:center;justify-content:center}.vid-caption{position:absolute;bottom:0;left:0;right:0;padding:1.5rem 2rem}.vid-cat{font-family:var(--mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--primary);display:inline-block;margin-bottom:.5rem}.vid-name{font-weight:700}.vid-name-lg{font-size:clamp(1.25rem,3vw,1.5rem)}.vid-meta{display:flex;align-items:center;gap:1rem;margin-top:.5rem;color:var(--muted-fg)}.vid-meta-item{font-family:var(--mono);font-size:.75rem;display:flex;align-items:center;gap:.25rem}.vid-date{opacity:.6}.vid-dur-badge{position:absolute;bottom:.75rem;right:.75rem;font-family:var(--mono);font-size:.7rem;background:color-mix(in oklch,var(--bg) 80%,transparent);color:var(--fg);padding:.25rem .5rem;z-index:2;letter-spacing:.03em}.vid-all-sect{padding:3rem 0 6rem}.vid-full-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.vid-info{padding:1.25rem}.vid-info-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.vid-info-date{font-family:var(--mono);font-size:.7rem;color:var(--muted-fg)}.vid-info-title{font-size:1rem;font-weight:700;line-height:1.4;transition:color .3s}.vid-card:hover .vid-info-title{color:var(--primary)}.vid-info-views{font-family:var(--mono);font-size:.75rem;color:var(--muted-fg);display:block;margin-top:.5rem}.vid-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.75rem}.vid-tag{font-family:var(--mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-fg);border:1px solid var(--border);padding:.25rem .5rem;transition:border-color .3s,color .3s}.vid-card:hover .vid-tag{border-color:color-mix(in oklch,var(--primary) 30%,transparent)}@media(min-width:640px){.vid-full-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.vid-full-grid{grid-template-columns:repeat(3,1fr)}}