.gallery-hero{text-align:center;justify-content:center;align-items:center;min-height:200px;display:flex;position:relative;overflow:hidden}.gallery-hero:before{content:"";pointer-events:none;position:absolute;inset:0}.gallery-hero-content{max-width:1032px;padding:25px 20px}.hero-tag{color:#4338ca;letter-spacing:2px;margin-bottom:12px;padding:6px 16px;font-size:22px;font-weight:700;display:inline-block}.gallery-hero-content h1{color:#14213d;margin-bottom:12px;font-size:51px;line-height:1.15}.gallery-hero-content p{color:#4b5563;width:100%;margin-top:0;font-size:17px;line-height:1.7}.gallery-page{max-width:1280px;margin:20px auto;padding:0 20px}.gallery-top{justify-content:space-between;align-items:center;margin-bottom:60px;display:flex}.breadcrumb{color:#9ca3af;font-size:15px}.breadcrumb span{margin:0 10px}.touch-btn{color:#fff;cursor:pointer;background:#ff5656;border:none;border-radius:6px;padding:16px 34px;font-size:14px;font-weight:600;transition:all .3s}.touch-btn:hover{background:#ef4444}.gallery-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:34px;display:grid}.gallery-card{cursor:pointer;flex-direction:column;height:100%;display:flex}.gallery-card:hover{transform:translateY(-6px)}.gallery-image{overflow:hidden}.gallery-image img{object-fit:cover;cursor:pointer;width:100%;height:300px;transition:transform .4s;display:block}.gallery-card:hover img{transform:scale(1.05)}.gallery-content{border:1px solid #ededed;border-top:none;flex-direction:column;flex:1;padding:10px 28px 28px 5px;display:flex}.gallery-content h3{color:#111827;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin-bottom:20px;font-size:20px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.gallery-tabs{justify-content:center;gap:15px;margin-bottom:50px;display:flex}.tab-btn{color:#1e293b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50px;padding:14px 30px;font-size:16px;font-weight:600;transition:all .3s}.tab-btn:hover{background:#e2e8f0}.tab-btn.active{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed)}.video-grid{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}.video-card{background:#fff;border-radius:16px;overflow:hidden}.video-wrapper video{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.gallery-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background:#0000008c;justify-content:center;align-items:center;animation:.45s cubic-bezier(.22,1,.36,1) modalBackdrop;display:flex;position:fixed;inset:0}.gallery-modal-content{transform-origin:50%;flex-direction:column;justify-content:center;align-items:center;width:90%;max-width:1100px;animation:.4s zoomIn;display:flex;position:relative}.gallery-modal-content img{object-fit:contain;border-radius:12px;width:100%;max-height:80vh;box-shadow:0 25px 60px #00000080}.gallery-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:40px;position:absolute;top:-50px;right:0}.gallery-arrow{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;width:55px;height:55px;font-size:30px;transition:all .3s;position:absolute;top:50%;transform:translateY(-50%)}.gallery-arrow:hover{background:#ffffff4d;transform:translateY(-50%)scale(1.15)}.gallery-arrow.left{left:-80px}.gallery-arrow.right{right:-80px}.gallery-modal-content h3{color:#fff;margin-top:20px}.gallery-modal-content img{animation:.55s cubic-bezier(.16,1,.3,1) imagePop}@keyframes imagePop{0%{opacity:0;filter:blur(8px);transform:scale(.9)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (max-width:991px){.gallery-arrow.left{left:10px}.gallery-arrow.right{right:10px}.gallery-arrow{width:45px;height:45px;font-size:24px}.video-grid{grid-template-columns:repeat(1,1fr)}}@media (max-width:767px){.gallery-tabs{flex-direction:column;align-items:center}.video-grid{grid-template-columns:1fr}.tab-btn{width:220px}}@media (max-width:1024px){.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-content h3{font-size:28px}}@media (max-width:768px){.gallery-top{flex-direction:column;align-items:flex-start;gap:20px}.gallery-grid{grid-template-columns:1fr}.gallery-image img{height:240px}.gallery-content h3{font-size:24px}.touch-btn{width:100%}}