/* ================= BLOCK DEFAULT CURSOR ================= */
body, a, button {
    cursor: none;
  }
  
  /* ================= PRELOADER ================= */
  #preloader {
    position: fixed;
    inset: 0;
    display: flex;
    z-index: 99999;
  }
  
  .panel {
    flex: 1;
    height: 100%;
    background: #111;
    position: relative;
    transform: translateY(0);
  }
  
  .panel::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
      to bottom,
      rgba(199,146,30,0.15),
      transparent
    );
  }
  
  .panel-1 { animation: slideDown 1s ease forwards; animation-delay: .2s; }
  .panel-2 { animation: slideDown 1s ease forwards; animation-delay: .4s; }
  .panel-3 { animation: slideDown 1s ease forwards; animation-delay: .6s; }
  .panel-4 { animation: slideDown 1s ease forwards; animation-delay: .8s; }
  
  @keyframes slideDown {
    to { transform: translateY(100%); }
  }
  
  /* ================= CUSTOM CURSOR ================= */
  #custom-cursor {
    position: fixed;
    width: 36px;
    height: 36px;
    border: 2px solid var(--gold);
    border-radius: 50%;
    pointer-events: none;
    transform: translate(-50%, -50%);
    transition: .25s ease;
    z-index: 9999999;
    mix-blend-mode: difference;
  }
  
  #custom-cursor-dot {
    position: fixed;
    width: 8px;
    height: 8px;
    background: var(--gold);
    border-radius: 50%;
    pointer-events: none;
    transform: translate(-50%, -50%);
    transition: .15s ease;
    z-index: 9999999;
  }
  
  /* HOVER EFFECT */
  .cursor-hover {
    width: 56px !important;
    height: 56px !important;
    transform: translate(-50%, -50%) scale(1.1);
  }
  
  .cursor-dot-hover {
    transform: translate(-50%, -50%) scale(0.4);
  }