.video-gallery-hero{background:linear-gradient(135deg,#0a3d5d,#13737d);color:#fff}.video-gallery-hero .breadcrumbs a{color:#d9f4f2}.video-gallery-hero p{color:rgba(255,255,255,.84)}
.video-gallery-shell{padding:42px 0 64px}.video-gallery-toolbar{display:grid;grid-template-columns:minmax(180px,2fr) repeat(2,minmax(140px,1fr)) auto;gap:12px;align-items:end;margin-bottom:28px;padding:18px;border:1px solid #d9e5ea;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(16,54,73,.07)}.video-gallery-toolbar label{display:grid;gap:6px;font-weight:700;color:#23495e}.video-gallery-toolbar input,.video-gallery-toolbar select{width:100%;min-width:0}.video-gallery-toolbar-actions{display:flex;gap:8px;align-items:center}
.video-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.video-card{overflow:hidden;border:1px solid #dbe6eb;border-radius:20px;background:#fff;box-shadow:0 12px 32px rgba(13,48,68,.08);transition:transform .2s ease,box-shadow .2s ease}.video-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(13,48,68,.14)}.video-card-cover{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#113c57,#16808a)}.video-card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.video-card:hover .video-card-cover img{transform:scale(1.035)}.video-card-placeholder{display:grid;place-items:center;width:100%;height:100%;color:#fff}.video-card-placeholder svg{width:70px;height:70px;fill:none;stroke:currentColor;stroke-width:1.7}.video-card-play{position:absolute;inset:50% auto auto 50%;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,.93);color:#0d5b69;box-shadow:0 10px 30px rgba(0,0,0,.2)}.video-card-play svg{width:25px;height:25px;fill:currentColor}.video-card-source{position:absolute;top:12px;right:12px;padding:5px 9px;border-radius:999px;background:rgba(5,30,45,.82);color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.05em}.video-card-body{padding:18px}.video-card-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#607887;font-size:.84rem}.video-card-category{padding:4px 8px;border-radius:999px;background:#e5f4f3;color:#14656b;font-weight:800}.video-card h2,.video-card h3{margin:12px 0 8px;font-size:1.18rem;line-height:1.3}.video-card h2 a,.video-card h3 a{color:#173e54;text-decoration:none}.video-card-summary{margin:0;color:#617684;line-height:1.55}.video-card-link{display:inline-flex;align-items:center;gap:7px;margin-top:14px;color:#0d6b74;font-weight:800;text-decoration:none}.video-card-link::after{content:'→'}
.video-gallery-empty{padding:38px;border:1px dashed #b9ccd5;border-radius:20px;text-align:center;background:#f8fbfc}.video-gallery-empty h2{margin-top:0}.video-gallery-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:32px}.video-gallery-pagination a,.video-gallery-pagination span{padding:9px 13px;border-radius:10px}.video-gallery-pagination a{border:1px solid #c9d9df;background:#fff;text-decoration:none;font-weight:700}
.video-detail-shell{padding:42px 0 68px}.video-detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.video-detail-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:#627784}.video-player-frame{overflow:hidden;border-radius:22px;background:#071923;box-shadow:0 20px 48px rgba(7,25,35,.22);aspect-ratio:16/9}.video-player-frame video,.video-player-frame iframe{display:block;width:100%;height:100%;border:0;background:#000}.video-external-consent{display:grid;place-items:center;height:100%;padding:28px;text-align:center;color:#fff;background:radial-gradient(circle at top,#1b7280,#092b40 70%)}.video-external-consent svg{width:66px;height:66px;margin-bottom:12px;fill:none;stroke:currentColor;stroke-width:1.5}.video-external-consent h2{margin:0 0 8px;color:#fff}.video-external-consent p{max-width:620px;margin:0 0 18px;color:rgba(255,255,255,.82)}.video-external-consent button{border:0}.video-detail-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,310px);gap:30px;margin-top:30px}.video-detail-description{min-width:0}.video-detail-sidebar{display:grid;align-content:start;gap:14px}.video-detail-info{padding:18px;border:1px solid #dbe6eb;border-radius:17px;background:#f8fbfc}.video-detail-info dl{display:grid;gap:11px;margin:0}.video-detail-info div{display:grid;gap:2px}.video-detail-info dt{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:#718490}.video-detail-info dd{margin:0;font-weight:800;color:#1b4358}.video-download-link{display:flex;justify-content:center;text-decoration:none}.video-related{margin-top:46px}.video-related-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.video-related .video-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:980px){.video-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-gallery-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.video-detail-content{grid-template-columns:1fr}.video-related .video-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.video-gallery-shell,.video-detail-shell{padding-top:28px}.video-gallery-grid,.video-related .video-gallery-grid,.video-gallery-toolbar{grid-template-columns:1fr}.video-gallery-toolbar-actions{flex-wrap:wrap}.video-detail-heading{flex-direction:column}.video-player-frame{border-radius:14px}.video-external-consent{padding:18px}.video-card-body{padding:15px}}