.cs-story {
  min-width: 0;
}
.cs-story__link {
  display: block;
  color: inherit;
  text-decoration: none;
}
.cs-story__link:hover .cs-story__more {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.cs-story__link:hover .cs-story__img {
  transform: scale(1.03);
}
.cs-story__media {
  display: block;
  overflow: hidden;
  border-radius: var(--cs-radius);
  background: rgba(255, 255, 255, 0.08);
}
.cs-story__img {
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  height: auto;
  object-fit: cover;
  transition: transform 0.6s var(--cs-ease);
}
.cs-story__need {
  display: block;
  margin-top: 16px;
  font: 600 12px/1.3 var(--cs-sans);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.cs-story__name {
  margin: 16px 0 0;
  font: 400 26px/1.2 var(--cs-serif);
}
.cs-story__need + .cs-story__name {
  margin-top: 6px;
}
.cs-story__arc {
  margin: 8px 0 0;
  font-size: 16px;
  line-height: 1.55;
}
.cs-story__more {
  display: inline-block;
  margin-top: 12px;
  font: 600 14px/1.3 var(--cs-sans);
}
.cs-story--forest .cs-story__name {
  color: #fff;
}
.cs-story--forest .cs-story__arc {
  color: rgba(255, 255, 255, 0.88);
}
.cs-story--forest .cs-story__more, .cs-story--forest .cs-story__need {
  color: var(--cs-leaf);
}
.cs-story--light .cs-story__name {
  color: var(--cs-forest);
}
.cs-story--light .cs-story__more, .cs-story--light .cs-story__need {
  color: var(--cs-forest);
}

@media (prefers-reduced-motion: reduce) {
  .cs-story__img {
    transition: none;
  }
  .cs-story__link:hover .cs-story__img {
    transform: none;
  }
}
.cs-stories__loop .wp-block-post-template {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 40px 22px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .cs-stories__loop .wp-block-post-template {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.cs-stories__loop .wp-block-post-template > li {
  margin: 0;
  min-width: 0;
}