.shorts-grid{background:var(--bg-secondary)}.shorts-grid__title{text-align:center;font-size:var(--text-3xl);margin-bottom:var(--space-2)}.shorts-grid__lead{text-align:center;color:var(--text-secondary);margin:0 auto var(--space-8);max-width:36rem}.shorts-grid__list{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.shorts-grid__list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1100px){.shorts-grid__list{grid-template-columns:repeat(6,minmax(0,1fr))}}.shorts-grid__card{gap:var(--space-2);color:var(--text-primary);flex-direction:column;text-decoration:none;display:flex}.shorts-grid__thumb{aspect-ratio:9/16;border-radius:var(--radius-lg);background:var(--color-primary-100);display:block;position:relative;overflow:hidden}.shorts-grid__thumb img{object-fit:cover}.shorts-grid__play{width:44px;height:44px;color:var(--color-white);background:#2e4741d9;border-radius:50%;place-items:center;font-size:16px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.shorts-grid__name{font-size:var(--text-sm);font-weight:600;line-height:1.4}.shorts-grid__card:hover .shorts-grid__name{color:var(--brand-primary)}.shorts-grid__more{text-align:center;margin-top:var(--space-8)}.shorts-grid__more a{color:var(--brand-primary);font-weight:600}