/* --- UTILITY & CUSTOM SCROLLBAR --- */
      .hide-scrollbar::-webkit-scrollbar {
        display: none;
      }
      .hide-scrollbar {
        -ms-overflow-style: none;
        scrollbar-width: none;
      }

      /* --- VIDEO & HERO TRANSITIONS --- */
      .video-active {
        opacity: 1;
        z-index: 10;
      }

      .video-inactive {
        opacity: 0;
        z-index: 0;
      }

      /* --- 3D CARD EFFECTS (UPPER SECTION) --- */
      .card-3d-wrapper {
        perspective: 1000px;
      }

      .card-3d {
        transform-style: preserve-3d;
        transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
      }

      .card-3d:hover {
        transform: rotateY(10deg) rotateX(10deg) scale(1.05);
        box-shadow: -20px 20px 60px rgba(0, 0, 0, 0.2);
      }

      .card-content {
        transform: translateZ(40px);
      }

      .card-bg {
        transform: translateZ(0px);
      }

      /* --- 3D FEATURE BOX STYLES --- */
      .perspective-container {
        perspective: 1200px;
      }

      .feature-card-3d {
        position: relative;
        transform-style: preserve-3d;
        transition:
          transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
          box-shadow 0.4s ease;
        background: rgba(255, 255, 255, 0.03);
        backdrop-filter: blur(20px);
        border: 1px solid rgba(255, 255, 255, 0.1);
      }

      .feature-card-3d::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: 1.5rem;
        padding: 2px;
        background: linear-gradient(
          135deg,
          rgba(255, 255, 255, 0.1),
          rgba(255, 255, 255, 0)
        );
        -webkit-mask:
          linear-gradient(#fff 0 0) content-box,
          linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        pointer-events: none;
      }

      .feature-card-3d:hover {
        transform: rotateX(5deg) rotateY(5deg) scale(1.02);
        border-color: rgba(249, 115, 22, 0.3);
        box-shadow:
          0 20px 50px rgba(0, 0, 0, 0.5),
          0 0 30px rgba(249, 115, 22, 0.1);
      }

      .feature-content-layer {
        transform: translateZ(40px);
        transform-style: preserve-3d;
      }

      .feature-icon-layer {
        transform: translateZ(60px);
        transition: transform 0.3s ease;
      }

      .feature-card-3d:hover .feature-icon-layer {
        transform: translateZ(80px) scale(1.1);
      }

      .feature-shadow {
        position: absolute;
        bottom: -20px;
        left: 50%;
        transform: translateX(-50%) rotateX(90deg);
        width: 80%;
        height: 20px;
        background: radial-gradient(
          ellipse at center,
          rgba(0, 0, 0, 0.6) 0%,
          transparent 70%
        );
        opacity: 0;
        transition:
          opacity 0.4s ease,
          transform 0.4s ease;
        filter: blur(10px);
        z-index: -1;
      }

      .feature-card-3d:hover .feature-shadow {
        opacity: 1;
        transform: translateX(-50%) rotateX(90deg) scale(1.2);
      }

      /* --- SCROLL REVEAL ANIMATIONS (Legacy & IntersectionObserver) --- */
      .reveal-on-scroll {
        opacity: 0;
        transform: perspective(1200px) translate3d(0, 50px, -150px)
          rotateX(20deg) scale(0.85);
        transition:
          opacity 1.2s ease-out,
          transform 1.2s cubic-bezier(0.2, 0.8, 0.2, 1);
        will-change: opacity, transform;
      }

      .reveal-on-scroll.is-visible {
        opacity: 1;
        transform: perspective(1200px) translate3d(0, 0, 0) rotateX(0deg)
          scale(1);
      }

      .reveal-up {
        opacity: 0;
        transform: translateY(30px);
        transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
      }
      .reveal-up.is-visible {
        opacity: 1;
        transform: translateY(0);
      }

      /* --- LOWER SECTION SPECIFIC STYLES --- */

      /* Guru Card Hover Effect */
      .guru-card {
        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      }
      .guru-card:hover {
        transform: translateY(-8px);
        box-shadow:
          0 20px 40px -5px rgba(234, 88, 12, 0.15),
          0 10px 20px -5px rgba(0, 0, 0, 0.04);
      }

      /* Sacred Geometry Rotate */
      .sacred-spin {
        animation: spin-slow 60s linear infinite;
      }
      @keyframes spin-slow {
        from {
          transform: rotate(0deg);
        }
        to {
          transform: rotate(360deg);
        }
      }

      /* News Card Image Zoom */
      .news-card-img-wrapper {
        overflow: hidden;
      }
      .news-card:hover .news-card-img {
        transform: scale(1.05);
      }
      .news-card-img {
        transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      }

      /* Music Equalizer Bars */
      .music-bar {
        width: 4px;
        background: rgba(255, 255, 255, 0.8);
        border-radius: 2px;
        animation: barDance 1s ease-in-out infinite;
      }
      .music-bar:nth-child(1) {
        animation-delay: 0.1s;
      }
      .music-bar:nth-child(2) {
        animation-delay: 0.3s;
      }
      .music-bar:nth-child(3) {
        animation-delay: 0.5s;
      }
      .music-bar:nth-child(4) {
        animation-delay: 0.2s;
      }

      /* Slant Clip Path for News Section */
      .clip-path-slant {
        clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0% 100%);
      }

      /* --- TEMPLE DISCOVERY 3D CARD STYLES --- */
      .temple-card-3d-wrap {
        perspective: 1500px;
      }
      .temple-card-inner {
        transform-style: preserve-3d;
        transition: transform 0.4s ease-out;
      }