.hero-videos{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:24px;padding:16px 24px;border:1px solid #d9e4f2;border-radius:18px;background:#ffffffb8;min-width:0}
.hero-videos-copy{flex:1;min-width:200px}
.hero-videos-heading{display:inline-flex;align-items:center;gap:14px;color:#243f57;font-size:20px;font-weight:450;letter-spacing:-.02em}
.hero-videos-heading>span{line-height:1.35}.hero-videos-heading>.icon{display:block;flex:0 0 auto;width:18px;height:18px;color:#6d8bac;transition:transform 180ms ease}
.hero-videos-heading:hover{color:#185bdd}.hero-videos-heading:hover>.icon{transform:translateX(3px)}
.hero-videos-copy p{margin:7px 0 0;color:#69839d;font-size:12px;line-height:1.6}
.hero-video-summary{flex:0 1 210px;min-width:110px;padding-left:20px;border-left:1px solid #dce6f2}
.hero-video-summary-topic{display:block;min-height:44px;max-width:210px;font-size:16px;line-height:1.4;color:#6d8399;text-wrap:balance}
.hero-video-summary.has-video .hero-video-summary-topic{color:#243f57}
.hero-video-summary-duration{display:block;min-height:18px;margin-top:5px;font-size:12px;line-height:1.5;color:#69839d;font-variant-numeric:tabular-nums}
.hero-videos-track{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0;padding:8px 2px}
.hero-video-thumb{display:block;position:relative;flex:0 0 auto;width:58px;height:88px;border-radius:9px;background:#dce5ef;box-shadow:0 2px 6px #15385312;transform-origin:50% 80%;transition:transform 210ms cubic-bezier(.2,.75,.25,1),box-shadow 210ms;z-index:0}
.hero-video-thumb>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.hero-video-thumb.is-previewing{transform:translateY(-4px) scale(1.14);box-shadow:0 7px 22px #23456b26;z-index:2}
.hero-video-thumb.is-neighbor{transform:translateY(-1px) scale(1.04)}
.hero-videos :is(a,button):focus-visible,.hero-video-popup:focus-visible{outline:2px solid #185bdd;outline-offset:4px}
.hero-video-popup{position:fixed;display:block;z-index:90;overflow:hidden;border-radius:16px;background:#dfe8f3;box-shadow:0 18px 54px #142c4938,0 0 0 1px #fff9;opacity:0;visibility:hidden;transform:translateY(8px) scale(.97);transform-origin:50% 100%;transition:opacity 140ms ease,transform 200ms cubic-bezier(.2,.75,.25,1),visibility 140ms;pointer-events:none}
.hero-video-popup.is-visible{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.hero-video-popup>video,.hero-video-popup>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.hero-video-popup>video{opacity:0;transition:opacity 120ms}.hero-video-popup.is-playing>video{opacity:1}
@media(max-width:1180px){.hero-videos{gap:18px;padding:14px 18px}.hero-video-thumb{width:48px;height:76px}.hero-videos-track{gap:10px}.hero-videos-heading{font-size:18px}.hero-videos-copy p{max-width:220px}.hero-video-summary{flex-basis:170px;padding-left:14px}.hero-video-summary-topic{font-size:14px}}
@media(max-width:900px){.hero-videos{flex-direction:column;align-items:stretch;gap:8px}.hero-videos-copy p{max-width:none}.hero-videos-track{justify-content:flex-start;gap:14px}.hero-video-thumb{width:56px;height:84px}.hero-video-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 0 auto;min-width:0;padding:8px 0 0;border-left:0;border-top:1px solid #e4ebf4}.hero-video-summary-topic{min-height:20px;max-width:none}.hero-video-summary-duration{flex:0 0 auto;min-height:18px;margin:0}}
@media(max-width:600px){.hero-videos{padding:18px 16px 10px;margin-top:20px;border-radius:14px}.hero-videos-heading{font-size:19px}.hero-videos-track{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:10px 2px 12px;gap:10px}.hero-videos-track::-webkit-scrollbar{display:none}.hero-video-thumb{width:53px;height:82px}.hero-videos-copy{min-width:0}}
@media(prefers-reduced-motion:reduce){.hero-video-thumb,.hero-video-popup,.hero-video-popup>video{transition:none}.hero-video-thumb.is-previewing,.hero-video-thumb.is-neighbor{transform:none}}