/* ─────────────────────────────────────────────────────────
   responsive — 中間幅（1024〜1280px）

   1440px以上で最も美しく見えるのが基準。1024px程度までは破綻させない
   （指示書§24）。880px以下は mobile.css が別設計で受け持つ（指示書§25）。
   ───────────────────────────────────────────────────────── */

@media (max-width: 1280px) {
	:root {
		/* ステージが 68vw になるので、vw側の係数を合わせる */
		--yt-unit: min(25.2vw, 46svh);
		--yt-side: 32%;
	}

	.yt-side {
		padding-left: 32px;
	}
}

@media (max-width: 1024px) {
	:root {
		/* ステージが 66vw */
		--yt-unit: min(24.4vw, 46svh);
		--yt-side: 34%;
	}

	.yt-side {
		padding: 30px 0 22px 26px;
	}

	.yt-works {
		padding-right: 20px;
	}
}