.list__title {
  margin: 0;
}

@media (min-width: 1000px) {
  .list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 0 var(--4);
    grid-gap: var(--6);
  }
}

@media (max-width: 1152px) {
  .list {
    grid-gap: var(--3);
  }
}

.list__image {
  width: 100%;
  grid-area: image;
  img {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    object-fit: cover;
    vertical-align: bottom;
    border-radius: var(--curvynes);
  }
}

.list__item {
  display: grid;
  grid-gap: var(--1);
  grid-template-columns: auto var(--8);
  grid-template-areas: 'main image';
  @media (max-width: 600px) {
    grid-template-columns: var(--7) auto;
    grid-template-rows: auto auto;
    grid-template-areas:
      'image title'
      'body body';
  }
}

.list__item-body {
  grid-area: body;
}

.list__item-main {
  grid-area: main;
  max-width: calc(var(--1) * 19);
  @media (max-width: 600px) {
    display: contents;
  }
}

@media (min-width: 1000px) {
  .list__intro {
    margin: auto 0;
    position: sticky;
    top: 0;
    bottom: 0;
  }
}
@media (max-width: 999px) {
  .list__intro {
    margin-bottom: var(--2);
  }
}

.list__item {
  padding: var(--1) 0 var(--3);
  @media (max-width: 600px) {
    padding-bottom: var(--2);
  }
  &:nth-child(n + 2) {
    border-top: 1px solid #c4c4c4;
  }
  &:last-child {
    padding-bottom: 0;
  }
}

.list__item-title {
  font-size: 1.222;
  line-height: 1.2;
  margin: 0 0 var(--1);
  hyphens: auto;
}

.list__item-footer {
  margin-top: var(--1);
  display: none;
}