/* NSTACK website v2 · Studio. Product screens reuse the Home's bento tiles (v2.css); this file only places them. */

.st-connect .copy { grid-column: 1 / span 5; }
.st-connect .visual { grid-column: 6 / span 7; }

.st-one .t-ds { grid-column: 1 / -1; }
.st-one .t-ds .frame { aspect-ratio: 2768 / 900; }

.st-pair .t-new { grid-column: 1 / span 5; grid-row: 1; }
.st-pair .t-tools { grid-column: 6 / span 7; grid-row: 1; }
.st-pair .frame { height: 320px; }
.st-pair .t-tools .frame img { object-position: center bottom; }

.st-auto .visual.iso { height: 320px; }

.st-runs .copy .st-prod { width: 100%; max-width: 30em; margin-top: 8px; }
.st-solo { grid-template-rows: auto; }
.st-solo .t-runlog { grid-column: 1 / -1; }
.st-solo .t-runlog .frame { height: 500px; }

@media (max-width: 959px) {
  .st-connect .copy, .st-connect .visual { grid-column: 1 / -1; }
  .st-one .t-ds .frame { aspect-ratio: auto; height: 240px; }
  .st-one .t-ds .frame img { object-position: right top; }
  .st-pair .t-new, .st-pair .t-tools { grid-column: 1 / -1; grid-row: auto; }
  .st-pair .frame { height: auto; }
  .st-pair .t-new .frame { aspect-ratio: 1036 / 816; }
  .st-pair .t-tools .frame { aspect-ratio: 1997 / 1260; }
  .st-auto .visual.iso { height: 230px; }
  .st-solo .t-runlog .frame { height: auto; aspect-ratio: 1596 / 1300; }
}