/* =============================================================
   HOLY-MOLY LP — Media Grid（写真レイアウト 2枚 / 4枚）
   ヒーロー以外のセクション共通の写真モジュール。
     1枚 … .media-trio.media-trio--single   （media-trio.css）
     2枚 … .media-duo                       （このファイル）
     3枚 … .media-trio                      （media-trio.css）
     4枚 … .media-quad                      （このファイル）
   間隔は --gap-media、角丸なし、比率は media-trio のメイン画像（394:320）に揃える。
   モバイルファースト：2枚・4枚はSPでも2列のまま縮む。
   ============================================================= */

.media-duo,
.media-quad {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--gap-media);
}

.media-duo figure,
.media-quad figure {
  margin: 0;
  aspect-ratio: 394 / 320;
}

.media-duo img,
.media-quad img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}