.sc-banner{position:relative;height:360px;overflow:hidden;background:var(--primitive-base-black,#000);display:flex;flex-direction:column;justify-content:flex-end}.sc-banner__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.sc-banner__overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.2) 55%,transparent)}.sc-banner__tabs{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-24);background:linear-gradient(180deg,rgba(0,0,0,.45) 0,transparent)}.sc-banner__tab{padding:var(--space-8) var(--space-20);border-radius:var(--radius-pill);font-family:var(--font-cn);font-size:var(--type-cn-body-large-size);color:hsla(0,0%,100%,.55);text-decoration:none;transition:background .2s,color .2s}.sc-banner__tab:hover{color:hsla(0,0%,100%,.9)}.sc-banner__tab--active{background:hsla(0,0%,96%,.2);backdrop-filter:blur(4px);color:var(--semantic-text-inverse)}.sc-banner__content{position:relative;z-index:2;padding:var(--space-40);display:flex;flex-direction:column;align-items:center;gap:var(--space-8);text-align:center}.sc-banner__title{font-family:var(--font-cn);font-size:var(--type-cn-headline-small-size);font-weight:var(--type-cn-headline-small-weight);line-height:var(--type-cn-headline-small-line);color:var(--semantic-text-inverse)}@media (max-width:1024px){.sc-banner{height:280px}.sc-banner__content{padding:var(--space-24) var(--space-20)}}@media (max-width:640px){.sc-banner{height:220px}}.videos-lists{padding:var(--layout-section-y) 0;background:var(--semantic-bg-default)}.videos-lists__filters{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-20);margin-bottom:var(--space-20)}.videos-lists__toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-24)}.videos-lists__count{color:var(--semantic-text-primary)}.videos-lists__sorts{display:flex;gap:var(--space-8)}.videos-lists__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-24);transition:opacity var(--motion-base) ease}.videos-lists__grid .vl-card{width:100%}.videos-lists__empty,.videos-lists__loading{padding:var(--space-32) 0;text-align:center;font-size:var(--type-cn-body-medium-size);line-height:var(--type-cn-body-medium-line);color:var(--semantic-text-secondary)}.videos-lists__sentinel{height:1px}@media (max-width:1024px){.videos-lists__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.videos-lists__filters,.videos-lists__grid{grid-template-columns:1fr}}