@font-face {
  font-family: 'Proxima Nova';
  src: url('Proxima-Nova/proximanova_regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('Proxima-Nova/proximanova_bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}

/* If you don't have a separate Black/900 file, 
   using the Bold file for 900 is fine as a fallback */
@font-face {
  font-family: 'Proxima Nova';
  src: url('Proxima-Nova/proximanova_bold.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
}

:root {
      --font-primary: 'Proxima Nova', Arial, Helvetica, sans-serif;
      --gold:  #D4AF37;
      --gold2: #FFD700;
      --nav-h: 55px;
    }

    *, *::before, *::after { box-sizing: border-box; }

.glass-effect {
  /* 1. Ultra-Low Opacity (Removes the 'frosted' haze) */
  background: rgba(255, 255, 255, 0.015); 
  
  /* 2. High Refraction (Apple VisionOS Style) */
  /* Higher saturation (210%) makes the colors behind the glass pop */
  backdrop-filter: blur(40px) saturate(210%) brightness(110%);
  -webkit-backdrop-filter: blur(40px) saturate(210%) brightness(110%);
  
  /* 3. Sharp Specular Edges (Defines the shape without opacity) */
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-top: 1px solid rgba(255, 255, 255, 0.45); 
  border-left: 1px solid rgba(255, 255, 255, 0.25);
  
  /* 4. Deep Refraction Shadows */
  box-shadow: 
    0 15px 35px 0 rgba(0, 0, 0, 0.3),
    inset 0 1px 1px rgba(255, 255, 255, 0.4), /* Sharp top 'hit' of light */
    inset 0 0 20px rgba(255, 255, 255, 0.02); 
    
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  
  /* Performance fixes */
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  backface-visibility: hidden;
}