/* DISCOLOGY NEXT — HOMEPAGE ORIGINAL LOGO GHOST XXL
   Dedicated ambient branding. Adjust variables below. */

:root {
    --dx-home-ghost-size: clamp(1312.5px, 137.5vw, 2187.5px);
    --dx-home-ghost-opacity: .24;
}

.dx-hero .dx-hero__brand-ghost {
    position: absolute;
    z-index: -1;
    left: 50%;
    top: -40px;
    width: var(--dx-home-ghost-size);
    height: auto;
    max-width: none;
    transform: translateX(-54%) rotate(-8deg);
    opacity: var(--dx-home-ghost-opacity);
    filter: grayscale(1) invert(1) contrast(2) brightness(1.12);
    mix-blend-mode: screen;
    -webkit-mask-image: radial-gradient(
        ellipse 78% 75% at 43% 45%,
        #000 15%, transparent 88%
    );
    mask-image: radial-gradient(
        ellipse 78% 75% at 43% 45%,
        #000 15%, transparent 88%
    );
    pointer-events: none;
    user-select: none;
}

html[data-dx-theme="light"] .dx-hero .dx-hero__brand-ghost {
    opacity: .14;
    filter: grayscale(1) contrast(2) brightness(.53);
    mix-blend-mode: multiply;
}

@media (max-width: 760px) {
    :root {
        --dx-home-ghost-size: clamp(900px, 206.25vw, 1375px);
        --dx-home-ghost-opacity: .15;
    }
    .dx-hero .dx-hero__brand-ghost {
        left: 50%;
        top: 10px;
    }
    html[data-dx-theme="light"] .dx-hero .dx-hero__brand-ghost {
        opacity: .10;
    }
}