/* Real product captures, using the shared Intravo brand tokens. */
.product-capture { margin: 0; min-width: 0; width: 100%; }
.product-capture > img, .product-capture > video { display: block; width: 100%; height: auto; border: 1px solid var(--lav-300); border-radius: 16px; background: var(--nebula); }
.product-capture > video { object-fit: contain; }
.product-capture figcaption { margin-top: 12px; color: var(--muted); font-size: 13px; line-height: 1.55; }
.sec-dark .product-capture figcaption { color: var(--lav-100); }
.product-help { max-width: 420px; justify-self: center; }
.product-hero { width: 560px; max-width: 100%; flex-shrink: 0; align-self: center; }
.product-collage { width: 632px; max-width: 100%; flex-shrink: 0; display: grid; gap: 24px; align-self: center; }
.product-collage .product-capture:last-child { max-width: 390px; justify-self: end; }
.product-listeners { min-width: 0; display: grid; gap: 24px; align-self: center; }
.product-listeners .product-mobile { max-width: 310px; justify-self: center; }
.product-mobile { max-width: 390px; }
.product-voice { width: 800px; max-width: 100%; flex-shrink: 0; align-self: center; }
.product-room { width: 708px; max-width: 100%; }
.product-learn { width: 600px; max-width: 100%; flex-shrink: 0; align-self: center; }
.product-listening-demo { width: 600px; max-width: 100%; flex-shrink: 0; align-self: center; }
.product-listening-demo .product-capture { max-width: 390px; margin-inline: auto; }
@media (max-width: 1100px) {
  .product-hero, .product-collage, .product-learn, .product-voice, .product-listening-demo { width: 100%; }
}
@media (max-width: 720px) {
  .product-collage .product-capture:last-child { max-width: 100%; }
  .product-capture > img, .product-capture > video { border-radius: 10px; }
}