/* CRIMZIN_UNIFIED_NEON_V4 */
/* One standardized neon emblem on all six hero sections. */

html body section.czn-unified-hero {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
}

/* Disable the earlier pseudo-element watermark. */
html body section.czn-unified-hero::after,
html body[data-crimzin-theme="gta6-v1"]
section.czn-unified-hero::after,
html body[data-crimzin-theme="gta6-v1"]
#main-content > section.czn-unified-hero::after {
    content: none !important;
    display: none !important;
    background-image: none !important;
}

/* Remove duplicate decorative hero emblems. */
html body section.czn-unified-hero > .aboutv3-hero-mark,
html body section.czn-unified-hero > .shopv2-hero-mark {
    display: none !important;
}

/* All six pages use the same emblem treatment. */
html body section.czn-unified-hero > img.czn-unified-emblem,
html body[data-crimzin-theme="gta6-v1"]
section.czn-unified-hero > img.czn-unified-emblem {
    display: block !important;
    position: absolute !important;

    top: 50% !important;
    right: clamp(18px, 2vw, 34px) !important;
    bottom: auto !important;
    left: auto !important;

    transform: translateY(-50%) !important;

    width: clamp(160px, 22vw, 270px) !important;
    height: auto !important;
    max-width: none !important;

    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;

    opacity: .50 !important;
    filter: none !important;
    mix-blend-mode: normal !important;
    visibility: visible !important;

    z-index: 1 !important;
    pointer-events: none !important;
}

/* Keep page content above the emblem. */
html body section.czn-unified-hero
> :not(.czn-unified-emblem):not(.aboutv3-hero-mark):not(.shopv2-hero-mark) {
    position: relative;
    z-index: 2;
}

/* Adjust only dimensions on smaller screens. */
@media (max-width: 1024px) {
    html body section.czn-unified-hero > img.czn-unified-emblem {
        width: clamp(110px, 18vw, 180px) !important;
        right: 12px !important;
        opacity: .50 !important;
    }
}

@media (max-width: 600px) {
    html body section.czn-unified-hero > img.czn-unified-emblem {
        width: min(23vw, 95px) !important;
        right: 8px !important;
        top: 24% !important;
        opacity: .50 !important;
    }
}