.ot-hub .ot-video-carousel{position:relative;min-width:0;width:100%}
.ot-hub .ot-video-track-list{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 4px 12px;overscroll-behavior-x:contain}
.ot-hub .ot-video-track-list::-webkit-scrollbar{display:none}
.ot-hub .ot-video-slide{flex:0 0 calc((100% - 66px)/4);min-width:0;scroll-snap-align:start}
.ot-hub .ot-video-launch{position:relative;display:block;width:95%;margin-inline:auto;padding:0;border:0;cursor:pointer;aspect-ratio:1.6;background:#132d29;border-radius:13px;overflow:hidden;box-shadow:0 3px 7px #0004;text-decoration:none}
.ot-hub .ot-video-launch img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s ease}
.ot-hub .ot-video-launch:hover img{transform:scale(1.04)}
.ot-hub .ot-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:clamp(28px,2.5vw,36px);aspect-ratio:1;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0002;transition:box-shadow .2s ease}
.ot-hub .ot-video-play svg{width:45%;height:45%;fill:#8b908e;margin-left:2px}
.ot-hub .ot-video-launch:hover .ot-video-play{box-shadow:0 0 0 6px #ffffff35}
.ot-hub .ot-video-no-poster{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:12px;background:linear-gradient(135deg,#173d36,#628f80);font-size:10px;letter-spacing:.2em;color:#fff9}
.ot-hub .ot-video-slide .ot-video-title{font-size:16px;font-weight:700;line-height:1.55;margin:20px 4px 0;color:#555;overflow-wrap:anywhere}
.ot-hub .ot-carousel-arrow{position:absolute;top:calc((100cqw - 74px)/4*.95/1.6/2 + 6px);z-index:2;width:42px;height:42px;border:0;border-radius:50%;background:#08776d;color:white;box-shadow:0 2px 6px #0003;font-size:15px;display:grid;place-items:center;transform:translateY(-50%);cursor:pointer}
.ot-hub .ot-video-carousel{container-type:inline-size}
.ot-hub .ot-carousel-prev{left:-18px}.ot-hub .ot-carousel-next{right:-18px}
.ot-hub .ot-carousel-arrow:disabled{opacity:.38;cursor:default}
.ot-hub .ot-carousel-arrow[hidden]{display:none}
.ot-hub .ot-carousel-arrow:focus-visible,.ot-hub .ot-video-launch:focus-visible{outline:3px solid #e4482e;outline-offset:3px}
.ot-hub .ot-video-dialog{position:fixed;inset:0;width:min(960px,calc(100% - 32px));max-height:90dvh;margin:auto;padding:20px;background:#fff;border:0;border-radius:18px;overflow:auto;box-shadow:0 20px 80px #0006}
.ot-video-dialog::backdrop{background:#071b17dc;backdrop-filter:blur(5px)}
.ot-hub .ot-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}
.ot-hub .ot-dialog-heading h2{margin:0;font-size:22px;font-weight:700;overflow-wrap:anywhere}
.ot-hub #ot-video-close{width:40px;height:40px;flex-shrink:0;border:0;border-radius:50%;font-size:29px;background:#edf4f1;color:#136761;cursor:pointer}
.ot-hub #ot-dialog-player{display:block;width:100%;aspect-ratio:16/9;background:#142f2c}
.ot-hub #ot-dialog-description{font-size:14px;line-height:1.7;margin:16px 0 0;white-space:pre-line;overflow-wrap:anywhere}
.ot-hub #ot-dialog-description:empty{display:none}
@media(max-width:991px){.ot-hub .ot-video-slide{flex-basis:calc((100% - 22px)/2)}.ot-hub .ot-carousel-arrow{top:calc((100cqw - 30px)/2*.95/1.6/2 + 6px)}}
@media(max-width:575px){.ot-hub .ot-video-track-list{gap:16px}.ot-hub .ot-video-slide{flex-basis:82%}.ot-hub .ot-carousel-arrow{width:34px;height:34px;top:calc((100cqw - 8px)*.82*.95/1.6/2 + 6px)}.ot-hub .ot-carousel-prev{left:-10px}.ot-hub .ot-carousel-next{right:-10px}.ot-hub .ot-video-dialog{padding:12px}.ot-hub .ot-dialog-heading h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){.ot-hub .ot-video-launch img,.ot-hub .ot-video-play{transition:none}}