/* 모바일 히어로 — 이미지에 포함된 "Rise Again, with Phoenix." 문구가 잘리지 않도록
   이미지 폭을 문구 기준으로 맞추고(문구 영역 ≈ 원본 1672px 중 600~1090px),
   이미지 아래로 이어지는 영역은 이미지 하단 바닥 색(#68585A)으로 페이드 연결.
   반드시 다른 hero CSS(1388585…, 100969…, c87d78…)보다 뒤에 로드 */
@media (max-width:760px){
  .hero{
    --hero-img-w:calc(100vw * 2.75);                   /* 문구 폭 490px(원본) = 화면의 약 80%, 좌우 각 10% 여백 */
    --hero-img-h:calc(var(--hero-img-w) * 941 / 1672);
    display:block;min-height:0;padding-top:0;background:#68585A;
  }
  .hero .hero-bg{
    inset:0 0 auto;height:var(--hero-img-h);
    background-size:var(--hero-img-w) auto;background-position:50.6% top;
    -webkit-mask-image:linear-gradient(180deg,#000 72%,transparent 100%);
            mask-image:linear-gradient(180deg,#000 72%,transparent 100%);
  }
  .hero .hero-in{padding-top:calc(var(--hero-img-h) * .57);padding-bottom:28px}
  .hero h1{font-size:min(7.4vw,36px);white-space:nowrap}   /* "끝이 아닌, 새로운 시작" 항상 한 줄 */
  .hero .sub{font-size:clamp(15px,4.6vw,20px);word-break:keep-all}
  .hero .phoenix-image-signature{font-size:clamp(11px,3.4vw,14px);word-break:keep-all}
}