/* Immersify – Logo mark
   Loaded on every page, before the nav (inc/load-assets.php).
   .is-drawing draws both strokes in on load; the glow lifts on hover. */

.logo-mark {
    width:  32px;
    height: auto;

    path {
        stroke-dasharray:  1;
        stroke-dashoffset: 0;
    }

    .logo-glow {
        opacity:    .35;
        transition: opacity var(--transition-base);
    }

    &.is-drawing path {
        animation: logo-draw 1.6s cubic-bezier(.65, 0, .35, 1) both;
    }

    &.is-drawing path + path {
        animation-delay: .45s;
    }
}

a:hover > .logo-mark .logo-glow,
.logo-mark:hover .logo-glow {
    opacity: .9;
}

@keyframes logo-draw {
    from { stroke-dashoffset: 1; }
    to   { stroke-dashoffset: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .logo-mark.is-drawing path {
        animation: none;
    }
}