html { scroll-behavior: auto; background: #2E2929; }
  body { margin: 0; background: #2E2929; color: #FBFBF1; font-family: Inter, sans-serif; -webkit-font-smoothing: antialiased; overflow-x: clip; }
  * { box-sizing: border-box; }
  a { color: #FBFBF1; text-decoration: none; }
  a:hover { color: #ffffff; }
  body::after {
    content: ""; position: fixed; top: -50%; left: -50%; width: 200%; height: 200%;
    pointer-events: none; z-index: 9999; opacity: 0.035;
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E");
    animation: grainShift 0.8s steps(2) infinite;
  }
  @keyframes grainShift {
    0% { transform: translate(0,0); } 50% { transform: translate(-3%,2%); } 100% { transform: translate(2%,-2%); }
  }
  @keyframes lineIn { from { transform: translateY(100%); } to { transform: translateY(0); } }
  @keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
  @keyframes dotTravel { 0% { transform: translateY(0); opacity: 0; } 20% { opacity: 1; } 80% { opacity: 1; } 100% { transform: translateY(40px); opacity: 0; } }
  [data-burger] { display: none; }
  @media (max-width: 767px) {
    [data-desktop-nav] { display: none !important; }
    [data-burger] { display: flex !important; }
    [data-pin-wrap] { height: auto !important; }
    [data-pin] { position: static !important; height: auto !important; padding-top: 0 !important; }
    [data-pin-inner] { flex-direction: column !important; }
    [data-pin-col] { height: auto !important; overflow: visible !important; }
    [data-track] { transform: none !important; padding-top: 0 !important; }
  }
  @media (prefers-reduced-motion: reduce) {
    body::after { animation: none; }
    [data-speed], [data-drift], [data-track], [data-step-num] { transform: none !important; }
    [data-pin-wrap] { height: auto !important; }
    [data-pin] { position: static !important; height: auto !important; overflow: visible !important; }
    [data-pin-inner] { flex-direction: column !important; }
    [data-pin-col] { height: auto !important; overflow: visible !important; }
    [data-track] { padding-top: 0 !important; }
    [data-reveal] { clip-path: inset(0) !important; transform: none !important; }
    [data-line] { animation: none !important; }
    [data-marquee] { animation: none !important; }
  }

.hv1:hover{color:#FBFBF1 !important}
.hv2:hover{color:#FBFBF1 !important}
.hv3:hover{color:#FBFBF1 !important}
.hv4:hover{background:#ffffff !important;transform:scale(1.02) !important;color:#2E2929 !important}
.hv5:hover{border-left:2px solid #C7FD03 !important;transform:translateX(8px) !important}
.hv6:hover{border:1px solid rgba(255,255,255,0.2) !important;color:#FBFBF1 !important}
.hv7:hover{border:1px solid rgba(255,255,255,0.2) !important;color:#FBFBF1 !important}
.hv8:hover{border:1px solid rgba(255,255,255,0.2) !important;color:#FBFBF1 !important}
.hv9:hover{border:1px solid rgba(255,255,255,0.2) !important;color:#FBFBF1 !important}
.hv10:hover{border-left:2px solid #C7FD03 !important;transform:translateX(8px) !important}
.hv11:hover{border:1px solid rgba(255,255,255,0.2) !important;color:#FBFBF1 !important}
.hv12:hover{border:1px solid rgba(255,255,255,0.2) !important;color:#FBFBF1 !important}
.hv13:hover{border:1px solid rgba(255,255,255,0.2) !important;color:#FBFBF1 !important}
.hv14:hover{border:1px solid rgba(255,255,255,0.2) !important;color:#FBFBF1 !important}
.hv15:hover{border-left:2px solid #C7FD03 !important;transform:translateX(8px) !important}
.hv16:hover{border:1px solid rgba(255,255,255,0.2) !important;color:#FBFBF1 !important}
.hv17:hover{border:1px solid rgba(255,255,255,0.2) !important;color:#FBFBF1 !important}
.hv18:hover{border:1px solid rgba(255,255,255,0.2) !important;color:#FBFBF1 !important}
.hv19:hover{border:1px solid rgba(255,255,255,0.2) !important;color:#FBFBF1 !important}
.hv20:hover{border-left:2px solid #C7FD03 !important;transform:translateX(8px) !important}
.hv21:hover{border:1px solid rgba(255,255,255,0.2) !important;color:#FBFBF1 !important}
.hv22:hover{border:1px solid rgba(255,255,255,0.2) !important;color:#FBFBF1 !important}
.hv23:hover{border:1px solid rgba(255,255,255,0.2) !important;color:#FBFBF1 !important}
.hv24:hover{border:1px solid rgba(255,255,255,0.2) !important;color:#FBFBF1 !important}
.hv25:hover{border-left:2px solid #C7FD03 !important;transform:translateX(8px) !important}
.hv26:hover{border:1px solid rgba(255,255,255,0.2) !important;color:#FBFBF1 !important}
.hv27:hover{border:1px solid rgba(255,255,255,0.2) !important;color:#FBFBF1 !important}
.hv28:hover{border:1px solid rgba(255,255,255,0.2) !important;color:#FBFBF1 !important}
.hv29:hover{border:1px solid rgba(255,255,255,0.2) !important;color:#FBFBF1 !important}
.hv30:hover{border-left:2px solid #C7FD03 !important;transform:translateX(8px) !important}
.hv31:hover{border:1px solid rgba(255,255,255,0.2) !important;color:#FBFBF1 !important}
.hv32:hover{border:1px solid rgba(255,255,255,0.2) !important;color:#FBFBF1 !important}
.hv33:hover{border:1px solid rgba(255,255,255,0.2) !important;color:#FBFBF1 !important}
.hv34:hover{border:1px solid rgba(255,255,255,0.2) !important;color:#FBFBF1 !important}
.hv35:hover{background:#ffffff !important;transform:scale(1.02) !important;color:#2E2929 !important}
.hv36:hover{background:#ffffff !important;transform:scale(1.02) !important;color:#2E2929 !important}
.hv37:hover{background:#ffffff !important;transform:scale(1.02) !important;color:#2E2929 !important}
.hv38:hover{text-decoration:underline !important;color:#FBFBF1 !important}
.hv39:hover{background:#ffffff !important;transform:scale(1.02) !important;color:#2E2929 !important}
.hv40:hover{color:#FBFBF1 !important}
.hv41:hover{color:#FBFBF1 !important}
.hv42:hover{color:#FBFBF1 !important}
.hv43:hover{color:#FBFBF1 !important}