/* ============================================================
   card-cover.css — 계열 카드 표지 (2026-08-15 · LG-총괄)

   왜: 계열 카드 9칸이 글자만이었습니다.
       그런데 assets/img/hero_<슬러그>.svg 9장이 카드 href 와
       **정확히 1:1로 이미 있었습니다.** 새로 만들지 않고 붙였습니다.

   배너형(1200×240)이라 카드 위에 얇은 띠로 얹습니다.
   정사각으로 자르면 배너 안의 제목이 잘립니다.
   ============================================================ */

.card.link { overflow: hidden; }

.card-cover{
  display: block;
  margin: -1px -1px 12px;        /* 카드 안쪽 여백을 넘어 가장자리까지 */
  aspect-ratio: 1200 / 240;      /* 이미지가 늦게 떠도 화면이 덜컹거리지 않게 */
  background: #eef1f5;
  overflow: hidden;
}
.card-cover img{
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .45s cubic-bezier(.22,.61,.36,1);
}
.card.link:hover .card-cover img{ transform: scale(1.04); }

@media (prefers-reduced-motion: reduce){
  .card-cover img{ transition: none; }
  .card.link:hover .card-cover img{ transform: none; }
}