.gallery-section{width:100%;position:relative;overflow:hidden}.gallery-container{width:100%;max-width:1420px;margin:0 auto}.gallery-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:3.5rem;display:flex}.gallery-label{color:var(--primary);letter-spacing:3px;text-transform:uppercase;margin-bottom:.6rem;font-size:.75rem;font-weight:800;display:block}.gallery-title{color:#0f172a;letter-spacing:-1.5px;margin-bottom:1.2rem;font-weight:800;line-height:1.1}.gallery-subtitle{color:#64748b;max-width:500px;margin:0;font-size:1.05rem;line-height:1.6}.gallery-filter-group{flex-wrap:wrap;gap:8px;display:flex}.gallery-filter-btn{color:#64748b;cursor:pointer;letter-spacing:.5px;background:#fff;border:1.5px solid #e2e8f0;border-radius:99px;padding:10px 22px;font-size:.7rem;font-weight:800;transition:border-color .3s cubic-bezier(.16,1,.3,1),background-color .3s cubic-bezier(.16,1,.3,1),color .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1)}.gallery-filter-btn.active{border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:0 10px 20px #f98c1d26}.gallery-slider-grid{grid-template-columns:1.4fr 1fr;gap:40px;display:grid;position:relative}.featured-slide{aspect-ratio:16/10;cursor:pointer;background:#f1f5f9;border:1px solid #0f172a0d;border-radius:40px;position:relative;overflow:hidden;box-shadow:0 40px 80px -20px #0f172a26}.featured-img{object-fit:cover;width:100%;height:100%}.featured-overlay{color:#fff;background:linear-gradient(#0000,#0f172ae6);padding:60px 50px 50px;position:absolute;bottom:0;left:0;right:0}.featured-meta{opacity:.8;align-items:center;gap:10px;margin-bottom:15px;font-size:.75rem;font-weight:600;display:flex}.gallery-sidebar{flex-direction:column;gap:20px;display:flex}.sidebar-label{color:#94a3b8;letter-spacing:2px;margin-bottom:10px;font-size:.7rem;font-weight:900}.sidebar-item{cursor:pointer;backface-visibility:hidden;will-change:transform;border:1.5px solid #0000;border-radius:24px;align-items:center;gap:15px;padding:12px;transition:background-color .3s,transform .3s;display:flex}@media (hover:hover) and (pointer:fine){.sidebar-item:hover{background:#fff;transform:translate(10px)}}.sidebar-thumb{border-radius:18px;flex-shrink:0;width:130px;height:90px;overflow:hidden}.sidebar-content h5{color:#1e293b;margin:0 0 4px;font-size:1rem;font-weight:800;line-height:1.3}.sidebar-nav{gap:10px;margin-top:auto;display:flex}.nav-btn{cursor:pointer;color:#1e293b;background:#fff;border:1.5px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;transition:all .3s;display:flex}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;display:grid}.gallery-card{cursor:pointer;backface-visibility:hidden;will-change:transform;background:#fff;border:1px solid #0f172a0a;border-radius:35px;padding:12px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1);transform:translate(0,0);box-shadow:0 20px 40px #0f172a0a}@media (hover:hover) and (pointer:fine){.gallery-card:hover{transform:translateY(-10px);box-shadow:0 30px 60px #0f172a1a}}.card-img-wrapper{aspect-ratio:1.5;border-radius:25px;width:100%;position:relative;overflow:hidden}.category-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--primary);background:#ffffffe6;border:1px solid #f98c1d33;border-radius:12px;padding:5px 12px;font-size:.65rem;font-weight:900;position:absolute;top:15px;right:15px}.lightbox-overlay{z-index:10000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172afa;justify-content:center;align-items:center;padding:10px;display:flex;position:fixed;inset:0}.lightbox-content{background:#fff;border-radius:50px;width:100%;max-width:1200px;position:relative;overflow:hidden;box-shadow:0 100px 200px #00000080}.lightbox-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);display:grid}@media (max-width:991px){.gallery-slider-grid{grid-template-columns:1fr!important}.gallery-sidebar{display:none!important}.lightbox-grid{grid-template-columns:1fr!important}.lightbox-grid .sidebar-item-img{aspect-ratio:16/9!important}}@media (max-width:768px){.gallery-header-row{flex-direction:column;align-items:flex-start;margin-bottom:2rem}.gallery-grid{grid-template-columns:1fr}.featured-slide{border-radius:24px}.featured-overlay{padding:30px 20px}}
