/* 16코드랩 홈 메인 캐릭터 위치 보정 (2026-11-02)
   10/31의 단일 열 카드 배치를 PC에서만 2열로 되돌립니다.
   페이지 내용 및 다른 화면은 변경하지 않습니다. */
@media screen and (min-width: 921px) {
  .home-refined-hero .hero-grid {
    grid-template-columns: minmax(0, 1fr) minmax(288px, 340px);
    gap: clamp(24px, 3.3vw, 44px);
    align-items: center;
  }
  .home-refined-hero .home-hero-intro { max-width: none; min-width: 0; }
  .home-refined-hero .hero-grid > .home-hero-aside {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: center;
    gap: 10px;
    width: 100%;
    min-width: 0;
    min-height: 295px;
    margin: 0;
    padding: 18px 20px;
  }
  .home-refined-hero .hero-grid > .home-hero-aside .hero-character {
    display: block;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
    height: 218px;
    object-fit: contain;
    margin: 0 auto;
  }
  .home-refined-hero .hero-grid > .home-hero-aside .hero-character-caption {
    display: grid;
    gap: 4px;
    width: 100%;
    margin: 0;
    text-align: center;
  }
  .home-refined-hero .hero-grid > .home-hero-aside .hero-character-caption strong { font-size: 17px; }
  .home-refined-hero .hero-grid > .home-hero-aside .hero-character-caption span { font-size: 12px; }
}
@media screen and (max-width: 920px) {
  /* 기존 모바일 가로형 작은 캐릭터 카드를 문단 아래에 유지 */
  .home-refined-hero .hero-grid > .home-hero-aside {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    width: min(100%, 480px);
    gap: 12px;
    margin: 0;
    padding: 12px 14px;
  }
  .home-refined-hero .hero-grid > .home-hero-aside .hero-character {
    display: block;
    flex: 0 0 68px;
    width: 68px;
    max-width: 68px;
    height: 86px;
    object-fit: contain;
    margin: 0;
  }
  .home-refined-hero .hero-grid > .home-hero-aside .hero-character-caption {
    display: grid;
    min-width: 0;
    gap: 4px;
    margin: 0;
    text-align: left;
  }
}