:root{--red:#d32f2f;--red-dark:#9a0007;--red-glow:rgba(211,47,47,0.28);--navy:#0d1b3e;--navy-mid:#162040;--navy-light:#1e2d5a;--navy-glow:rgba(13,27,62,0.45);--transition:0.24s cubic-bezier(0.4,0,0.2,1)}.gallery-section{padding:52px 0 72px;background:linear-gradient(160deg,#eef1f9 0%,#e6ebf7 55%,#f4eeee 100%)}.section-header{text-align:center;margin-bottom:48px}.section-label{display:inline-block;position:relative;overflow:hidden;font-size:0.72rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,var(--red) 0%,var(--navy) 100%);padding:6px 18px;margin-bottom:16px;box-shadow:0 3px 14px var(--red-glow)}.label-gloss{position:absolute;top:0;left:0;right:0;height:50%;background:rgba(255,255,255,0.18);pointer-events:none}.section-heading{font-size:2rem;font-weight:700;color:var(--navy);margin:0 0 16px;line-height:1.2}.section-description{font-size:1rem;color:#5a6484;line-height:1.6;max-width:600px;margin:0 auto}.gallery-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:48px}.filter-link{display:inline-flex;align-items:center;gap:8px;position:relative;overflow:hidden;padding:10px 24px;font-size:0.85rem;font-weight:600;text-decoration:none;background:linear-gradient(180deg,#fff 0%,#f6f8fd 100%);border:1px solid #cfd5ed;box-shadow:0 2px 12px rgba(13,27,62,0.09),inset 0 1px 0 #fff;color:#4a5278;transition:all var(--transition);border-radius:40px}.filter-gloss{position:absolute;top:0;left:0;right:0;height:50%;background:rgba(255,255,255,0.14);pointer-events:none}.filter-link:hover{border-color:var(--red);color:var(--red);transform:translateY(-2px);box-shadow:0 4px 15px var(--red-glow)}.filter-link.active{background:linear-gradient(135deg,var(--red) 0%,var(--red-dark) 100%);color:#fff;border-color:var(--red-dark);box-shadow:0 4px 15px var(--red-glow)}.filter-link .count{background:rgba(255,255,255,0.2);padding:2px 8px;border-radius:20px;font-size:0.7rem;font-weight:600;margin-left:2px}.filter-link.active .count{background:rgba(255,255,255,0.3)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.gallery-card{background:linear-gradient(180deg,#fff 0%,#f6f8fd 100%);border:1px solid #cfd5ed;box-shadow:0 4px 18px rgba(13,27,62,0.10),inset 0 1px 0 #fff;overflow:hidden;transition:all var(--transition);cursor:pointer;position:relative}.gallery-card:hover{transform:translateY(-8px);box-shadow:0 16px 44px rgba(13,27,62,0.15),0 4px 14px var(--red-glow)}.gallery-card-thumb{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--navy)}.card-gloss{position:absolute;inset:0;z-index:2;background:linear-gradient(155deg,rgba(255,255,255,0.16) 0%,transparent 55%);pointer-events:none}.gallery-card-thumb img,.gallery-card-thumb video{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.6s var(--transition)}.gallery-card:hover .gallery-card-thumb img,.gallery-card:hover .gallery-card-thumb video{transform:scale(1.08)}.gallery-card-thumb .video-thumb{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.6s var(--transition);pointer-events:none;background:var(--navy)}.gallery-card-thumb .video-thumb.seeking{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 100%)}.media-badge{position:absolute;top:12px;left:12px;z-index:5;display:inline-flex;align-items:center;gap:4px;background:rgba(13,27,62,0.85);color:#fff;font-size:0.7rem;font-weight:700;padding:4px 10px;border-radius:30px;letter-spacing:0.5px;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,0.2);overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.2)}.badge-gloss{position:absolute;top:0;left:0;right:0;height:50%;background:rgba(255,255,255,0.16);pointer-events:none}.media-badge.badge-gif{background:linear-gradient(135deg,#f9b707 0%,#e09e00 100%);color:var(--navy)}.media-badge.badge-video{background:linear-gradient(135deg,var(--red) 0%,var(--red-dark) 100%)}.media-badge.badge-youtube{background:linear-gradient(135deg,#ff0000 0%,#cc0000 100%)}.play-overlay{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;background:rgba(13,27,62,0.3);opacity:0;transition:opacity var(--transition);backdrop-filter:blur(2px)}.gallery-card:hover .play-overlay{opacity:1}.play-btn{position:relative;width:60px;height:60px;background:linear-gradient(180deg,#e53935 0%,var(--red-dark) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px var(--red-glow);overflow:hidden;transform:scale(0.9);transition:transform var(--transition)}.btn-gloss{position:absolute;top:0;left:0;right:0;height:50%;background:rgba(255,255,255,0.22);pointer-events:none}.gallery-card:hover .play-btn{transform:scale(1)}.play-btn svg{position:relative;z-index:1;margin-left:3px}.thumb-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:rgba(255,255,255,0.6);font-size:13px;gap:10px}.thumb-placeholder svg{opacity:0.5}.empty-state{text-align:center;padding:80px 20px;color:#8892b0;background:linear-gradient(180deg,#fff 0%,#f6f8fd 100%);border:1px solid #cfd5ed;box-shadow:0 2px 12px rgba(13,27,62,0.09),inset 0 1px 0 #fff;max-width:500px;margin:0 auto}.empty-icon{margin-bottom:20px;opacity:0.5}.empty-state h4{font-size:1.2rem;color:var(--navy);margin-bottom:8px}.empty-state p{font-size:0.95rem}.pagination-wrap{display:flex;justify-content:center;margin-top:40px}.pagination{display:flex;align-items:center;gap:6px;list-style:none;padding:0;margin:0}.page-num,.page-nav,.page-current{display:flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 4px;font-size:0.88rem;font-weight:600;text-decoration:none;transition:all var(--transition);border-radius:4px}.page-num{color:var(--navy);border:1.5px solid #c4cde8;background:linear-gradient(180deg,#fff 0%,#f0f3fb 100%);box-shadow:0 1px 4px rgba(13,27,62,0.08),inset 0 1px 0 #fff}.page-num:hover{border-color:var(--red);color:var(--red);box-shadow:0 2px 8px var(--red-glow)}.page-current{background:linear-gradient(180deg,#e53935 0%,var(--red-dark) 100%);color:#fff;border:1px solid var(--red-dark);box-shadow:0 3px 12px var(--red-glow);position:relative;overflow:hidden}.page-current::before{content:'';position:absolute;top:0;left:0;right:0;height:50%;background:rgba(255,255,255,0.18);pointer-events:none}.page-nav{color:var(--navy-light);border:1.5px solid #c4cde8;background:linear-gradient(180deg,#fff 0%,#f0f3fb 100%);box-shadow:0 1px 4px rgba(13,27,62,0.08),inset 0 1px 0 #fff}.page-nav:hover{border-color:var(--navy);color:var(--navy);box-shadow:0 2px 8px var(--navy-glow)}.lightbox{display:none;position:fixed;inset:0;z-index:9999;background:rgba(13,27,62,0.95);align-items:center;justify-content:center;flex-direction:column;backdrop-filter:blur(8px)}.lightbox.open{display:flex}.lightbox-gloss{position:absolute;top:0;left:0;right:0;height:30%;background:linear-gradient(180deg,rgba(255,255,255,0.1) 0%,transparent 100%);pointer-events:none}.lightbox-inner{position:relative;max-width:90vw;max-height:85vh;display:flex;flex-direction:column;align-items:center}.lightbox-media{max-width:100%;max-height:75vh;border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,0.5)}.lightbox-media img,.lightbox-media video{max-width:90vw;max-height:75vh;object-fit:contain;border-radius:12px;display:block}.lightbox-media iframe{border-radius:12px;display:block;box-shadow:0 20px 50px rgba(0,0,0,0.5)}.lightbox-title{color:#fff;font-size:1rem;font-weight:500;margin-top:20px;text-align:center;max-width:600px;background:rgba(255,255,255,0.1);padding:10px 24px;border-radius:40px;backdrop-filter:blur(4px)}.lightbox-close{position:fixed;top:20px;right:24px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:#fff;width:48px;height:48px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition);z-index:10000;backdrop-filter:blur(4px)}.lightbox-close:hover{background:var(--red);border-color:var(--red);transform:scale(1.1)}.lightbox-nav{position:fixed;top:50%;transform:translateY(-50%);background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:#fff;width:52px;height:52px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition);z-index:10000;backdrop-filter:blur(4px)}.lightbox-nav:hover{background:var(--red);border-color:var(--red);transform:translateY(-50%) scale(1.1)}#lightbox-prev{left:20px}#lightbox-next{right:20px}.lightbox-counter{position:fixed;bottom:20px;color:rgba(255,255,255,0.6);font-size:0.85rem;background:rgba(0,0,0,0.3);padding:5px 15px;border-radius:30px;backdrop-filter:blur(4px)}@media (max-width:991px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}}@media (max-width:768px){.gallery-section{padding:40px 0 60px}.section-heading{font-size:1.6rem}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.gallery-filters{gap:8px}.filter-link{padding:8px 16px;font-size:0.8rem}.lightbox-nav{width:42px;height:42px}}@media (max-width:576px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.gallery-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px;justify-content:flex-start;-webkit-overflow-scrolling:touch}.filter-link{flex-shrink:0}}