/* Mighty index-six hero with the existing Cabinet copy. */
#siege-banner{width:100%;isolation:isolate;overflow:hidden;background-color:#111}
html body.lc-word-reviewed #siege-banner :is(.title,.title span,.disc){color:#fff!important;-webkit-text-fill-color:#fff!important}
#siege-banner .right-text-area-start-7{max-width:380px}
#siege-banner .right-text-area-start-7 p{max-width:100%;font-size:15px;line-height:1.8}
@media(max-width:767px){
 #siege-banner{height:auto;min-height:700px;padding:70px 0}
 #siege-banner .banner-inner-7{padding-top:50px}
 #siege-banner .title,#siege-banner .title span{font-size:clamp(30px,7vw,48px);line-height:1.35}
 #siege-banner .title br{display:block}
 #siege-banner .right-text-area-start-7{display:block;position:static;max-width:100%;padding:0 28px;margin:40px auto 0}
 #siege-banner .right-text-area-start-7 p{text-align:center;max-width:450px;margin:auto}
 #siege-banner{display:flex;flex-direction:column}
 #siege-banner>.container{order:0}
 #siege-banner .right-text-area-start-7{order:1}
 #siege-banner .icon-area-small{top:30px;left:24px;transform:scale(.6)}
}

html body.lc-word-reviewed #siege-banner{background-image:url("../images/banner/mighty-six-original.jpg")!important}
#siege-banner .title br{display:block!important}

/* White banner in light mode; retain the Mighty background in dark mode. */
html:not(.rts-dark) body.lc-word-reviewed #siege-banner{background:#fff!important}
html:not(.rts-dark) body.lc-word-reviewed #siege-banner::before,
html:not(.rts-dark) body.lc-word-reviewed #siege-banner::after{background:none!important}
html:not(.rts-dark) body.lc-word-reviewed #siege-banner :is(.title,.title span,.disc){color:#171717!important;-webkit-text-fill-color:#171717!important}
html:not(.rts-dark) #siege-banner .icon-area-small img{filter:invert(1)}