.video-grid{display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.video-card{background:var(--mj-card,#fff);border:1px solid var(--mj-line,#dce6ee);border-radius:20px;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .3s ease,transform .3s ease}.video-card:hover{box-shadow:var(--mj-shadow-hover);transform:translateY(-3px)}.video-cover{aspect-ratio:16/9;background:#0b1a24;border:0;cursor:pointer;display:block;overflow:hidden;padding:0;position:relative;width:100%}.video-cover img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease;width:100%}.video-card:hover .video-cover img{transform:scale(1.04)}.video-cover-blank{background:linear-gradient(135deg,#00639a,#00639a);color:#ffffff59;display:grid;font-size:48px;height:100%;place-items:center;width:100%}.video-play{background:#fffffff0;border-radius:50%;box-shadow:0 12px 30px -10px #0000008c;color:#00639a;display:grid;font-size:22px;height:68px;left:50%;place-items:center;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .25s ease,background-color .25s ease;width:68px}.video-play .fa-play{margin-left:4px}.video-cover:focus-visible .video-play,.video-cover:hover .video-play{background:#fff;transform:translate(-50%,-50%) scale(1.08)}.video-cover:focus-visible{outline:3px solid #0084cc;outline-offset:-3px}.video-body{display:flex;flex-direction:column;gap:8px;padding:18px 20px 22px}.video-body h2{color:var(--mj-navy,#00639a);font-size:18px;line-height:1.35;margin:0}.video-body p{color:var(--mj-muted,#5b6b78);font-size:15px;line-height:1.6;margin:0}.video-modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#04101ae0;display:grid;inset:0;padding:clamp(12px,3vw,40px);place-items:center;position:fixed;z-index:2000}.video-modal-box{position:relative;width:min(1100px,100%)}.video-modal-frame{aspect-ratio:16/9;background:#000;border-radius:16px;box-shadow:0 30px 80px -20px #000000b3;margin:0 auto;max-height:78vh;overflow:hidden;position:relative}.video-modal-frame iframe,.video-modal-frame video{border:0;height:100%;inset:0;position:absolute;width:100%}.video-modal-close{background:#fffffff2;border:0;border-radius:50%;color:#0b1a24;cursor:pointer;display:grid;font-size:20px;height:42px;place-items:center;position:absolute;right:0;top:-52px;transition:transform .2s ease;width:42px}.video-modal-close:hover{transform:rotate(90deg)}.video-modal-close:focus-visible{outline:3px solid #0084cc;outline-offset:2px}.video-modal-caption{color:#fff;margin-top:14px}.video-modal-caption strong{display:block;font-size:18px;line-height:1.35}.video-modal-caption p{color:#ffffffc7;font-size:15px;line-height:1.6;margin:6px 0 0}.video-modal-enter-active,.video-modal-leave-active{transition:opacity .25s ease}.video-modal-enter-active .video-modal-box,.video-modal-leave-active .video-modal-box{transition:transform .25s ease}.video-modal-enter-from,.video-modal-leave-to{opacity:0}.video-modal-enter-from .video-modal-box,.video-modal-leave-to .video-modal-box{transform:scale(.94)}@media(max-width:1024px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.video-grid{grid-template-columns:1fr}.video-modal-close{top:-50px}}@media(prefers-reduced-motion:reduce){.video-modal-close,.video-modal-enter-active,.video-modal-leave-active{transition:none}}