/* === styles_hero_desktop_fit_plus.css ===
   Goal: Desktop hero feels taller (less small) while still showing full image (contain).
   Load this AFTER styles_hero_desktop_fit.css to override its smaller heights. */

/* Base desktop */
@media (min-width: 1024px){
  .hero{
    aspect-ratio: 16 / 5;
    min-height: 54vh; /* was 44vh → 더 큼 */
  }
  .hero-bg{
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color: #f8fafc;
  }
  .hero-content{
    max-width: min(64ch, 600px);
    padding: 26px 28px;
  }
}

/* 큰 데스크탑: 약간만 낮춤 (너무 커지지 않게) */
@media (min-width: 1280px){
  .hero{ min-height: 56vh; } /* was 40vh */
}
@media (min-width: 1440px){
  .hero{ min-height: 52vh; } /* was 38vh */
}
@media (min-width: 1920px){
  .hero{ min-height: 50vh; } /* was 34vh */
}

/* 초광폭 + 낮은 높이 화면 보호 (예: 2560x1080) */
@media (min-aspect-ratio: 21/9){
  .hero{ min-height: 50vh; }
}