.ele-video-feature { margin: 40px 0 0; min-width: 0; }
.ele-video-feature h3 { font-size: clamp(1.25rem, 2vw, 1.75rem); line-height: 1.6; }
.ele-video-feature > p { line-height: 1.9; }
.ele-video-feature figure { margin: 20px 0 0; }
.ele-video-frame { width: 100%; max-width: 960px; margin-inline: auto; background: #07152d; border: 2px solid #718a80; }
.ele-web-video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; background: #07152d; }
.ele-video-feature figcaption, .ele-mobile-showcase figcaption { color: #f9f5e9; padding: 14px 0; font-size: .875rem; line-height: 1.8; }
.ele-mobile-showcase { display: none; }
@media (max-width: 767px) {
  .ele-video-frame { max-width: 340px; }
  .ele-web-video { aspect-ratio: 9 / 16; }
  .ele-mobile-showcase { display: block; padding-block: 56px; color: #f9f5e9; background: #07152d; }
  .ele-mobile-showcase h2 { font-size: 1.75rem; line-height: 1.5; }
  .ele-mobile-showcase .ele-showcase-lead { margin-block: 16px 24px; font-size: .9375rem; line-height: 1.9; }
  .ele-mobile-video-list { display: grid; grid-auto-flow: column; grid-auto-columns: min(86%, 320px); gap: 20px; overflow-x: auto; scroll-snap-type: x proximity; overscroll-behavior-inline: contain; padding: 2px 2px 14px; }
  .ele-mobile-video-list article { min-width: 0; scroll-snap-align: start; }
  .ele-mobile-video-list h3 { font-size: 1.125rem; line-height: 1.6; margin: 16px 0 8px; }
  .ele-mobile-video-list figure { margin: 0; }
  .ele-mobile-video-list video { border: 1px solid #718a80; }
  .ele-mobile-video-list figcaption { padding-top: 0; }
}