/* Keep the original hero grid, camera dimensions, red light and caption position. */
.camera-showcase{min-height:380px}
.showcase-stage,.showcase-slide{position:absolute;inset:0}
.showcase-stage{touch-action:pan-y;user-select:none}
.showcase-slide{display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity 1.1s cubic-bezier(.4,0,.2,1),visibility 0s linear 1.1s;pointer-events:none}
.showcase-slide.is-active{opacity:1;visibility:visible;transition-delay:0s,0s}
.showcase-slide .hero-camera{pointer-events:none}
/* Compensate for transparent margins around the compact DJI cameras. */
.showcase-slide[data-id="p091"] .hero-camera,.showcase-slide[data-id="p092"] .hero-camera,.showcase-slide[data-id="p093"] .hero-camera{position:relative;top:-24px;max-width:none;flex-shrink:0;margin:0}
.showcase-slide[data-id="p091"] .hero-camera{width:calc((100% - 100px)*2.3);height:calc((100% - 110px)*3.5)}
.showcase-slide[data-id="p092"] .hero-camera{width:180%;height:calc((100% - 100px)*1.22)}
.showcase-slide[data-id="p093"] .hero-camera{width:180%;height:calc((100% - 100px)*1.29)}
.showcase-count{position:absolute;top:6px;right:calc(3% + 42px);font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.12em;color:#73737f}
.showcase-count b{color:#d5d5de;font-weight:500}
.showcase-pause{position:absolute;top:-6px;right:3%;z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#9c9ca7}
.showcase-pause:hover{color:#fff;background:#ffffff08}
.showcase-pause svg{width:14px;height:14px;fill:currentColor}
.showcase-pause .showcase-play-icon{display:none}
.camera-showcase[data-paused="true"] .showcase-pause-icon{display:none}
.camera-showcase[data-paused="true"] .showcase-play-icon{display:block}
.showcase-arrow{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:0;margin-top:-22px;border:1px solid #ffffff26;border-radius:50%;background:#080809b8;color:#d7d7df;transition:background .2s,border-color .2s}
.showcase-arrow--prev{left:0}.showcase-arrow--next{right:0}
.showcase-arrow:hover{background:#310b15;border-color:#ed0033;color:#fff}
.showcase-arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}
.camera-showcase .hero-caption{z-index:2;gap:16px}
.showcase-caption-copy{min-width:0}
.showcase-caption-copy strong{display:block;line-height:1.3;text-transform:uppercase}
.showcase-caption-copy small{display:block;line-height:1.5}
.camera-showcase .hero-caption .showcase-details{flex-shrink:0;min-height:44px;font-size:14px;white-space:nowrap}
.showcase-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:1650px){.camera-showcase{min-height:430px}}
@media(max-width:1150px){.camera-showcase{min-height:330px}}
@media(max-width:800px){.camera-showcase{min-height:280px}.camera-showcase .hero-caption{display:flex;gap:10px}.camera-showcase .hero-caption .showcase-details{display:none}}
@media(max-width:520px){.hero .camera-showcase{min-height:315px}.showcase-count{top:0;right:calc(5% + 42px)}.showcase-pause{top:-12px;right:5%}.camera-showcase .hero-caption .showcase-details{display:block}.camera-showcase .hero-caption{gap:10px}.showcase-caption-copy strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){.showcase-slide,.showcase-arrow{transition:none;transform:none}}