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

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Space Grotesk', sans-serif;
    background: #050505;
    color: #e8e8e8;
    overflow-x: hidden;
    line-height: 1.6;
    transition: opacity 0.4s ease;
}

/* ── BASE ──────────────────────────────────────────── */
a {
    color: inherit;
    text-decoration: none;
}

img {
    max-width: 100%;
    display: block;
}

h1, h2, h3, h4 {
    font-family: 'Bebas Neue', sans-serif;
    letter-spacing: 4px;
    text-transform: uppercase;
}

::selection {
    background: #00ff66;
    color: #000;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    background: url('../Assets/Images/noise.jpg');
    opacity: 0.04;
    pointer-events: none;
    z-index: 8999;
}

@media (max-width: 768px) {
    h1, h2, h3, h4 { letter-spacing: 2px; }
}