/* =============================================================================
   CASES — TRACE 3 · "TWO-UP GALLERY"
   Every rail becomes a tidy wrap GRID — all reels visible at once (no hidden
   horizontal scroll), two-up on mobile / three-up on tablet, each tile big
   enough to read. Scannable + balanced. Tap-to-play (via _touch.js).
   Desktop (>=900): LOCKED (folio.css).
============================================================================= */
@container (max-width: 899.98px) {
  .fo-airail, .vb-grid {
    display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-3);
    overflow: visible; padding: 0; scroll-snap-type: none;
  }
  .fo-airail__item, .vb-tile { width: 100%; max-width: none; flex: initial; }

  /* carousel + case viewer fill the column */
  .cz1__viewer, .fo-cz2__viewer { max-width: none; }
}

/* tablet — three-up gallery */
@container (min-width: 600px) and (max-width: 899.98px) {
  .fo-airail, .vb-grid { grid-template-columns: repeat(3, 1fr); gap: var(--space-4); }
}