.gallery-page-wrap{background-color:#f8fafc;padding-bottom:80px}.gallery-container{max-width:1320px;margin:0 auto;padding:0 20px}.gallery-hero-header{text-align:center;padding:50px 0 30px}.gallery-badge{color:#dc2626;text-transform:uppercase;letter-spacing:.5px;background:#fee2e2;border-radius:20px;margin-bottom:12px;padding:6px 16px;font-size:13px;font-weight:700;display:inline-block}.gallery-main-title{color:#0f172a;margin-bottom:12px;font-size:38px;font-weight:800;line-height:1.2}.gallery-main-title span{color:#dc2626}.gallery-hero-sub{color:#64748b;max-width:700px;margin:0 auto;font-size:16px;line-height:1.6}.gallery-section-header{border-bottom:2px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin:40px 0 28px;padding-bottom:16px;display:flex}.gallery-section-title{color:#0f172a;align-items:center;gap:10px;margin:0 0 4px;font-size:26px;font-weight:800;display:flex}.gallery-section-title span{color:#dc2626}.gallery-section-desc{color:#64748b;margin:0;font-size:14px}.gallery-count-badge{color:#334155;background:#e2e8f0;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:700}.video-gallery-grid{grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:60px;display:grid}.video-card{background:#fff;border:1px solid #edf2f7;border-radius:14px;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 10px 30px #0000000d}.video-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001a}.video-media-wrap{aspect-ratio:16/9;background:#0f172a;width:100%;position:relative;overflow:hidden}.video-thumbnail-img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.video-card:hover .video-thumbnail-img{transform:scale(1.06)}.video-play-overlay{cursor:pointer;background:#0f172a66;justify-content:center;align-items:center;transition:background .3s;display:flex;position:absolute;inset:0}.video-play-overlay:hover{background:#0f172a33}.play-circle-btn{color:#fff;background:#dc2626;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .3s,background .3s;display:flex;box-shadow:0 0 20px #dc262699}.video-play-overlay:hover .play-circle-btn{background:#ef4444;transform:scale(1.15)}.inline-video-iframe{border:none;width:100%;height:100%}.close-inline-btn{color:#fff;cursor:pointer;z-index:5;background:#0f172acc;border:none;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:flex;position:absolute;top:8px;right:8px}.video-card-body{flex-direction:column;flex:1;padding:20px;display:flex}.video-card-title{color:#0f172a;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:17px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.video-card-desc{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin:0 0 16px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.video-card-actions{gap:10px;margin-top:auto;display:flex}.gallery-btn-primary{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-weight:600;transition:background .2s,transform .2s;display:inline-flex}.gallery-btn-primary:hover{background:#b91c1c}.gallery-btn-outline{color:#334155;cursor:pointer;background:0 0;border:1.5px solid #cbd5e1;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.gallery-btn-outline:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.photo-gallery-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.photo-card{aspect-ratio:4/3;cursor:pointer;background:#e2e8f0;border:1px solid #edf2f7;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000000a}.photo-card-img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.photo-card-overlay{opacity:0;color:#fff;background:linear-gradient(#0000 0%,#0f172a33 40%,#0f172ad9 100%);flex-direction:column;justify-content:flex-end;padding:16px;transition:opacity .3s;display:flex;position:absolute;inset:0}.photo-card:hover .photo-card-img{transform:scale(1.08)}.photo-card:hover .photo-card-overlay{opacity:1}.photo-zoom-icon{color:#fff;background:#dc2626;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.6)}.photo-card:hover .photo-zoom-icon{transform:translate(-50%,-50%)scale(1)}.photo-title-text{color:#fff;margin:0;font-size:14px;font-weight:700;line-height:1.3}.gallery-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99999;background:#0f172ae6;justify-content:center;align-items:center;padding:20px;animation:.25s forwards fadeInModal;display:flex;position:fixed;inset:0}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.gallery-video-modal-content{background:#0f172a;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:960px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.video-modal-container{aspect-ratio:16/9;background:#000;width:100%;position:relative}.video-modal-container iframe{border:none;width:100%;height:100%}.video-modal-header{color:#fff;background:#1e293b;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.video-modal-header h3{margin:0;font-size:16px;font-weight:700}.gallery-modal-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s,transform .2s;display:flex}.gallery-modal-close:hover{background:#dc2626;transform:scale(1.1)}.lightbox-content-wrap{flex-direction:column;justify-content:center;align-items:center;max-width:1100px;max-height:90vh;display:flex;position:relative}.lightbox-img-container{border-radius:12px;justify-content:center;align-items:center;max-width:100%;max-height:80vh;display:flex;position:relative;overflow:hidden}.lightbox-main-img{object-fit:contain;border-radius:8px;max-width:100%;max-height:80vh;box-shadow:0 20px 40px #0009}.lightbox-caption{color:#f8fafc;text-align:center;justify-content:center;align-items:center;gap:12px;margin-top:14px;font-size:16px;font-weight:600;display:flex}.lightbox-counter-badge{color:#ef4444;letter-spacing:1px;background:#ef444426;border:1px solid #ef44444d;border-radius:20px;padding:4px 16px;font-size:18px;font-weight:800}.lightbox-title-text{color:#f8fafc;font-size:15px;font-weight:500}.lightbox-nav-btn{color:#fff;cursor:pointer;z-index:1000;background:#0f172abf;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:all .25s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 15px #0006}.lightbox-nav-btn:hover{background:#dc2626;border-color:#dc2626;transform:translateY(-50%)scale(1.1);box-shadow:0 0 20px #dc262699}.lightbox-nav-btn.prev{left:24px}.lightbox-nav-btn.next{right:24px}.gallery-loading-center{text-align:center;padding:60px 0}.gallery-spinner{border:4px solid #cbd5e1;border-top-color:#dc2626;border-radius:50%;width:40px;height:40px;margin:0 auto 16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.gallery-empty-box{text-align:center;color:#64748b;background:#fff;border:1px dashed #cbd5e1;border-radius:12px;margin-bottom:40px;padding:40px}@media (min-width:1800px){.gallery-container{max-width:1600px}.video-gallery-grid{grid-template-columns:repeat(4,1fr)}.photo-gallery-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width:1200px){.video-gallery-grid{grid-template-columns:repeat(3,1fr);gap:20px}.photo-gallery-grid{grid-template-columns:repeat(3,1fr);gap:16px}.lightbox-nav-btn.prev{left:10px}.lightbox-nav-btn.next{right:10px}}@media (max-width:991px){.video-gallery-grid{grid-template-columns:repeat(2,1fr)}.photo-gallery-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:767px){.video-gallery-grid{grid-template-columns:repeat(1,1fr)}.photo-gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-main-title{font-size:28px}.video-card-actions{flex-direction:column}}@media (max-width:480px){.gallery-hero-header{padding:30px 0 20px}.gallery-main-title{font-size:24px}.gallery-hero-sub{font-size:14px}.photo-gallery-grid{grid-template-columns:repeat(1,1fr)}.lightbox-nav-btn{width:40px;height:40px}}@media (max-width:320px){.gallery-container{padding:0 10px}.gallery-main-title{font-size:20px}.video-card-body{padding:12px}.gallery-btn-primary,.gallery-btn-outline{padding:8px 10px;font-size:12px}}