/* HELL-MU — UltraWide background v4 | single scene / no duplicated characters
   Desktop target 3440x1440; downscales on 2560/1920; unchanged mobile structure.
   Only art/background styles; no changes to navigation/CMS logic.
*/
body {
    background-color: #0b0405 !important;
    background-image: linear-gradient(to bottom,
         rgba(8,3,4,.06) 0,
         rgba(8,3,4,.00) 280px,
         rgba(8,3,4,.11) 790px,
         #0b0405 1690px),
         url('../images/hell-ultrawide-scene-3440.jpg') !important;
    background-position: center top, center top !important;
    background-size: 100% 100%, max(100vw, 1680px) auto !important;
    background-attachment: scroll, scroll !important;
    background-repeat: no-repeat, no-repeat !important;
    isolation: auto !important;
}
/* Remove all old independently stretched narrow/wide edge sprites. */
body::before, body::after {
    content: none !important;
    display: none !important;
    background: none !important;
}
.page-shell {
    position: relative;
    isolation: isolate;
    z-index: 1;
}
/* Original header artwork had another dragon and another woman.
   Keep only the HELL-MU logo area and feather every edge over shared background. */
.masthead {
    background: transparent !important;
    isolation: isolate;
    overflow: visible;
}
.masthead::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: url('../images/hell-header-logo-feathered.png') center top / auto 100% no-repeat;
}
.masthead .utility-bar,
.masthead .masthead-logo,
.masthead .masthead-caption { z-index: 1; }
/* Keep text/tiles crisp above background at each responsive width. */
@media(max-width:760px) {
    body { background-size: 100% 100%, auto 1000px !important; }
    .masthead::before { background-image:url('../images/hell-header-mobile-logo.png'); background-size:auto 100%; }
}