/* # Restored iExRetail video presentation */
.video-features-link { align-self: center; color: #bbb; font-size: .82rem; padding: 10px 0; }
.video-showcase { background: #fff; color: #151515; padding: 76px 0; }
.video-layout { display: grid; grid-template-columns: minmax(0, 1fr) 452px; gap: 90px; align-items: center; max-width: 1172px; }
.video-kicker { color: #ce3515; font-size: .75rem; font-weight: 700; }
.video-copy h2 { font-size: 3.3rem; line-height: 1.15; letter-spacing: 0; margin: 22px 0; }
.video-copy h2 span { color: #ed4b28; }
.video-copy p { color: #62626e; max-width: 490px; font-size: 1rem; line-height: 1.8; }
.video-points { display: grid; gap: 14px; margin: 30px 0; font-size: .87rem; color: #34343e; }
.video-points span { border-bottom: 1px solid #e8e8ec; padding-bottom: 13px; max-width: 380px; }
.video-actions { display: flex; gap: 24px; align-items: center; flex-wrap: wrap; }
.video-contact { font-size: .85rem; font-weight: 600; }
.video-note { display: block; color: #777782; font-size: .75rem; margin-top: 18px; }
.video-poster { position: relative; isolation: isolate; width: 100%; aspect-ratio: 9 / 16; border: 1px solid #ffffff26; border-radius: 22px; background: #171719; overflow: hidden; padding: 0; color: #fff; box-shadow: 0 24px 65px #17171922; text-align: left; }
.video-poster img { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; }
.video-poster-shade { position: absolute; inset: 0; background: linear-gradient(#0005, transparent 35%, #000c); }
.video-poster-tag { position: absolute; top: 22px; left: 22px; border: 1px solid #ffffff50; border-radius: 20px; background: #0005; padding: 7px 11px; font-size: .65rem; font-weight: 600; }
.video-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: grid; place-items: center; width: 76px; height: 76px; border-radius: 50%; background: #e8300a; box-shadow: 0 0 0 12px #ffffff16; font-size: 25px; padding-left: 4px; transition: background .2s; }
.video-poster:hover .video-play { background: #ff502c; }
.video-poster-caption { position: absolute; bottom: 28px; left: 24px; font-weight: 700; font-size: 1.5rem; }
.video-poster-caption small { display: block; font-size: .75rem; font-weight: 400; color: #ddd; margin-top: 6px; }
.video-poster-caption--long { right: 24px; font-size: 1.15rem; line-height: 1.35; }
.video-carousel { min-width: 0; }
.video-carousel-frame { position: relative; padding-inline: 56px; }
.video-track { position: relative; display: flex; overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; scrollbar-width: none; border-radius: 22px; box-shadow: 0 24px 65px #17171922; }
.video-track::-webkit-scrollbar { display: none; }
.video-track .video-poster { flex: 0 0 100%; min-width: 0; scroll-snap-align: start; scroll-snap-stop: always; box-shadow: none; }
.video-nav { position: absolute; top: 50%; transform: translateY(-50%); display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; color: #e8300a; background: transparent; cursor: pointer; }
.video-nav:hover { background: #fff0eb; }
.video-nav svg { width: 28px; height: 28px; }
.video-prev { left: 0; }
.video-next { right: 0; }
.video-pagination { display: flex; justify-content: center; gap: 4px; margin-top: 12px; }
.video-dot { display: grid; place-items: center; width: 28px; height: 28px; padding: 0; border: 0; border-radius: 50%; background: transparent; cursor: pointer; }
.video-dot::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #cbd0d8; }
.video-dot[aria-pressed="true"]::before { background: #e8300a; }
.video-nav:focus-visible, .video-dot:focus-visible { outline: 3px solid #38bdf8; outline-offset: 3px; }
.video-dialog { padding: 0; border: 1px solid #ffffff30; border-radius: 16px; background: #111; color: #fff; overflow: visible; width: min(380px, calc(100vw - 40px), calc((100dvh - 160px) * 9 / 16)); max-height: none; }
.video-dialog::backdrop { background: #000d; backdrop-filter: blur(6px); }
.video-player { aspect-ratio: 9 / 16; overflow: hidden; border-radius: 16px; }
.video-player iframe { width: 100%; height: 100%; border: 0; display: block; }
.video-close { position: absolute; right: 0; top: -44px; width: 34px; height: 34px; border: 1px solid #ffffff60; border-radius: 50%; background: #222; color: #fff; }
.video-fallback { display: block; text-align: center; padding: 12px; font-size: 12px; color: #ccc; }
.video-open:focus-visible, .video-close:focus-visible { outline: 3px solid #38bdf8; outline-offset: 5px; }
.brand-strip:has(+ #watch-video) { border-bottom: 0; }
@media (min-width: 1200px) {
  .brand-strip:has(+ #watch-video) > .container { width: calc(100% - 48px); max-width: 1600px; }
  .brand-strip:has(+ #watch-video) > .container > div { flex-wrap: nowrap; justify-content: center; gap: 12px !important; }
  .brand-strip:has(+ #watch-video) .chip { white-space: nowrap; font-size: 12px; padding: 8px 12px; }
  .brand-strip:has(+ #watch-video) .fw-bold { white-space: nowrap; font-size: 13px; margin-right: 0; }
}
@media (max-width: 1199px) {
  .video-layout { grid-template-columns: minmax(0, 1fr) 400px; gap: 48px; }
  .video-carousel-frame { padding-inline: 40px; }
  .video-nav { width: 40px; height: 40px; }
}
@media (max-width: 991px) {
  .video-layout { grid-template-columns: minmax(0, 1fr) 380px; gap: 36px; }
  .video-copy h2 { font-size: 2.2rem; }
}
@media (max-width: 767px) {
  .video-showcase { padding: 52px 0; }
  .video-layout { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .video-carousel { width: 100%; max-width: 300px; justify-self: center; }
  .video-carousel-frame { padding-inline: 0; }
  .video-nav { display: none; }
  .video-actions { gap: 18px; }
  .video-copy { max-width: 520px; margin: auto; }
  .video-features-link { width: 100%; }
}
@media (hover: none) and (pointer: coarse) { .video-nav { display: none; } }
@media (prefers-reduced-motion: reduce) { .video-play { transition: none; } }