/* HELL-MU ETAP 19 — accepted 350px masthead only; all subpages/CMS intact. */
/* Source: accepted 26.10.2026 full header visual, original crest and castles. */
.hell-theme .masthead,
body[data-hell-mode="preview"] .masthead {
  position:relative!important;
  width:100%!important;
  height:350px!important;
  min-height:350px!important;
  margin:0 auto!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background-color:#160405!important;
  background-image:url('../images/hell-header-approved-v19.webp')!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  box-shadow:inset 0 -12px 25px rgba(8,2,2,.35)!important;
}
/* Logos, chapter names and castles are exactly in the approved image. Hide old
   duplicate crest / captions from previous stages while keeping the real links. */
.hell-theme .masthead-logo,.hell-theme .masthead-caption,
.hell-theme .header-sidecopy,.hell-theme .header-tagline,
body[data-hell-mode="preview"] .masthead-logo,
body[data-hell-mode="preview"] .masthead-caption,
body[data-hell-mode="preview"] .header-sidecopy,
body[data-hell-mode="preview"] .header-tagline {display:none!important;}
/* Small atmospheric lighting effects, not transforms on the logo itself. */
.hell-theme .masthead::before,
body[data-hell-mode="preview"] .masthead::before {
  content:''!important;display:block!important;position:absolute!important;
  inset:0!important;left:0!important;top:0!important;
  width:100%!important;height:100%!important;z-index:1!important;
  pointer-events:none!important;
  background-image:radial-gradient(ellipse 16% 27% at 50% 33%,rgba(255,35,5,.14),transparent 85%),
    radial-gradient(2px 2px at 19% 69%,rgba(255,131,35,.7) 40%,transparent 85%),
    radial-gradient(1px 1px at 66% 38%,rgba(255,167,65,.7) 40%,transparent 85%),
    radial-gradient(1.5px 1.5px at 76% 78%,rgba(255,105,27,.7) 40%,transparent 85%)!important;
  background-repeat:no-repeat!important;background-size:100% 100%!important;
  mask-image:none!important;-webkit-mask-image:none!important;
  filter:none!important;opacity:.35!important;
  animation:hell19-embers 9s ease-in-out infinite alternate!important;
}
.hell-theme .masthead::after,
body[data-hell-mode="preview"] .masthead::after {
  content:''!important;display:block!important;position:absolute!important;
  inset:0!important;z-index:2!important;pointer-events:none!important;
  background:radial-gradient(ellipse 16% 35% at 50% 26%,rgba(255,62,17,.23),rgba(194,23,8,.07) 60%,transparent 96%)!important;
  mask-image:none!important;-webkit-mask-image:none!important;
  filter:none!important;opacity:.38!important;
  animation:hell19-glow 6.7s ease-in-out infinite!important;
}
@keyframes hell19-glow {0%,100% {opacity:.20} 50% {opacity:.66}}
@keyframes hell19-embers {0% {opacity:.25;transform:translateY(7px)} 60% {opacity:.6} 100% {opacity:.35;transform:translateY(-9px)}}
.hell-theme .masthead .utility-bar,
body[data-hell-mode="preview"] .masthead .utility-bar {
  z-index:15!important;position:absolute!important;top:11px!important;right:18px!important;
}
.hell-theme .masthead .utility-actions,
body[data-hell-mode="preview"] .masthead .utility-actions {
  background:rgba(8,5,5,.88)!important;
  border:1px solid rgba(135,74,48,.7)!important;
}
/* Menu and content share precisely the same horizontal bounds. No shifting
   content/sidelayout structure, only protect the right edge alignment. */
.hell-theme .navigation,.hell-theme .content-grid,
body[data-hell-mode="preview"] .navigation,
body[data-hell-mode="preview"] .content-grid {
  width:min(1600px,calc(100% - 28px))!important;
  max-width:1600px!important;
  margin-inline:auto!important;
  box-sizing:border-box!important;
}
.hell-theme .content-grid>.sidebar,
body[data-hell-mode="preview"] .content-grid>.sidebar {
  min-width:0!important;width:100%!important;max-width:100%!important;
  margin-right:0!important;box-sizing:border-box!important;
}
/* Do not let desktop art consume the entire mobile viewport. */
@media (max-width:980px) {
  .hell-theme .masthead,body[data-hell-mode="preview"] .masthead {
    height:270px!important;min-height:270px!important;
    background-size:auto 100%!important;
  }
}
@media (max-width:760px) {
  .hell-theme .masthead,body[data-hell-mode="preview"] .masthead {
    height:220px!important;min-height:220px!important;
  }
  .hell-theme .navigation,.hell-theme .content-grid,
  body[data-hell-mode="preview"] .navigation,body[data-hell-mode="preview"] .content-grid {
    width:calc(100% - 18px)!important;
  }
  .hell-theme .masthead .utility-bar,body[data-hell-mode="preview"] .masthead .utility-bar {
    top:6px!important;right:8px!important;
  }
  .hell-theme .masthead .utility-actions,body[data-hell-mode="preview"] .masthead .utility-actions {
    font-size:10px!important;gap:7px!important;
  }
}
@media (max-width:440px) {
  .hell-theme .masthead,body[data-hell-mode="preview"] .masthead {
    height:175px!important;min-height:175px!important;
    background-size:auto 100%!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .hell-theme .masthead::before,.hell-theme .masthead::after,
  body[data-hell-mode="preview"] .masthead::before,
  body[data-hell-mode="preview"] .masthead::after{animation:none!important;}
}