.hero-brand-stack:has(> .hero-brand-original) {
    width: min(560px, 100%);
}

.hero-brand-original {
    display: block;
    width: 100%;
    height: auto;
    filter: drop-shadow(0 4px 8px rgba(2, 9, 19, .7));
}

@media (hover: hover) and (pointer: fine) {
    .hero-brand-original:hover {
        filter: drop-shadow(0 4px 9px rgba(2, 9, 19, .8)) drop-shadow(0 0 15px rgba(0, 218, 239, .66));
    }
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
    .hero-brand-original {
        transition: filter .28s ease, transform .28s ease;
    }

    .hero-brand-original:hover {
        transform: translateY(-2px) scale(1.04);
    }
}