:root {
             --primary: #D8A45A;
             --bg: #020202;
         }

         /* --- Added Trail Spotlight --- */
         .cur-glow {
             position: fixed;
             top: 0;
             left: 0;
             pointer-events: none;
             border-radius: 50%;
             transform: translate(-50%, -50%);
             opacity: 0;
             z-index: 9998;
             width: 360px;
             height: 360px;
             background: radial-gradient(circle, rgba(216, 164, 90, 0.38), rgba(216, 164, 90, 0.04) 42%, transparent 68%);
             mix-blend-mode: screen;
             transition: opacity 0.6s, width 0.5s ease, height 0.5s ease;
         }

         .cur-glow.on {
             opacity: 1;
         }

         .cur-glow.hot {
             width: 520px;
             height: 520px;
             background: radial-gradient(circle, rgba(216, 164, 90, 0.25), rgba(216, 164, 90, 0.06) 42%, transparent 68%);
         }

         body {
             background-color: var(--bg);
             color: white;
             cursor: none;
             overflow-x: hidden;
             -webkit-font-smoothing: antialiased;
         }

         /* Disable custom cursor and glow on touch devices to improve UX and performance */
         @media (pointer: coarse) {
             body {
                 cursor: auto;
             }

             #cursor-dot,
             #cursor-outline,
             .cur-glow {
                 display: none !important;
             }
         }

         /* Lenis Smooth Scroll */
         html.lenis,
         html.lenis body {
             height: auto;
         }

         .lenis.lenis-smooth {
             scroll-behavior: auto !important;
         }

         .lenis.lenis-stopped {
             overflow: hidden;
         }

         /* Custom Physics Cursor */
         #cursor-dot {
             position: fixed;
             top: 0;
             left: 0;
             width: 6px;
             height: 6px;
             background: var(--primary);
             border-radius: 50%;
             pointer-events: none;
             z-index: 10000;
             mix-blend-mode: difference;
             transform: translate(-50%, -50%);
             transition: opacity 0.3s;
         }

         #cursor-outline {
             position: fixed;
             top: 0;
             left: 0;
             width: 40px;
             height: 40px;
             border: 1px solid rgba(216, 164, 90, 0.5);
             border-radius: 50%;
             pointer-events: none;
             z-index: 9999;
             mix-blend-mode: difference;
             transform: translate(-50%, -50%);
             transition: width 0.3s, height 0.3s, background 0.3s, border-color 0.3s;
             display: flex;
             align-items: center;
             justify-content: center;
         }

         #cursor-text {
             font-family: 'Inter', sans-serif;
             font-size: 10px;
             font-weight: 600;
             letter-spacing: 0.2em;
             text-transform: uppercase;
             color: white;
             opacity: 0;
             transition: opacity 0.3s;
             position: absolute;
             white-space: nowrap;
         }

         .cursor-hover #cursor-outline {
             width: 80px;
             height: 80px;
             background: rgba(216, 164, 90, 0.1);
             border-color: transparent;
         }

         .cursor-view #cursor-outline {
             width: 90px;
             height: 90px;
             background: rgba(216, 164, 90, 0.9);
             border-color: transparent;
             mix-blend-mode: normal;
         }

         .cursor-view #cursor-dot {
             opacity: 0;
         }

         .cursor-view #cursor-text {
             opacity: 1;
             color: black;
         }

         /* Preloader */
         #preloader {
             position: fixed;
             inset: 0;
             background: var(--bg);
             z-index: 99999;
             display: flex;
             justify-content: center;
             align-items: center;
             flex-direction: column;
         }

         .loader-mask {
             position: absolute;
             inset: 0;
             background: #000;
             transform-origin: bottom;
             z-index: -1;
         }

         .loader-text {
             font-family: 'Syne', sans-serif;
             /*font-size: 2vw;*/
             font-weight: 800;
             text-transform: uppercase;
             color: transparent;
             -webkit-text-stroke: 1px rgba(216, 164, 90, 0.5);
             letter-spacing: 0.3em;
         }

         /* WebGL Background */
         #webgl-canvas {
             position: fixed;
             top: 0;
             left: 0;
             width: 100%;
             height: 100vh;
             z-index: 0;
             pointer-events: none;
             mix-blend-mode: screen;
             opacity: 0.4;
         }

         /* Typography & Utilities */
         .split-text .char {
             transform: translateY(100%) rotateX(-90deg);
             transform-origin: bottom center;
             opacity: 0;
         }

         ::-webkit-scrollbar {
             display: none;
         }

         .text-gold {
             background: linear-gradient(135deg, #D8A45A, #FF8A1D);
             -webkit-background-clip: text;
             -webkit-text-fill-color: transparent;
         }

         /* Simple Image Reveals */
         .simple-image-container {
             position: relative;
             border: 1px solid rgba(255, 255, 255, 0.05);
             opacity: 0;
             transform: translateY(40px);
         }

         .simple-image {
             filter: grayscale(10%) contrast(110%);
         }

         /* Hero Setup */
         .hero-img-container {
             position: absolute;
             inset: 0;
             width: 100%;
             height: 100%;
             overflow: hidden;
             z-index: 0;
         }

         .hero-img-container img {
             width: 100%;
             height: 100vh;
             object-fit: cover;
             object-position: right center;
             position: absolute;
             top: 0;
             left: 0;
             /*filter: grayscale(30%) brightness(0.8);*/
         }

         @media (min-width: 1024px) {
             .hero-img-container img {
                 height: 90%;
             }
         }

         .hero-gradient {
             position: absolute;
             inset: 0;
             background: linear-gradient(to top, rgba(2, 2, 2, 1) 0%, rgba(2, 2, 2, 0.4) 50%, transparent 100%);
             z-index: 1;
         }

         /* Next Project Hover Image */
         .next-project-bg {
             position: absolute;
             inset: 0;
             opacity: 0;
             transition: opacity 0.7s ease;
             z-index: 0;
         }

         .next-project-bg img {
             width: 100%;
             height: 100%;
             object-fit: cover;
             filter: brightness(0.3);
         }

         .next-project-wrapper:hover .next-project-bg {
             opacity: 1;
         }

         /*header class */
         .glass2 {
             background: rgba(255, 255, 255, 0.03);
             backdrop-filter: blur(12px);
             -webkit-backdrop-filter: blur(12px);
             border: 1px solid rgba(255, 255, 255, 0.05);
         }
     

/* Footer number */
.footer-number {
    display: inline-block;
    position: relative;
    top: -0.14em;
}