/* Explicit artwork layers keep campaign backdrops visible on mobile browsers. */
.campaign-arrival,.campaign-personas{position:relative;isolation:isolate;overflow:hidden}
.campaign-backdrop{position:absolute;z-index:0;pointer-events:none;object-fit:cover}
.campaign-arrival>.section,.campaign-personas>div,.campaign-personas>p{position:relative;z-index:1}
.campaign-crane{height:100%;width:62%;right:0;top:0;object-position:center 34%;mask-image:linear-gradient(90deg,transparent,#000 45%);opacity:.8}
.campaign-agents{height:100%;width:62%;right:0;top:0;object-position:center 60%;mask-image:linear-gradient(90deg,transparent,#000 45%);opacity:.65}
.campaign-arrival:after,.campaign-personas:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(0deg,#030a15,transparent 40%)}
.campaign-arrival .campaign-intro{background:transparent}
.campaign-arrival .story-opening>p:not(.eyebrow),.campaign-personas .campaign-lead{color:#c0ccdc}
@media(max-width:800px){
.campaign-crane{width:100%;height:1050px;object-position:60% top;opacity:.8;mask-image:linear-gradient(180deg,#000 0%,#000 55%,transparent 100%)}
.campaign-agents{width:100%;height:1100px;object-position:center top;opacity:.7;mask-image:linear-gradient(180deg,#000 0%,#000 55%,transparent 100%)}
.campaign-arrival:after,.campaign-personas:after{background:linear-gradient(90deg,#030a1599,#030a1533)}
.campaign-arrival .campaign-intro,.campaign-personas .campaign-lead{text-shadow:0 2px 12px #030a15}
}
