.gallery-card img{ transition: transform .36s ease, box-shadow .36s ease; }
      .gallery-card:hover img{ transform: scale(1.04); }
      .gallery-card{ transition: box-shadow .28s ease, transform .28s ease; }
      .tab-btn{ transition: background .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease; background:#fff; color:#6d28d9; border-color:#d8b4fe !important; box-shadow:0 6px 18px rgba(109,40,217,0.08); }
      .tab-btn:hover{ background:#faf5ff; transform:translateY(-2px); }
      .tab-btn.active{ background: linear-gradient(90deg,#7c3aed,#6d28d9) !important; box-shadow:0 12px 30px rgba(76,29,149,0.22) !important; color:#fff !important; transform:translateY(-3px) scale(1.02); border-color:transparent !important; }
      .tab-btn.bg-purple-600{ background: linear-gradient(90deg,#7c3aed,#6d28d9) !important; color:#fff !important; }
      .tab-btn:focus{ outline-offset:2px; box-shadow:0 0 0 4px rgba(109,40,217,0.09); }

      .animate-fade-in{ animation: fadeIn .9s ease both; }
      @keyframes fadeIn{ from{ opacity:0; transform:translateY(8px); } to{ opacity:1; transform:translateY(0); } }

      #lightbox button{ background:#fff; color:#3b0764; border:0; }
      #lightbox button:hover{ transform:scale(1.04); }

      #lbCaption{ font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial; color:#e6e6e6; }

      /* Mobile responsive tweaks */
      @media (max-width:640px){
        #galleryTabs{ -webkit-overflow-scrolling:touch; -ms-overflow-style:none; scrollbar-width:none; }
        #galleryTabs::-webkit-scrollbar{ display:none; }
        .tab-btn{ padding:.5rem .75rem; font-size:.9rem; white-space:nowrap; flex-shrink:0; }
        .max-w-4xl{ padding-left:1rem; padding-right:1rem; }
        .hero-cta{ width:100%; }
        .gallery-card{ overflow:hidden; }
        .gallery-card img{ height:220px; object-fit:cover; }
        #lbImage{ max-height:60vh; width:auto; }
        #lightbox > button.absolute{ display:none; }
        #lbControlsMobile{ display:flex; gap:.75rem; }
        #lbControlsMobile button{ padding:.5rem .75rem; min-width:44px; height:44px; border-radius:9999px; box-shadow:0 8px 20px rgba(0,0,0,0.12); border:0; background:#fff; color:#3b0764; }
        .max-w-4xl h1{ font-size:1.75rem; }
        .hero-cta{ padding:0.85rem 1rem; font-size:1rem; }
        .w-24.h-1{ width:4.5rem; }
        .gallery-card .p-4{ padding:0.875rem; }
        .right-decor{ display:none !important; }
        .hero-section{ min-height:38vh !important; padding-top:2.25rem; padding-bottom:2.25rem; overflow:hidden; }
        .hero-section .max-w-4xl{ padding-left:0.5rem; padding-right:0.5rem; }
        .hero-section h1{ font-size:1.6rem !important; line-height:1.05 !important; }
        .hero-section p{ font-size:0.95rem !important; }
        .hero-cta{ width:100%; padding:0.85rem 1rem; }
      }