/* Scene imagery is only activated by openRecruitment. Existing companions stay
   separate, and no job or support outcome is represented by this decoration. */
#recruitment .lp-portal-landscape { overflow:hidden; border-radius:45% 45% 7px 7px; border:1px solid #8a815c; background:#123c39; box-shadow:0 14px 28px #061d2138; }
#recruitment .lp-portal-landscape .lp-world-background { display:block; position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(.87) brightness(.86); }
#recruitment .lp-portal-landscape::after { content:""; position:absolute; inset:0; box-shadow:inset 0 0 22px #123c3970; pointer-events:none; }
#recruitment .lp-hero-art .lp-portrait img { filter:drop-shadow(0 5px 3px #061c2857); }
#recruitment .lp-hero-art .lp-portrait::before { content:""; position:absolute; bottom:3%; left:17%; width:66%; height:8%; border-radius:50%; background:#071c2670; filter:blur(4px); z-index:-1; }
#recruitment .lp-art-index { z-index:4; top:-19px; }
#recruitment .lp-art-note { z-index:4; bottom:-26px; }
#recruitment .lp-support-art { background:#314e40; }
#recruitment .lp-support-art::before,#recruitment .lp-support-art::after { display:none; }
#recruitment .lp-support-art .lp-world-background { display:block; position:absolute; inset:0; width:100%; height:100%; max-width:none; margin:0; transform:none; object-fit:cover; object-position:center; filter:saturate(.86) brightness(.9); z-index:0; }
#recruitment .lp-support-art img:not(.lp-world-background) { filter:drop-shadow(0 5px 3px #14201770); }
#recruitment .lp-support-art > span { width:fit-content; margin-inline:auto; max-width:calc(100% - 30px); padding:3px 10px; color:#fff0d2; background:#143b39d9; border:1px solid #b1a06c; font-size:9px; letter-spacing:.08em; }
@media(max-width:640px) {
 #recruitment .lp-art-index { top:-10px; }
 #recruitment .lp-art-note { bottom:-26px; }
 #recruitment .lp-support-art > span { top:20px; }
}
/* Keep the caption below the illustrated terrace, never across its frame. */
#recruitment .lp-hero-art { margin-bottom:46px; }
#recruitment .lp-art-note { top:calc(100% + 7px); bottom:auto; }
@media(max-width:640px) {
 #recruitment .lp-hero-art { margin-bottom:48px; }
 #recruitment .lp-art-note { top:calc(100% + 7px); bottom:auto; }
}