.ch-spider-roster .hero-bimg{width:53%;overflow:hidden;pointer-events:none}
.ch-spider-roster .hero-bimg img.ch-spider-figure{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;z-index:1;filter:drop-shadow(-3px 1px 0 #ed183c88) drop-shadow(3px -1px 0 #12dae044)}
.ch-spider-web{position:absolute;left:-22%;top:4%;width:115%;aspect-ratio:1;color:#ed183c;opacity:.55;transform:rotate(-12deg)}
.ch-spider-web svg{width:100%;height:100%}
.ch-spider-roster[data-art-mode=poster] .hero-bimg .ch-spider-figure{inset:2% 5% 0 0;width:90%;height:98%;object-fit:cover;object-position:center;clip-path:polygon(4% 0,100% 0,91% 100%,0 100%);filter:none;mask-image:linear-gradient(to right,#000 0 83%,transparent 100%)}
.ch-spider-roster .hero-info{z-index:2}
.ch-spider-roster .hero-career .ch-spider-mark{padding:0!important;font-size:.42rem!important;margin-right:.14rem;color:#181a26}
.ch-spider-roster .hero-info .hero-career span:not(.ch-spider-mark){font-size:.33rem}
.ch-spider-roster .hero-nick{display:block;min-height:3.5rem;font-size:1.76rem;line-height:1.6rem;margin-top:.16rem}
.ch-spider-roster .hero-nick span.ch-title-line{font:inherit;line-height:inherit}
.ch-spider-roster[data-variant=miguel-ohara] .hero-nick,.ch-spider-roster[data-variant=pavitr-prabhakar] .hero-nick,.ch-spider-roster[data-variant=peter-b-parker] .hero-nick{font-size:1.43rem;line-height:1.5rem}
.ch-spider-roster[data-variant=peter-b-parker] .hero-nick .ch-title-line:last-child{font-size:.72rem;line-height:1}
.ch-spider-roster .hero-intro .scroll-box{overflow:auto;scrollbar-width:thin;scrollbar-color:#ed183c transparent}
.ch-spider-roster .hero-nav{border:0;padding:0;background:none;cursor:pointer;text-align:inherit}
.ch-spider-roster .hero-nav img{object-fit:cover;border:1px solid #c1c8d7;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%)}
.ch-spider-roster .hero-nav img:nth-child(2){border:2px solid #ed183c}
.ch-spider-roster .hero-nav:focus-visible{outline:2px solid #ed183c;outline-offset:3px}
.ch-spider-roster .heroes-nav-box{z-index:4}
@media(prefers-reduced-motion:reduce){.ch-spider-roster .hero-nav img{transition:none}}

.ch-spider-roster .hero-wrap{flex-direction:column}.ch-spider-roster .hero-nav{flex:0 0 .88rem;width:100%}


.ch-spider-roster .hero-name>span{background:#181a26!important;padding:0 .16rem;display:inline-block;color:#fff}