/* V2: homepage gradient/grid, with an engine reveal instead of a model-led poster. */
.tsi-cover--engine { --engine-opacity: 1; --engine-scale: 1; --engine-rise: 0cqw; --car-scale: .5; --car-opacity: .45; --car-x: -1cqw; }
.tsi-cover--engine .tsi-cover__frame { container-type: inline-size; }
.tsi-cover--engine .tsi-cover__canvas {
  background-color: #5955ef;
  background-image: linear-gradient(#ffffff0d 1px, transparent 1px), linear-gradient(90deg, #ffffff0d 1px, transparent 1px), linear-gradient(180deg, #5955ef 0%, #4441ba 100%);
  background-size: 4.8cqw 4.8cqw, 4.8cqw 4.8cqw, 100% 100%;
}
.tsi-cover--engine .tsi-scene__brand-shadow { opacity: .04; }
.tsi-cover--engine .tsi-scene__floor { left: 0; bottom: 0; width: 100%; height: 26%; border-radius: 0; transform: none; background: linear-gradient(0deg, #30277938, transparent); }
.tsi-cover--engine .tsi-scene__floor::after { inset: auto 7% 15%; height: 19%; border: 0; border-radius: 50%; background: #211c632b; filter: blur(1.6cqw); }
.tsi-cover--engine .tsi-scene__car { transform: translateX(var(--car-x)) scale(var(--car-scale)); transform-origin: 0 100%; opacity: var(--car-opacity); }
.tsi-cover--engine .tsi-scene__engine { position: absolute; z-index: 4; left: 33%; bottom: 8%; width: 31.5%; transform: translateY(var(--engine-rise)) scale(var(--engine-scale)); transform-origin: 50% 88%; opacity: var(--engine-opacity); filter: drop-shadow(0 1cqw 1.2cqw #21185f66); }
.tsi-cover--engine .tsi-scene__engine img { display: block; width: 100%; height: auto; max-width: none; margin: 0; }
.tsi-cover--engine .tsi-scene__engine-label { position: absolute; z-index: 5; left: 42%; bottom: 4%; color: #fff; font: 600 2.6cqw/1 'Onest', sans-serif; letter-spacing: -.04em; opacity: var(--engine-opacity); }
.tsi-cover--engine[data-scene-phase="engine"] .tsi-scene__inspector img { visibility: hidden; }
.tsi-cover--engine[data-scene-phase="engine"] .tsi-scene__inspector img[data-pose="inspect"] { visibility: inherit; }
.tsi-cover--engine[data-scene-phase="engine"] .tsi-scene__bubble span { display: none; }
.tsi-cover--engine[data-scene-phase="engine"] .tsi-scene__bubble span[data-line="engine"] { display: block; }
@media (max-width: 600px) {
  .tsi-cover--engine .tsi-cover__canvas { background-size: 9cqw 9cqw, 9cqw 9cqw, 100% 100%; }
  .tsi-cover--engine .tsi-scene__floor { left: 0; bottom: 0; width: 100%; height: 25%; transform: none; }
  .tsi-cover--engine .tsi-scene__car { left: 3%; width: 90%; }
  .tsi-cover--engine .tsi-scene__engine { left: 19%; bottom: 10%; width: 49%; }
  .tsi-cover--engine .tsi-scene__engine-label { left: 34%; bottom: 6%; font-size: 4.3cqw; }
  .tsi-cover--engine .tsi-scene__bubble { top: 38%; }
}