/* =====================================
   AIアーカイブ Hero スライダー
   - 16:9 比率を保持
   ===================================== */

.archive-ai-hero {
  position: relative;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto 24px;
  overflow: hidden;
  border-radius: 12px;
}

/* アスペクト比16:9を保持 */
.archive-ai-hero__slide {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9; /* ブラウザが対応している場合 */
}

.archive-ai-hero__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;   /* はみ出す部分はトリミング */
  object-position: center;
  display: block;
  border-radius: 12px;
}

/* Slick ドット位置 */
.archive-ai-hero .slick-dots {
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
}