.block-ffa-projects {
  display: block;
}
.block-ffa-projects .tag-style-list {
  padding-bottom: 2em;
}
.block-ffa-projects .items {
  list-style: none;
  padding: 0;
  text-align: left;
}
.block-ffa-projects .items > li {
  display: block;
}
@media (max-width: 760px) {
  .block-ffa-projects .items > li {
    padding-bottom: 3em;
  }
}
@media (min-width: 761px) {
  .block-ffa-projects .items {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-gap: 2em 3.5em;
    gap: 2em 3.5em;
  }
}
.block-ffa-projects .items a {
  text-decoration: none;
  color: var(--fg);
}
@media (max-width: 760px) {
  .block-ffa-projects .items a {
    display: block;
  }
}
.block-ffa-projects .items a > .info {
  padding-top: 0.4em;
  flex: 1;
  font-size: var(--font-size-smaller);
  line-height: 1.4;
}
.block-ffa-projects .items a > .info > h3 {
  color: var(--fg);
  transition: color var(--anim-speed) ease-in-out;
}
.block-ffa-projects .items a > .info > h3 > .year {
  display: block;
}
.block-ffa-projects .items a > .info > .logline {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.block-ffa-projects .items a > .info > .formats {
  padding-top: 0.5em;
}
.block-ffa-projects .items a > .info > .formats > .format {
  border: 1px solid var(--fg);
  display: inline-block;
  padding: 0 0.4em;
  margin: 0 0.2em 0.2em 0;
}
.block-ffa-projects .items a .img-wrapper {
  padding-top: 66.6666666667%;
  position: relative;
  background-color: var(--hover-bg);
}
.block-ffa-projects .items a .img-wrapper > .img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  transition: opacity var(--anim-speed) ease-in-out;
}
.block-ffa-projects .items a:hover .img-wrapper .img {
  opacity: 0.8;
}