/* SVG Logo Hover Rise Animation (Navbar & Footer) */
.logo-path {
    fill: currentColor;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Navbar & Footer Logo Hover Micro-interactions (Staggered Column Rise) */
.group:hover .logo-path-5 { transform: translateY(-40px); }
.group:hover .logo-path-6 { transform: translateY(-60px); }
.group:hover .logo-path-7 { transform: translateY(-80px); }
.group:hover .logo-path-1 { transform: scale(1.02); transform-origin: center; }

/* Dedicated Website Loading Screen Animation */
.loader-path {
    stroke: #C9A962;
    stroke-width: 16px;
    fill: #C9A962;
    fill-opacity: 0;
    stroke-dasharray: 4000;
    stroke-dashoffset: 4000;
}

@media (prefers-reduced-motion: no-preference) {
    .loader-path-1 { animation: drawLogoPath 2s cubic-bezier(0.4, 0, 0.2, 1) 0s forwards, fillLogoPath 0.6s ease-out 1.6s forwards; }
    .loader-path-2 { animation: drawLogoPath 2s cubic-bezier(0.4, 0, 0.2, 1) 0.15s forwards, fillLogoPath 0.6s ease-out 1.6s forwards; }
    .loader-path-3 { animation: drawLogoPath 2s cubic-bezier(0.4, 0, 0.2, 1) 0.3s forwards, fillLogoPath 0.6s ease-out 1.6s forwards; }
    .loader-path-4 { animation: drawLogoPath 2s cubic-bezier(0.4, 0, 0.2, 1) 0.45s forwards, fillLogoPath 0.6s ease-out 1.6s forwards; }
    .loader-path-5 { animation: drawLogoPath 2s cubic-bezier(0.4, 0, 0.2, 1) 0.6s forwards, fillLogoPath 0.6s ease-out 1.6s forwards; }
    .loader-path-6 { animation: drawLogoPath 2s cubic-bezier(0.4, 0, 0.2, 1) 0.75s forwards, fillLogoPath 0.6s ease-out 1.6s forwards; }
    .loader-path-7 { animation: drawLogoPath 2s cubic-bezier(0.4, 0, 0.2, 1) 0.9s forwards, fillLogoPath 0.6s ease-out 1.6s forwards; }
    
    .animate-fade-in-delayed {
        animation: fadeInText 0.8s ease-out 1.6s forwards;
    }
}

@keyframes drawLogoPath {
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes fillLogoPath {
    to {
        fill-opacity: 1;
        stroke-width: 0;
    }
}

@keyframes fadeInText {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .loader-path {
        fill-opacity: 1;
        stroke-dashoffset: 0;
        stroke-width: 0;
    }
    .animate-fade-in-delayed {
        opacity: 1;
    }
}