/* =============================================================
   HOLY-MOLY LP — Split（2カラムレイアウト）仕様書 §4-5
   モバイルファースト：SPは画像→テキストの1カラム、
   768px以上でPC比率（602:576）の2カラムにする。
   ============================================================= */

.split {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
}

.split__media {
  order: 1;
}

.split__text {
  order: 2;
}

@media (min-width: 768px) {
  .split {
    display: grid;
    grid-template-columns: 602fr 576fr;
    gap: var(--gap-col);
    align-items: start;
  }

  .split--text-first .split__media {
    order: 2;
  }

  .split--text-first .split__text {
    order: 1;
  }
}