@keyframes mastheadFadeIn {
    from { 
        opacity: 0; 
        filter: blur(8px) grayscale(1);
        clip-path: inset(0 40% 0 40%);
    }
    to { 
        opacity: 1; 
        filter: blur(0px) grayscale(0);
        clip-path: inset(0 0% 0 0%);
    }
}

.brand-masthead {
    opacity: 0;
    filter: blur(8px) grayscale(1);
    clip-path: inset(0 40% 0 40%);
}

.brand-masthead.masthead-animate {
    animation: mastheadFadeIn 1.6s ease-out forwards;
}