.movie-grid{align-items:start;display:grid;gap:28px 20px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.movie-card{min-width:0}.movie-card__link{color:inherit;display:block;text-decoration:none}.movie-card__poster{aspect-ratio:2/3;background:#1b1f26;border-radius:10px;margin-bottom:12px;overflow:hidden;position:relative}.movie-card__poster img{display:block;height:100%;object-fit:cover;position:relative;transition:transform .35s ease;width:100%}.movie-card__fallback{align-items:center;background:linear-gradient(145deg,#2a3240,#13171c);color:#fff;display:flex;font-size:14px;font-weight:600;inset:0;justify-content:center;line-height:1.4;padding:16px;position:absolute;text-align:center}.movie-card__link:hover .movie-card__poster img{transform:scale(1.04)}.movie-card__genre{color:#5a6472;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.04em;margin-bottom:4px;text-transform:uppercase}.movie-card__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:15px;font-weight:700;line-height:1.35;margin:0 0 6px;overflow:hidden}.movie-card__link:hover .movie-card__title{text-decoration:underline;text-underline-offset:3px}.movie-card__meta{color:#5a6472;display:flex;flex-wrap:wrap;font-size:13px;gap:4px 10px;margin:0}.movie-card__meta span+span{padding-left:12px;position:relative}.movie-card__meta span+span:before{background:currentColor;border-radius:50%;content:"";height:3px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}@media screen and (max-width:1024px){.movie-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media screen and (max-width:640px){.movie-grid{gap:22px 14px;grid-template-columns:repeat(2,1fr)}}