.video-gallery{padding:58px 0;background:radial-gradient(ellipse at 100% 0,#28415a88,transparent 55%),#101e30;color:#fff;text-align:left}
.video-gallery *{box-sizing:border-box}.video-gallery__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}
.video-gallery__eyebrow{display:flex;align-items:center;gap:9px;color:#f1c56b;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin:0 0 12px}
.video-gallery h1,.video-gallery h2{font-family:inherit;font-size:36px;font-weight:700;line-height:1.2;letter-spacing:-1px;color:#fff;margin:0;padding:0;border:0}
.video-gallery__lead{color:#b7c5d5;font-size:14px;line-height:1.7;margin:12px 0 0}
.video-gallery__all{display:inline-flex;align-items:center;gap:24px;flex-shrink:0;padding:12px 18px;border:1px solid #526075;border-radius:30px;color:#fff;font-size:12px;font-weight:700;text-decoration:none;transition:background .2s,border-color .2s}
.video-gallery__all:hover{background:#26394f;border-color:#f1c56b;color:#fff;text-decoration:none}.video-gallery__all>span{font-size:20px;line-height:1}
.video-gallery__filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.video-gallery__filters a{padding:9px 16px;border:1px solid #526075;border-radius:24px;color:#c2cfde;font-size:12px;text-decoration:none}.video-gallery__filters a[aria-current=page]{background:#f1c56b;border-color:#f1c56b;color:#172b40;font-weight:700}
.video-gallery__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.video-gallery__card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #ffffff26;border-radius:18px;background:#fff;text-decoration:none!important;box-shadow:0 4px 16px #0000000a;transition:transform .22s,box-shadow .22s}
.video-gallery__card:hover{transform:translateY(-5px);box-shadow:0 14px 28px #0003}
.video-gallery__visual{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16/10;background:linear-gradient(145deg,#30475e,#1b2d42);overflow:hidden}
.video-gallery__visual>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}.video-gallery__card:hover .video-gallery__visual>img{transform:scale(1.04)}
.video-gallery__visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,#101e3066);pointer-events:none}
.video-gallery__placeholder{font-size:45px;color:#a6b8cc}.video-gallery__play{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;width:58px;height:58px;border:1px solid #ffffff88;border-radius:50%;background:#101e30bb;color:#fff;font-size:19px;box-shadow:0 4px 18px #0002;transition:background .2s,color .2s}.video-gallery__play i{margin-left:3px}.video-gallery__card:hover .video-gallery__play{background:#f1c56b;color:#172b40;border-color:#f1c56b}
.video-gallery__platform{position:absolute;z-index:1;bottom:13px;left:13px;display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid #ffffff40;border-radius:20px;background:#101e30cc;color:#fff;font-size:10px;line-height:1.4}
.video-gallery__body{display:flex;flex-direction:column;flex:1;gap:11px;padding:22px}.video-gallery__category{color:#89601e;font-size:10px;font-weight:700;letter-spacing:.5px}
.video-gallery__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;min-height:3em;color:#172b40;font-size:16px;font-weight:700;line-height:1.5}
.video-gallery__action{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:14px;border-top:1px solid #edf0f4;color:#805c23;font-size:12px;font-weight:700}.video-gallery__action>span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#f8f2e5;font-size:18px}
.video-gallery__empty{padding:28px;border:1px dashed #526075;border-radius:16px;color:#b7c5d5;font-size:14px;line-height:1.7}
.video-gallery__pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;margin-top:28px;color:#b7c5d5;font-size:12px}.video-gallery__pagination a{color:#f1c56b;padding:10px 16px;border:1px solid #526075;border-radius:24px}
.video-gallery a:focus-visible,.video-detail a:focus-visible{outline:3px solid #f1c56b;outline-offset:4px}
.video-detail{padding:42px 0;background:#f5f7fa;color:#172b40}.video-detail__back{display:inline-flex;margin-bottom:22px;color:#805c23;font-size:12px}.video-detail h1{font-family:inherit;font-size:30px;font-weight:700;line-height:1.4;letter-spacing:-.6px;margin:0 0 24px;color:#172b40}.video-detail__player{position:relative;width:100%;aspect-ratio:16/9;border:1px solid #26394f;border-radius:18px;overflow:hidden;background:#101e30}.video-detail__player iframe{display:block;width:100%;height:100%;border:0}.video-detail__links{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:18px;font-size:12px;color:#697687}.video-detail__links a{display:inline-flex;align-items:center;gap:8px;color:#805c23;padding:10px 15px;border:1px solid #ddcfb4;border-radius:24px;background:#fff}.video-detail__fallback{padding:24px;background:#fff;border:1px dashed #ddcfb4;border-radius:16px;color:#697687;font-size:14px;line-height:1.7}
@media(max-width:991px){.video-gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
@media(max-width:767px){.video-gallery{padding:36px 0}.video-gallery__head{flex-direction:column;align-items:flex-start;gap:18px}.video-gallery h1,.video-gallery h2{font-size:29px}.video-gallery__lead{font-size:13px}.video-gallery__grid{grid-template-columns:minmax(0,1fr);gap:16px}.video-gallery__visual{aspect-ratio:16/9}.video-gallery__body{padding:20px}.video-gallery__title{min-height:0}.video-detail{padding:30px 0}.video-detail h1{font-size:23px}.video-detail__player{border-radius:12px}}
@media(prefers-reduced-motion:reduce){.video-gallery a,.video-gallery__visual>img,.video-gallery__play{transition:none}.video-gallery__card:hover,.video-gallery__card:hover .video-gallery__visual>img{transform:none}}
