/* V18 — compact editorial story banners */
.v6-story-header h2 {
  max-width: none;
  font-size: clamp(1.2rem, 5.2vw, 1.34rem);
  line-height: 1.16;
}

.v6-story-slide {
  flex-basis: 100%;
  min-height: 164px;
  padding: 17px 16px;
  border: 0;
  border-radius: 24px;
}

.v6-story-slide.has-photo {
  display: flex;
  align-items: stretch;
}

.v6-story-photo::after {
  background: rgb(18 13 10 / 55%);
}

.v6-story-photo img {
  object-position: 58% center;
  transition: transform 160ms ease-out, opacity 160ms ease-out;
  transform: scale(1.015);
}

.v6-story-reward .v6-story-photo img {
  object-position: 62% center;
}

.v6-story-quest .v6-story-photo img {
  object-position: 46% center;
}

.v6-story-studio .v6-story-photo img {
  object-position: 64% center;
}

.v6-story-slide.has-photo .v6-story-copy {
  display: flex;
  width: min(69%, 230px);
  max-width: none;
  padding: 0;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.v6-story-quest.has-photo .v6-story-copy {
  margin-left: 0;
}

.v6-story-slide.has-photo .v6-story-copy h3 {
  max-width: 205px;
  font-size: clamp(1.05rem, 4.9vw, 1.22rem);
  line-height: 1.06;
  text-wrap: balance;
}

.v6-story-slide.has-photo .v6-story-copy > p:not(.v6-story-eyebrow) {
  max-width: 210px;
  margin: 6px 0 5px;
  font-size: 0.75rem;
  line-height: 1.3;
  text-wrap: pretty;
}

.v6-story-cta {
  min-height: 44px;
  margin-block: -5px -7px;
  transition: transform 120ms ease-out, opacity 120ms ease-out;
}

.v6-story-cta:active {
  opacity: 0.76;
  transform: translateY(1px);
}

@media (max-width: 350px) {
  .v6-story-slide { min-height: 160px; padding: 15px; }
  .v6-story-slide.has-photo .v6-story-copy { width: min(72%, 202px); }
  .v6-story-slide.has-photo .v6-story-copy h3 { font-size: 1.03rem; }
  .v6-story-slide.has-photo .v6-story-copy > p:not(.v6-story-eyebrow) { max-width: 190px; }
}

@media (prefers-reduced-motion: reduce) {
  .v6-story-photo img,
  .v6-story-cta { transition: none; }
}

@media (forced-colors: active) {
  .v6-story-slide.has-photo .v6-story-copy {
    border: 0;
    background: transparent;
    color: CanvasText;
    box-shadow: none;
  }
}