.p-mystory { background: #050706; }
.p-mystory__grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 7px; }
.p-mystory__item { display: block; aspect-ratio: 1; overflow: hidden; background: #111; }
.p-mystory__item img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.68) brightness(.76); transition: filter .25s ease, transform .25s ease; }
a.p-mystory__item:hover img { filter: saturate(.9) brightness(.9); transform: scale(1.025); }
@media (max-width: 900px) { .p-mystory__grid { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 520px) { .p-mystory__grid { grid-template-columns: repeat(3, 1fr); gap: 4px; } .p-mystory__item:nth-child(n+7) { display: none; } }