/* Generated modern industrial handheld cutout, with the real video above its blank display. */
.industrial-collector{position:relative;flex:0 0 auto;width:184px;aspect-ratio:662/1446;padding:0;border:0;background:none;box-shadow:none;isolation:isolate;filter:drop-shadow(0 10px 12px #0d1b2e24)}
.collector-image-clip{position:absolute;inset:0;overflow:hidden;pointer-events:none;user-select:none;z-index:0}
.collector-product-image{position:absolute;left:-27.49245%;top:-2.42047%;width:154.68278%;height:auto;max-width:none;pointer-events:none;user-select:none}
.collector-display{position:absolute;left:14.04834%;top:12.86307%;width:71.75227%;height:75.17289%;border:0;border-radius:2px;background:#000;overflow:hidden;z-index:1}
.collector-display video{width:100%!important;height:100%!important;max-width:100%;aspect-ratio:auto;object-fit:contain!important;border-radius:0}
.collector-display .video-start{padding:8px;font-size:12px;justify-content:center;gap:12px;text-align:center;background:linear-gradient(0deg,#091b39b8,transparent 88%)}
.collector-display .video-start small{font-size:10px}.collector-display .play-disc{width:44px;height:44px;flex-shrink:0}.collector-display .play-disc .icon{width:22px;height:22px}
.collector-display .video-error{inset:auto 3px 3px;padding:6px;font-size:11px;overflow-wrap:anywhere}.collector-display .video-error a{min-height:44px}
.industrial-composition{height:442px;position:relative;padding-top:22px}
.industrial-composition .desktop-preview{position:absolute;left:0;top:35px;width:calc(100% - 48px);max-width:none}
.industrial-composition .hero-industrial-collector{position:absolute;right:5px;bottom:3px;width:178px;z-index:2}
.industrial-composition .desktop-preview figcaption{padding-right:125px;line-height:1.45}
.industrial-stage{padding:25px;overflow:visible;background-position:center}
.industrial-stage .industrial-collector{width:220px}
.industrial-stage .collector-display video{height:100%}
@media(min-width:1600px){.industrial-composition{height:458px}.industrial-composition .hero-industrial-collector{width:184px}}
@media(min-width:1024px) and (max-width:1150px){.industrial-composition{height:380px}.industrial-composition .hero-industrial-collector{width:152px}.industrial-composition .desktop-preview{top:25px}.industrial-composition .desktop-preview figcaption{padding-right:102px}.industrial-stage .industrial-collector{width:180px}.industrial-stage{padding:18px}}
@media(max-width:1023px){.industrial-composition{height:455px;max-width:620px;margin-inline:auto}.industrial-composition .hero-industrial-collector{width:184px}.industrial-stage{padding:28px}.industrial-stage .industrial-collector{width:250px}}
@media(max-width:767px){.industrial-composition{height:350px;max-width:450px;padding-top:10px}.industrial-composition .desktop-preview{top:18px;width:calc(100% - 28px)}.industrial-composition .hero-industrial-collector{width:140px;right:5px;bottom:0}.industrial-composition .desktop-preview figcaption{padding-right:104px;min-height:49px;font-size:10px}.industrial-composition .window-label{display:none}.industrial-composition .window-bar{font-size:8px}.hero-visual .visual-note{margin-top:18px}.industrial-stage{padding:22px 18px}.industrial-stage .industrial-collector{width:200px}.hero-industrial-collector .video-start{font-size:10px;gap:9px}.hero-industrial-collector .video-start small{font-size:9px}.hero-industrial-collector .play-disc{width:44px;height:44px}}
@media(max-width:359px){.industrial-composition{height:335px}.industrial-composition .hero-industrial-collector{width:130px}.industrial-stage .industrial-collector{width:168px}.industrial-stage{padding-block:18px}.industrial-composition .desktop-preview figcaption{padding-right:92px;font-size:9px}.industrial-composition .window-dots{display:none}}
