/* Product illustrations are inline SVG paths. Their captions remain HTML text. */
.site main .hardware-section .equipment-totems,
.site main .included-section .equipment-kit {
  width: 100%;
  max-width: 920px;
  margin: 28px auto 0;
}

.site main .equipment-illustration {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

.site main .hardware-section .equipment-totems {
  aspect-ratio: 1193 / 480;
}

.site main .included-section .equipment-kit {
  position: relative;
  aspect-ratio: 1170 / 633;
  container-type: inline-size;
}

.site main .included-section .equipment-kit .equipment-illustration {
  position: absolute;
  inset: 0 0 auto;
  height: 77.4092%;
}

.site main .included-section .equipment-kit-labels {
  position: absolute;
  inset: 83.5703% 0 auto;
  display: grid;
  grid-template-columns: 340fr 420fr 410fr;
  align-items: start;
  color: #f4f4f4;
  font-size: 4.9573cqw;
  line-height: 1.25;
  font-weight: 300;
  letter-spacing: -.045em;
  white-space: nowrap;
}

.site main .included-section .equipment-label {
  display: block;
  text-align: center;
}

@media (max-width: 600px) {
  :where(html[data-device="desktop"]) .site main .hardware-section .equipment-totems,
  :where(html[data-device="desktop"]) .site main .included-section .equipment-kit {
    margin-top: 20px;
  }
}

:where(html[data-device="phone"],html[data-device="tablet"]) .site main .hardware-section .equipment-totems {
  width: calc(1193 * var(--mobile-page-u));
  height: calc(480 * var(--mobile-page-u));
  max-width: none;
  margin: calc(16 * var(--mobile-page-u)) auto 0;
}

:where(html[data-device="phone"],html[data-device="tablet"]) .site main .included-section .equipment-kit {
  width: calc(1170 * var(--mobile-page-u));
  height: calc(633 * var(--mobile-page-u));
  max-width: none;
  margin: calc(50 * var(--mobile-page-u)) auto 0;
}

:where(html[data-device="phone"],html[data-device="tablet"]) .site main .included-section .equipment-kit-labels {
  font-size: calc(58 * var(--mobile-page-u));
}
