/* ═══════════════════════════════════════════
   LOADER
   ═══════════════════════════════════════════ */

        .loader {
            position: fixed;
            inset: 0;
            z-index: 9999;
            background: var(--bg);
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            gap: 1.8rem;
            transition: opacity .8s cubic-bezier(.22, 1, .36, 1), visibility .8s
        }

        .loader.is-loaded {
            opacity: 0;
            visibility: hidden;
            pointer-events: none
        }

        .loader__brand {
            font-family: var(--font-heading);
            font-size: 1.1rem;
            font-weight: 600;
            letter-spacing: .3em;
            color: var(--accent)
        }

        .loader__bars {
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
            width: 120px;
        }

        .loader__track {
            width: 100%;
            height: 2px;
            background: rgba(255, 255, 255, 0.06);
            position: relative;
            overflow: hidden;
            border-radius: 2px;
        }

        .loader__fill {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            background: var(--accent);
            width: 0%;
            transition: width .25s ease-out;
            border-radius: 2px;
        }

        .loader__track--2 .loader__fill {
            background: var(--accent-dark);
        }