
/* desktop-small-override.css
   작은 데스크톱/짧은 화면에서 과대 비율 보정 (강제 오버라이드)
   - 실제 사용 클래스(.name-kor 등) 기준으로 !important 처리
*/

/* 공통: 베이스 폰트 살짝 축소 */
@media (max-width: 1366px), (max-height: 800px){
  html { font-size: clamp(14px, 0.9vmin + 0.35rem, 17px) !important; }
}

/* 히어로 캡션 var 값 덮어쓰기 (파일 순서 맨 끝이어야 적용) */
:root{
  --cap-line1-size-pc: clamp(2.7rem, 2.8vw, 3.9rem) !important;
  --cap-line2-size-pc: clamp(3.2rem, 3.4vw, 4.6rem) !important;
  --gap-1-to-2-pc: clamp(10px, 1.2vmin, 22px) !important;
}

/* heroVirtualGroup 스케일 범위 완화 */
#heroVirtualGroup{
  --hvg-base-w: 1440 !important;
  --hvg-min-scale: 0.62 !important;
  --hvg-max-scale: 0.94 !important;
}

/* 밴드엑스트라 패딩 타이트하게 */
@media (max-width: 1366px), (max-height: 800px){
  .band-extra{ --be-pad-pc: clamp(20px, 1.8vmin, 40px) !important; }
  .band-extra .extra-pill{ aspect-ratio: 9 / 3.2 !important; }
}

/* 어바웃 타이포 실제 클래스에 맞춰 보정 */
.about .about-profile-text .name-kor { font-size: clamp(1.6rem, 2.3vmin, 2.2rem) !important; }
.about .about-profile-text .name-en  { font-size: clamp(1.1rem, 1.8vmin, 1.5rem) !important; }
.about .about-profile-text .title-kor{ font-size: clamp(1.0rem, 1.8vmin, 1.3rem) !important; }
.about .about-profile-text .bio-item { font-size: clamp(0.9rem, 1.6vmin, 1.1rem) !important; }

/* 어바웃 이미지 높이 상한 */
.about .about-profile-image .inner-image-wrap{ max-height: clamp(320px, 52vmin, 520px) !important; }
