/* Coming Soon (spec §7b): poster grid by release date, no hero ceremony.
   Posters link to detail pages even before showtimes exist. */
.cs-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 12px;
  padding:18px 0 28px}
.cs-grid a{text-decoration:none;color:var(--ink)}
.cs-grid img{aspect-ratio:2/3;object-fit:cover;width:100%}
.cs-grid .noposter{aspect-ratio:2/3;background:var(--surface);
  border:1px solid var(--line);display:flex;align-items:flex-end;padding:10px}
.cs-grid .noposter span{font-family:var(--font-display);font-size:17px;line-height:1.05}
.cs-grid .t{font-weight:600;font-size:13px;margin-top:8px;line-height:1.35}
.cs-grid .d{font-size:12px;color:var(--red-deep);margin-top:2px}
.cs-empty{margin:18px 0 28px}

@media (min-width:720px){
  .cs-grid{grid-template-columns:repeat(4,1fr);gap:28px 24px;padding:28px 0 52px}
  .cs-grid .t{font-size:14px;margin-top:10px}
  .cs-grid .d{font-size:13px;margin-top:3px}
  .cs-grid .noposter span{font-size:24px}
}