/* STW Shorts horizontal RAIL — used on homepage hero, single-post sidekick, films archive */

.stw-rail { background: #0a0a0a; color: #fff; padding: 64px 0; position: relative; }
.stw-rail__head { max-width: 1200px; margin: 0 auto; padding: 0 24px 28px; position: relative; }
.stw-rail__eyebrow { font-family: 'Inter', sans-serif; font-size: 11px; letter-spacing: .8px; text-transform: uppercase; color: #C0392B; margin: 0 0 10px; }
.stw-rail__h { font-family: 'Instrument Serif', Georgia, serif; font-size: 40px; font-weight: 400; line-height: 1.1; margin: 0 0 8px; color: #fff; }
.stw-rail__sub { font-family: 'Inter', sans-serif; font-size: 14px; color: rgba(255,255,255,.6); margin: 0; }
.stw-rail__seeall { position: absolute; right: 24px; top: 50%; transform: translateY(-50%); font-family: 'Inter', sans-serif; font-size: 13px; font-weight: 600; color: #fff; text-decoration: none; padding: 10px 18px; border: 1px solid rgba(255,255,255,.2); border-radius: 999px; transition: background .2s, border-color .2s; }
.stw-rail__seeall:hover { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.4); }

/* Grid — 4 cols × 2 rows on desktop, no horizontal scroll */
.stw-rail__track { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; padding: 4px 24px 24px; max-width: 1200px; margin: 0 auto; }
@media (max-width: 900px) { .stw-rail__track { grid-template-columns: repeat(3, 1fr); gap: 12px; } }
@media (max-width: 600px) { .stw-rail__track { grid-template-columns: repeat(2, 1fr); gap: 10px; padding: 4px 16px 20px; } }

/* Tile */
.stw-rail__tile { text-decoration: none; color: inherit; transition: transform .25s cubic-bezier(.22,1,.36,1); }
.stw-rail__tile:hover { transform: translateY(-3px); }
.stw-rail__media { position: relative; aspect-ratio: 9/16; border-radius: 12px; overflow: hidden; background: #000; }
.stw-rail__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s cubic-bezier(.22,1,.36,1); display: block; }
.stw-rail__tile:hover .stw-rail__media img { transform: scale(1.04); }
.stw-rail__dur { position: absolute; right: 8px; bottom: 8px; padding: 2px 7px; border-radius: 4px; background: rgba(0,0,0,.72); color: #fff; font-family: 'Inter', sans-serif; font-size: 10px; font-weight: 600; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.stw-rail__meta { padding: 10px 4px 0; }
.stw-rail__title { font-family: 'Inter', sans-serif; font-size: 13px; font-weight: 600; line-height: 1.3; color: #fff; margin: 0 0 3px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.stw-rail__sub-tile { font-family: 'Inter', sans-serif; font-size: 11px; color: rgba(255,255,255,.55); margin: 0; }

/* Mobile head adjustments */
@media (max-width: 700px) {
  .stw-rail { padding: 48px 0; }
  .stw-rail__head { padding: 0 16px 20px; }
  .stw-rail__h { font-size: 30px; }
  .stw-rail__seeall { position: static; transform: none; display: inline-block; margin-top: 14px; padding: 8px 14px; font-size: 12px; }
}