.collection-mockup .story-grid{
  padding-left:0;
}

.collection-mockup .story-grid::before,
.collection-mockup .story-card .story-sequence{
  display:none;
}

.collection-mockup .story-card,
.collection-mockup .story-card:nth-of-type(n),
.collection-mockup .story-card.featured,
.collection-mockup .story-card[data-story-type="photo"],
.collection-mockup .story-card[data-story-type="video"]{
  grid-template-columns:minmax(300px,.82fr) minmax(0,1.38fr);
}

.collection-mockup .story-card .type,
.collection-mockup .story-card h3,
.collection-mockup .story-card .by,
.collection-mockup .story-card>p{
  grid-column:1;
}

.collection-mockup .story-card [data-media-slot],
.collection-mockup .example-text-visual{
  grid-column:2;
}

.collection-mockup .story-card[data-story-type="audio"]{
  grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);
}

.collection-mockup .story-card[data-story-type="audio"] [data-media-slot]{
  grid-column:2;
}

@media (max-width:900px){
  .collection-mockup .story-card,
  .collection-mockup .story-card:nth-of-type(n),
  .collection-mockup .story-card.featured,
  .collection-mockup .story-card[data-story-type="photo"],
  .collection-mockup .story-card[data-story-type="video"]{
    grid-template-columns:minmax(240px,.9fr) minmax(0,1.1fr);
  }
  .collection-mockup .story-card[data-story-type="audio"]{
    grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);
  }
}

@media (max-width:700px){
  .collection-mockup .story-card,
  .collection-mockup .story-card:nth-of-type(n),
  .collection-mockup .story-card.featured,
  .collection-mockup .story-card[data-story-type="photo"],
  .collection-mockup .story-card[data-story-type="video"],
  .collection-mockup .story-card[data-story-type="audio"]{
    grid-template-columns:1fr;
  }

  .collection-mockup .story-card .type,
  .collection-mockup .story-card h3,
  .collection-mockup .story-card .by,
  .collection-mockup .story-card>p,
  .collection-mockup .story-card[data-story-type="audio"] .type,
  .collection-mockup .story-card[data-story-type="audio"] h3,
  .collection-mockup .story-card[data-story-type="audio"] .by{
    grid-column:1;
  }

  .collection-mockup .story-card [data-media-slot],
  .collection-mockup .example-text-visual,
  .collection-mockup .story-card[data-story-type="audio"] [data-media-slot]{
    grid-column:1;
  }

  .collection-mockup .story-card.featured[data-story-type="text"]::before{
    left:20px;
  }
}