/* L2CHECK Stage 11 — visual shell, side art and honest banner brightness */

/* Uploaded banner images must render as uploaded. Stage 8/9 applied a dark gradient to every banner. */
.cms-banner:after,
.stage9-hero-banner:after{display:none!important;content:none!important}
.cms-banner img,
.stage9-hero-banner img,
.stage9-sidebar-banner img,
.home-inline-banner img,
.footer-cms-banner img{filter:none!important;opacity:1!important}
.cms-banner.has-overlay:after{display:block!important;content:""!important;position:absolute;inset:0;background:rgba(3,10,16,var(--banner-overlay,0))!important;pointer-events:none;z-index:1}
.cms-banner.has-copy .cms-banner-copy{z-index:2;text-shadow:0 2px 12px rgba(0,0,0,.72)}
.cms-banner.image-only .cms-banner-copy{display:none!important}
.stage9-hero-banner{background:#07131d!important}
.stage9-hero-banner img{object-fit:cover!important}
.stage9-sidebar-banner{min-height:0!important;aspect-ratio:300/250}
.stage9-sidebar-banner img{min-height:0!important;height:100%!important;object-fit:cover!important}

/* Left hero can now have its own editorial art uploaded from admin. */
.s11-hero-copy{position:relative;overflow:hidden;border-radius:12px;isolation:isolate}
.s11-hero-copy.has-art{padding-left:20px;padding-right:20px;border:1px solid rgba(43,72,94,.72);background:#071722}
.s11-hero-copy.has-art:before{content:"";position:absolute;z-index:-2;inset:0;background-image:var(--hero-copy-art);background-size:cover;background-position:center;transform:scale(1.015)}
.s11-hero-copy.has-art:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(4,13,20,.94) 0%,rgba(4,13,20,.79) 50%,rgba(4,13,20,.38) 100%),linear-gradient(0deg,rgba(4,13,20,.5),transparent 55%)}
.s11-hero-copy.has-art .stage9-kicker,
.s11-hero-copy.has-art h1,
.s11-hero-copy.has-art p,
.s11-hero-copy.has-art .stage9-hero-actions,
.s11-hero-copy.has-art .stage9-hero-points{position:relative;z-index:2}

/* Decorative / future monetizable side rails. They only occupy space outside the 1360px content shell. */
.s11-side-art-shell{position:fixed;z-index:0;inset:66px 0 0;pointer-events:none;overflow:hidden}
.s11-side-art{position:absolute;top:0;bottom:0;width:clamp(0px,calc((100vw - 1380px)/2),310px);opacity:var(--s11-side-opacity,.62);overflow:hidden;transition:opacity .25s ease}
.s11-side-art-left{left:0;mask-image:linear-gradient(90deg,#000 0%,#000 58%,rgba(0,0,0,.78) 76%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 58%,rgba(0,0,0,.78) 76%,transparent 100%)}
.s11-side-art-right{right:0;mask-image:linear-gradient(270deg,#000 0%,#000 58%,rgba(0,0,0,.78) 76%,transparent 100%);-webkit-mask-image:linear-gradient(270deg,#000 0%,#000 58%,rgba(0,0,0,.78) 76%,transparent 100%)}
.s11-side-art img,.s11-side-art a{display:block;width:100%;height:100%}
.s11-side-art img{object-fit:cover;object-position:center top;filter:saturate(1.04) contrast(1.04);user-select:none}
.s11-side-art a{pointer-events:auto}
.s11-side-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(5,13,20,.02),transparent 30%,transparent 73%,rgba(5,13,20,.76))}
.s11-side-art-left:before,.s11-side-art-right:before{content:"";position:absolute;z-index:2;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,rgba(213,169,82,.2) 22%,rgba(65,112,147,.22) 62%,transparent)}
.s11-side-art-left:before{right:6px}.s11-side-art-right:before{left:6px}

/* Keep the actual portal above the decorative rails, while retaining the artwork in side gutters. */
.topbar,main,.site-footer{position:relative}
main,.site-footer{z-index:1}
.topbar{z-index:40}

/* A little more visual presence for the sidebar banner without altering the asset itself. */
.stage9-sidebar .cms-banner{border-color:#31516a;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.stage9-sidebar .cms-banner:hover{border-color:#537694;transform:translateY(-1px);transition:.18s}

@media(max-width:1450px){
  .s11-side-art-shell{display:none}
}
@media(max-width:760px){
  .s11-hero-copy.has-art{padding:18px 15px}
}