/*
 * KIT PART: a clip on the kit monitor (srk_monitor_clip(), inc/kit-monitor-clip.php).
 * About hero 4, 10 Oct 2026.
 *
 * The product kit draws the monitor (.srpk-monitor: bezel, rule, stand,
 * shadow). This file only puts a clip on its screen, FULL SCREEN: the screen
 * box takes the clip's own ratio (--srk-monclip-r, printed by the component),
 * so the picture fills it edge to edge, never letterboxed and never cropped.
 * scene-kit.css draws every .srk-scene-video absolute at the top left on a navy
 * ground; that is undone here, inside this part only.
 */

.srk-page .srk-monclip .srk-monclip-screen {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: var(--srk-monclip-r, 16 / 10);
  overflow: hidden;
  border-radius: 4px;
  background: #0d1430;
}

.srk-page .srk-monclip .srk-monclip-screen video,
.srk-page .srk-monclip .srk-monclip-screen .srk-scene-video {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  margin: 0;
  object-fit: cover;
  object-position: center;
  border-radius: 0;
  background: transparent;
}