/* Exact supplied wanted-poster artwork with dynamic dossier values overlaid. */

.genesis-poster {
    display: block !important;
    position: relative !important;
    aspect-ratio: 16 / 9;
    padding: 0 !important;
    overflow: hidden;
    isolation: isolate;
    clip-path: none !important;
    background: #050403 url("../assets/images/wanted-warrant-dynamic-background.png") center / 100% 100% no-repeat !important;
    box-shadow: 0 26px 80px rgba(0,0,0,.78) !important;
}

.genesis-poster::before,
.genesis-poster::after {
    display: none !important;
}

.genesis-poster > :not(.wanted-reference-layout) {
    display: none !important;
}

.wanted-reference-layout {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.wanted-reference-layout > :not(.warrant-details) {
    display: none !important;
}

.warrant-details {
    position: absolute !important;
    left: 59% !important;
    top: 22.5% !important;
    width: 36% !important;
    height: 55% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: repeat(8, 1fr) !important;
    align-items: stretch !important;
    margin: 0 !important;
    padding: 0 !important;
}
.warrant-detail {
    position: relative !important;
    display: block !important;
    min-height: 0 !important;
    border: 0 !important;
}

.warrant-detail span {
    display: none !important;
}

.warrant-detail b {
    position: absolute !important;
    left: 44% !important;
    top: 50% !important;
    width: 56% !important;
    transform: translateY(-50%) !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    color: rgba(29,16,9,.94) !important;
    background: transparent !important;
    font: 800 clamp(.38rem, .75vw, .85rem)/1.15 Georgia, "Times New Roman", serif !important;
    letter-spacing: .015em !important;
    text-shadow: 0 .25px 0 rgba(255,226,164,.24) !important;
    mix-blend-mode: multiply;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

.warrant-number b {
    color: #782117 !important;
    letter-spacing: .06em !important;
}

@media (max-width: 640px) {
    .warrant-details {
        left: 59%;
        top: 22%;
        width: 36%;
        height: 55.5%;
    }

    .warrant-detail b {
        font-size: clamp(.3rem, 1.3vw, .56rem) !important;
    }
}