.feat-media.feat-usbc-either { background: var(--bg); }          /* same colour as the page: no visible box */
.feat-usbc-either canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.feat-usbc-either .pics { position: absolute; width: 0; height: 0; overflow: hidden; opacity: 0; pointer-events: none; }
.feat-usbc-either .caps { position: absolute; left: 70%; top: 88%; width: 0; height: 0; pointer-events: none; }
.feat-usbc-either .cap {
  position: absolute; left: 0; top: 0; transform: translate(-50%, -50%); white-space: nowrap;
  font: 500 10px/1 var(--font-ui); letter-spacing: .16em; text-transform: uppercase; color: var(--fg-dim);
  opacity: 0; transition: opacity .6s var(--ease);
}
.feat-usbc-either .cap.on { opacity: .7; transition: opacity 1.1s var(--ease) .6s; }
@media (min-width: 700px) { .feat-usbc-either .cap { font-size: 11.5px; } }