body {
      /* Base color will be set by Tailwind's bg-stone-900 */
      /* Subtle texture mimicking ornamentation */
      background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h20v20H0V0zm10 16a6 6 0 100-12 6 6 0 000 12z' fill='%2378716c' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");
    }
    /* Custom scrollbar for webkit browsers */
    ::-webkit-scrollbar {
      width: 8px;
    }
    ::-webkit-scrollbar-track {
      background: #292524; /* stone-800 */
    }
    ::-webkit-scrollbar-thumb {
      background: #57534e; /* stone-600 */
      border-radius: 4px;
    }
    ::-webkit-scrollbar-thumb:hover {
      background: #78716c; /* stone-500 */
    }
    html {
      scroll-behavior: smooth;
      scroll-padding-top: 190px; /* Updated: Was 100px. New banner (112px) + navbar (64px) = 176px. Adding buffer. */
    }

    /* Shimmer animation for button */
    .shimmer-button {
      position: relative; /* Needed for pseudo-element positioning */
      overflow: hidden;   /* Keep shimmer within button bounds */
    }

    .shimmer-button::after {
      content: '';
      position: absolute;
      top: 0;
      left: -150%; /* Start far left */
      width: 75%;  /* Width of the shimmer effect */
      height: 100%;
      background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.35), /* Shimmer color and intensity */
        transparent
      );
      transform: skewX(-25deg); /* Angle of the shimmer */
      animation: shimmer 2.5s infinite linear; /* Animation properties: name, duration, timing, iteration */
    }

    @keyframes shimmer {
      0% {
        left: -150%; /* Start off-screen to the left */
      }
      100% {
        left: 150%;  /* End off-screen to the right */
      }
    }

    /* Scroll Animation Icon Styles */
    .tooltip-horizontal-scroll-icon_hand { animation: tooltip-horizontal-scroll-icon_anim-scroll-hand 2s infinite }
    .tooltip-horizontal-scroll-icon_card { animation: tooltip-horizontal-scroll-icon_anim-scroll-card 2s infinite }
    @keyframes tooltip-horizontal-scroll-icon_anim-scroll-hand { 
      0% { transform: translateX(80px) scale(1); opacity: 0 } 
      10% { transform: translateX(80px) scale(1); opacity: 1 } 
      20%,60% { transform: translateX(175px) scale(.6); opacity: 1 } 
      80% { transform: translateX(5px) scale(.6); opacity: 1 } 
      to { transform: translateX(5px) scale(.6); opacity: 0 } 
    } 
    @keyframes tooltip-horizontal-scroll-icon_anim-scroll-card { 
      0%,60% { transform: translateX(0) } 
      80%,to { transform: translateX(-240px) } 
    }

    /* Floating animation for mobile menu buttons */
    @keyframes float-subtle-lr {
      0%, 100% {
        transform: translateX(0);
      }
      25% {
        transform: translateX(4px);
      }
      75% {
        transform: translateX(-4px);
      }
    }

    .animate-float-lr {
      animation: float-subtle-lr 4s ease-in-out infinite;
    }