/* [2026-10-13] 첫 화면 사진 복구 — UX 1차(28cc8b2)에서 히어로 사진 슬라이드 6장과
   「결과로 받는 것」 상담 장면 사진(lp-rphoto)이 마크업째 빠져 박스가 사진 없이 보이던 문제.
   새 히어로 구조(.mbx-hero)는 그대로 두고, 오른쪽 예시 카드 위에 사진을 다시 얹는다.
   사진 파일은 /img/ds/*.jpg(같은 사이트, 운영 200 확인). 키프레임 lpSlide 는 index.html #lp-slides-css. */
.mbx-hero-side{position:relative;min-width:0}
.mbx-hero-photo{position:relative;overflow:hidden;border-radius:var(--r-m,16px);aspect-ratio:16/10;background:#2E2670 url('/img/ds/mbn-hero.jpg') center 30%/cover;box-shadow:0 18px 40px rgba(27,31,59,.16)}
.mbx-hero-photo i{position:absolute;inset:0;background-size:cover;background-position:center 30%;opacity:0;animation:lpSlide 36s infinite;will-change:opacity,transform}
.mbx-hero-photo i:nth-child(2){animation-delay:6s}.mbx-hero-photo i:nth-child(3){animation-delay:12s}
.mbx-hero-photo i:nth-child(4){animation-delay:18s}.mbx-hero-photo i:nth-child(5){animation-delay:24s}.mbx-hero-photo i:nth-child(6){animation-delay:30s}
.mbx-hero-side .mbx-preview{position:relative;margin:-48px 12px 0}
@media (prefers-reduced-motion:reduce){
 .mbx-hero-photo i{animation:none}
 .mbx-hero-photo i:first-child{opacity:1}
}
@media print{.mbx-hero-photo{display:none}.mbx-hero-side .mbx-preview{margin:0}}
/* 「결과로 받는 것」 박스: 사진만 복구(예시 카드는 첫 화면 히어로에 이미 있으므로 중복하지 않는다) */
.lp-rstage.lp-rstage--photo{padding-bottom:0!important}
.lp-rstage--photo .lp-rphoto{width:100%!important}