.spot {
  display: flex;
  gap: 0 100px;
}

.spot__media img {
  width: 100%;
  object-fit: cover;
}

.spot__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.spot__headline {
  margin-bottom: 5px;
  text-transform: none;
}

@media (max-width: 650px) {
  .spot__headline {
    font-size: 26px !important;
  }
}

/* .spot__meta, */
.spot__subline {
  font: var(--tall);
  margin-top: 20px;
}

.spot__link {
  display: block;
  margin-top: 25px;
}

@media (max-width: 650px) {
  .spot {
    flex-wrap: wrap;
    gap: 30px 0;
  }

  .spot__subline {
    font: var(--petit);
    margin-top: 20px;
  }
}

@media (min-width: 651px) {
  .spot__media {
    margin: auto 0;
    max-width: 435px;
    max-height: 275px;
  }
}

@media (max-width: 1279px) {
  .spot {
    gap: 25px 0;
    flex-wrap: wrap;
  }
}