.videos-page{max-width:1070px;margin:0 auto 2rem;padding:1rem;background-color:var(--color-accent);color:var(--color-primary);border-radius:5px}.videos-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.videos-title{font-size:1.75rem;font-weight:600;margin:0}.videos-controls{display:flex;align-items:center;gap:.75rem}.videos-sort-label{font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.videos-sort-select{padding:.35rem .65rem;border-radius:4px;border:1px solid rgba(12,12,12,.2);background-color:var(--color-accent);color:var(--color-primary);font:inherit}.videos-sort-select:hover{border-color:var(--color-primary)}.videos-sort-select:focus-visible{outline:2px solid var(--color-secondary);outline-offset:1px}.videos-empty{margin:2rem 0;text-align:center}.videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem}.videos-card{display:flex;flex-direction:column;text-decoration:none;color:var(--color-primary);background-color:var(--color-accent);border:1px solid rgba(12,12,12,.12);border-radius:6px;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.videos-card:hover{transform:translateY(-2px);color:var(--color-primary);border-color:var(--color-secondary);box-shadow:0 14px 24px -10px #0003,0 6px 10px -6px #0000001f}.videos-card:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}.videos-thumbnail-wrapper{position:relative;padding-bottom:56.25%;background-color:#000}.videos-thumbnail{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.videos-card-body{padding:.75rem .9rem 1rem}.videos-card-title{font-size:1rem;font-weight:600;margin:0 0 .25rem}.videos-card-description{font-size:.9rem;opacity:.85;margin:0}@media(max-width:640px){.videos-page{padding:.75rem}}