.home-stories-grid.story-masonry{--story-gap:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;grid-auto-columns:auto;grid-auto-rows:auto;gap:var(--story-gap);align-items:start;max-height:505px;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;padding:2px 7px 4px 2px;scroll-snap-type:none}
.home-stories-grid.story-masonry.is-masonry{grid-auto-rows:4px;row-gap:0}
.story-masonry>.masonry-story-card{min-width:0;align-self:start;margin:0;scroll-snap-align:none}
.story-tile{display:block;overflow:hidden;background:#fff;color:var(--text);border:1px solid var(--border);border-radius:10px;text-decoration:none}
.story-tile:hover{border-color:#a8bfdc}
.story-tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.story-tile-media{position:relative;overflow:hidden;aspect-ratio:4/5;background:#e8edf3}
.masonry-story-card:nth-child(4n+2) .story-tile-media{aspect-ratio:1/1}
.masonry-story-card:nth-child(4n+3) .story-tile-media{aspect-ratio:3/4}
.masonry-story-card:nth-child(4n) .story-tile-media{aspect-ratio:4/3}
.story-tile-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.story-tile-play{position:absolute;right:9px;bottom:9px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ffffffeb;color:#173959;box-shadow:0 1px 5px #17233420}
.story-tile-play .icon{width:16px;height:16px;fill:currentColor;stroke:none}
.story-tile-caption{display:flex;flex-direction:column;gap:7px;padding:11px 10px 12px}
.story-tile-caption strong{font-size:13px;font-weight:550;line-height:1.4;overflow-wrap:anywhere}
.story-tile-caption small{font-size:10px;line-height:1.4;color:var(--muted);overflow-wrap:anywhere}
.story-masonry>.empty-state{grid-column:1/-1}
@media(min-width:1101px){.home-stories-grid.story-masonry{--story-gap:16px}}
@media(min-width:1700px){.home-stories-grid.story-masonry{max-height:540px}}