/* Copyright (c) 2026 LB IT Cloud SAS. All rights reserved.
   Proprietary source of the LB IT Cloud website. See LICENSE.

   THE HOME PAGE'S OWN RULES, AND WHY THEY ARE NOT IN site.css.

   Since 11/10/2026 the hero shows each product's screenshots behind a tab of its own (index.js,
   PRODUCTS) instead of Entris's recordings. Two things change in the box site.css draws, and both
   are written here rather than there: anonymizer-offline.html embeds site.css whole, and its
   SHA-256 is published — touching site.css means a new Anonymizer version and a new release
   (scripts/build-anonymizer-offline.mjs). The `.shot video` rule in site.css plays nothing any
   more; it can go the next time site.css changes for a reason of its own. */

/* 16/10, the shape of the captures: eXact's are 1600x1000 and 1920x1200, Entris's 2400x1500.
   site.css's 25/12 was the shape of the recordings, and a 16/10 picture fitted inside it left a
   band of empty panel down each side. A capture of another shape (eXact's custom-inventory
   dialog, 1141x606, when it was shown) is fitted inside, with a margin above and below —
   `contain`, never `cover`, for §4.17's reason. */
.heroShow .shot { aspect-ratio: 16 / 10; }

/* A tab with a single capture hides its arrows (index.js, paintShot). site.css gives .shotnav
   `display: flex`, which outranks the browser's own [hidden] rule. */
.heroShow .shotnav[hidden] { display: none; }

/* Where we are in the product's captures, ahead of the caption: 02 / 05. In the data face of
   the plate's specification lines, quieter than the sentence it introduces. */
.shotcap .shotno {
  font: 500 11px/1 var(--mono); letter-spacing: .08em; color: var(--ink-2);
  margin-right: 10px;
}