/* Smooth Scroll & Scrollbar */
  html {
      scroll-behavior: smooth;
  }

  ::-webkit-scrollbar {
      width: 8px;
  }

  ::-webkit-scrollbar-track {
      background: #0a0a0a;
  }

  ::-webkit-scrollbar-thumb {
      background: #333;
      border-radius: 4px;
  }

  ::-webkit-scrollbar-thumb:hover {
      background: #C5A059;
  }

  /* Hide scrollbar for slider but keep functionality */
  .hide-scroll::-webkit-scrollbar {
      display: none;
  }

  .hide-scroll {
      -ms-overflow-style: none;
      scrollbar-width: none;
  }

  /* Text Stroke */
  .text-outline {
      -webkit-text-stroke: 2px rgba(255, 255, 255, 0.1);
      color: transparent;
  }

  /* Floating Animation */
  @keyframes float {

      0%,
      100% {
          transform: translateY(0) translateX(-50%);
      }

      50% {
          transform: translateY(-15px) translateX(-50%);
      }
  }

  .float-rock {
      animation: float 6s ease-in-out infinite;
  }

  /* Masonry Grid */
  .masonry-grid {
      column-count: 1;
      column-gap: 1.5rem;
  }

  @media (min-width: 768px) {
      .masonry-grid {
          column-count: 2;
      }
  }

  @media (min-width: 1024px) {
      .masonry-grid {
          column-count: 3;
      }
  }

  @media (min-width: 1280px) {
      .masonry-grid {
          column-count: 4;
      }
  }

  .break-inside-avoid {
      break-inside: avoid;
  }

  /* Reveal Animation */
  .reveal {
      opacity: 0;
      transform: translateY(50px);
      transition: all 1s cubic-bezier(0.5, 0, 0, 1);
  }

  .reveal.active {
      opacity: 1;
      transform: translateY(0);
  }

  /* Lightbox */
  #lightbox {
      transition: opacity 0.3s ease-in-out, visibility 0.3s;
  }

  /* Contact Drawer Transitions */
  #contact-drawer {
      transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  }

  #contact-overlay {
      transition: opacity 0.5s ease-in-out, visibility 0.5s;
  }
   /* Ensures active tabs keep white text on hover */
        .filter-btn.active:hover {
            color: #ffffff !important; 
            background-color: #C5A059 !important; /* Keep gold bg */
            border-color: #C5A059 !important;
        }