/* v2.15.8: 키보드 서브페이지(#/keyboards) 히어로 배경 — MelGeek × EVANGELION 레이 포스터를 어둡게 은은히.
   PC: 키보드 위쪽 빈 공간에 얼굴, 키보드 윗선에서 사라지게. 태블릿·모바일: 키보드 왼쪽 빈 공간, lighten 합성. 글자·버튼(z-index 2)은 위에 그대로. */
.ks-kb-poster{position:absolute;z-index:1;pointer-events:none;background:url('assets/character/rei-poster-bg.webp?v=2.15.8') center/contain no-repeat;aspect-ratio:515/650;--h:min(32vw,470px);height:var(--h);top:calc(50% - 7.31vw - .62*var(--h));left:calc(81vw - .423*var(--h));opacity:1;filter:brightness(1.3) saturate(1.1);-webkit-mask-image:linear-gradient(180deg,#000 0,#000 50%,transparent 63%);mask-image:linear-gradient(180deg,#000 0,#000 50%,transparent 63%)}
@media(min-width:761px) and (max-width:1100px){.ks-kb-poster{mix-blend-mode:lighten;filter:none;-webkit-mask-image:none;mask-image:none;top:0;left:-40px;right:auto;height:440px;opacity:.9}}
@media(max-width:760px){.ks-kb-poster{mix-blend-mode:lighten;filter:none;-webkit-mask-image:none;mask-image:none;top:0;left:-58px;right:auto;height:var(--ks-kbp-h,300px);opacity:.9}}
@media(min-width:1600px){.ks-kb-poster{--h:400px}}
@media(max-width:360px){.ks-kb-poster{--ks-kbp-h:250px;top:-22px;left:-66px}}