/* Stories: video cards for the home page preview and the /stories page. */
.stories-preview{border-top:1px solid var(--line)}
.stories-list{padding-top:20px}
.video-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,260px));justify-content:center;gap:30px 20px}
.video-card{min-width:0;display:flex;flex-direction:column}
.video-thumb{position:relative;display:block;aspect-ratio:9/16;background:#171717;overflow:hidden}
.video-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.video-thumb:hover img{transform:scale(1.03)}
.video-platform{position:absolute;top:10px;left:10px;background:#171717;color:var(--gold);font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:6px 10px;line-height:1.3}
.video-play{position:absolute;right:12px;bottom:12px;width:44px;height:44px;border-radius:50%;background:rgba(23,23,23,.78);display:flex;align-items:center;justify-content:center}
.video-play:after{content:'';border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent #fff;margin-left:3px}
.video-info{padding:16px 1px 0;display:flex;flex-direction:column;flex:1}
.video-info h3{font-size:1rem;line-height:1.35;margin-bottom:4px}
.video-meta{font-size:.78rem;color:#666;margin-bottom:16px}
.stories-cta .button-row{justify-content:center;margin-top:0}
@media(max-width:760px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:24px 14px}.video-info h3{font-size:.9rem}.video-play{width:38px;height:38px;right:8px;bottom:8px}.stories-list{padding-top:10px}}
@media(max-width:350px){.video-grid{grid-template-columns:1fr}}