.filmography{padding:120px var(--site-gutter) 80px;background:#000;flex-direction:column;gap:56px;display:flex}.filmography__empty{letter-spacing:.08em;text-transform:uppercase;color:#ffffff80;margin:0;font-size:14px}.film-row{color:inherit;justify-content:space-between;align-items:center;gap:40px;text-decoration:none;display:flex}.film-row:hover .film-row__title{opacity:.75}.film-row--no-media{justify-content:flex-start}.film-row__info{flex-direction:column;flex:0 0 160px;align-items:flex-start;gap:16px;width:100%;max-width:160px;display:flex}.film-row__media{flex:1 1 0;min-width:0;max-width:500px}.film-row__media img,.film-row__image{width:100%;height:auto;display:block}.film-row__title{text-transform:uppercase;color:#fff;margin:0;font-size:26px;font-weight:500;line-height:1.2}.film-row__credit{letter-spacing:.1em;text-transform:uppercase;color:#fff;margin:0;font-size:12px}.film-row__badge{letter-spacing:.1em;text-transform:uppercase;color:#fff;border:1px solid #fff;border-radius:999px;padding:8px 18px;font-size:11px;display:inline-block}.film-row__meta{letter-spacing:.1em;text-transform:uppercase;color:#fff;justify-content:space-between;align-items:baseline;gap:12px;width:100%;font-size:11px;display:flex}.film-row__genero{text-align:right;margin-left:auto}@media (max-width:1023px){.filmography{gap:48px;padding-top:100px}.film-row{flex-direction:column;align-items:flex-start;gap:24px}.film-row__info{flex:none;width:100%;max-width:none}.film-row__media{flex:none;order:-1;width:100%;max-width:none}.film-row__title{font-size:22px}}@media (max-width:767px){.filmography{gap:40px;padding:100px 24px 64px}.film-row{gap:20px}.film-row__title{font-size:20px}.film-row__badge{padding:6px 14px;font-size:10px}.film-row__meta{gap:8px;font-size:10px}}