/* ── GALLERY PAGE STYLES ── */
.gallery-hero { background: linear-gradient(135deg, #1A1A2E 0%, #2D1B3D 60%, #3D1A2E 100%); padding: 56px 48px; position: relative; overflow: hidden; text-align: center; }
.gallery-hero__orb1 { position:absolute; top:-60px; right:-60px; width:280px; height:280px; border-radius:50%; background:rgba(245,166,35,0.07); pointer-events:none; }
.gallery-hero__orb2 { position:absolute; bottom:-60px; left:-40px; width:220px; height:220px; border-radius:50%; background:rgba(224,69,123,0.07); pointer-events:none; }
.gallery-hero__content { position:relative; }
.gallery-hero__trophy { width:72px; height:72px; border-radius:50%; background:linear-gradient(135deg,rgba(245,166,35,0.2),rgba(224,69,123,0.2)); border:1px solid rgba(245,166,35,0.3); display:flex; align-items:center; justify-content:center; margin:0 auto 20px; font-size:32px; }
.gallery-hero__title { font-size:36px; font-weight:600; color:#fff; margin-bottom:10px; }
.gallery-hero__year { background:linear-gradient(135deg,#F5A623,#E0457B); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.gallery-hero__subtitle { font-size:15px; color:rgba(255,255,255,0.55); max-width:500px; margin:0 auto 28px; line-height:1.7; }
.gallery-hero__stats { display:flex; justify-content:center; gap:40px; border-top:1px solid rgba(255,255,255,0.1); padding-top:24px; margin-top:28px; }
.gallery-hero__stat-num { font-size:24px; font-weight:600; color:#fff; }
.gallery-hero__stat-label { font-size:12px; color:rgba(255,255,255,0.45); margin-top:2px; }
.gallery-filters { background:#fff; border-bottom:1px solid #f0f0f0; padding:16px 48px; display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; position:sticky; top:70px; z-index:50; box-shadow:0 2px 8px rgba(0,0,0,0.04); }
.gallery-filters__pills { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.gallery-filters__label { font-size:12px; color:#aaa; margin-right:4px; }
.filter-btn { padding:6px 16px; border-radius:20px; font-size:12px; font-weight:500; cursor:pointer; border:1px solid #eee; color:#666; background:#fff; transition:all 0.2s; font-family:inherit; }
.filter-btn:hover { border-color:#E0457B; color:#E0457B; }
.filter-btn.active { background:linear-gradient(135deg,#F5A623,#E0457B); color:#fff; border-color:transparent; }
.gallery-filters__view { display:flex; gap:6px; }
.view-btn { width:34px; height:34px; border-radius:8px; border:1px solid #eee; background:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center; color:#aaa; transition:all 0.2s; font-size:16px; font-family:inherit; }
.view-btn.active { background:#FDF0F4; border-color:rgba(224,69,123,0.3); color:#E0457B; }
.gallery-section { padding:40px 48px; background:#f9f9f9; }
.gallery-section-title { font-size:11px; font-weight:500; letter-spacing:2px; text-transform:uppercase; color:#E0457B; margin-bottom:20px; display:flex; align-items:center; gap:10px; }
.gallery-section-title::after { content:''; flex:1; height:1px; background:linear-gradient(to right,#f0e0e8,transparent); }
.photo-grid { columns:4; column-gap:14px; }
.photo-grid.grid-3 { columns:3; }
.photo-grid.grid-2 { columns:2; }
.photo-item { break-inside:avoid; margin-bottom:14px; border-radius:12px; overflow:hidden; position:relative; cursor:pointer; background:#eee; display:block; }
.photo-placeholder { width:100%; display:block; position:relative; overflow:hidden; background:linear-gradient(135deg,#f9f0ff,#fce4ee); }
.photo-item:nth-child(3n+1) .photo-placeholder { padding-bottom:75%; }
.photo-item:nth-child(3n+2) .photo-placeholder { padding-bottom:120%; }
.photo-item:nth-child(3n+3) .photo-placeholder { padding-bottom:90%; }
.photo-item:nth-child(5n)   .photo-placeholder { padding-bottom:60%; }
.photo-placeholder img { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; transition:transform 0.4s ease; }
.photo-item:hover .photo-placeholder img { transform:scale(1.06); }
.photo-placeholder__icon { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; pointer-events:none; }
.photo-placeholder__icon svg { opacity:0.2; margin:0 auto 8px; display:block; }
.photo-placeholder__icon span { font-size:11px; color:#E0457B; opacity:0.5; display:block; }
.photo-overlay { position:absolute; inset:0; background:linear-gradient(to top,rgba(26,26,46,0.85) 0%,transparent 50%); opacity:0; transition:opacity 0.3s ease; display:flex; flex-direction:column; justify-content:flex-end; padding:16px; }
.photo-item:hover .photo-overlay { opacity:1; }
.photo-overlay__caption { font-size:13px; font-weight:500; color:#fff; margin-bottom:4px; }
.photo-overlay__sub { font-size:11px; color:rgba(255,255,255,0.6); }
.photo-overlay__expand { position:absolute; top:12px; right:12px; width:30px; height:30px; border-radius:50%; background:rgba(255,255,255,0.2); display:flex; align-items:center; justify-content:center; color:#fff; font-size:14px; }
.lightbox { display:none; position:fixed; inset:0; z-index:1000; background:rgba(10,10,20,0.95); align-items:center; justify-content:center; flex-direction:column; }
.lightbox.open { display:flex; }
.lightbox__img-wrap { position:relative; max-width:90vw; max-height:80vh; display:flex; align-items:center; justify-content:center; }
.lightbox__img { max-width:100%; max-height:80vh; object-fit:contain; border-radius:8px; display:block; }
.lightbox__placeholder { width:600px; max-width:90vw; height:400px; border-radius:12px; border:1px dashed rgba(255,255,255,0.15); display:flex; flex-direction:column; align-items:center; justify-content:center; background:rgba(255,255,255,0.03); color:rgba(255,255,255,0.3); font-size:13px; gap:12px; }
.lightbox__caption { text-align:center; margin-top:16px; }
.lightbox__caption-title { font-size:15px; font-weight:500; color:#fff; }
.lightbox__caption-sub { font-size:12px; color:rgba(255,255,255,0.45); margin-top:4px; }
.lightbox__close { position:fixed; top:20px; right:24px; width:40px; height:40px; border-radius:50%; border:1px solid rgba(255,255,255,0.2); background:rgba(255,255,255,0.08); color:#fff; font-size:20px; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background 0.2s; font-family:inherit; }
.lightbox__close:hover { background:rgba(255,255,255,0.15); }
.lightbox__nav { position:fixed; top:50%; transform:translateY(-50%); width:44px; height:44px; border-radius:50%; border:1px solid rgba(255,255,255,0.2); background:rgba(255,255,255,0.08); color:#fff; font-size:20px; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background 0.2s; font-family:inherit; }
.lightbox__nav:hover { background:rgba(255,255,255,0.15); }
.lightbox__prev { left:16px; }
.lightbox__next { right:16px; }
.lightbox__counter { position:fixed; bottom:20px; left:50%; transform:translateX(-50%); font-size:12px; color:rgba(255,255,255,0.4); background:rgba(0,0,0,0.4); padding:4px 14px; border-radius:20px; }
@media (max-width:768px) { .gallery-hero { padding:40px 20px; } .gallery-hero__title { font-size:26px; } .gallery-filters { padding:12px 20px; } .gallery-section { padding:28px 20px; } .photo-grid { columns:2; } .lightbox__nav { display:none; } }