/* スクロール連動フェードイン（IntersectionObserverでis-visibleを付与） */
.reveal {
	opacity: 0;
	transform: translateY(24px);
	transition: opacity .8s cubic-bezier(.22,.61,.36,1), transform .8s cubic-bezier(.22,.61,.36,1);
}
.reveal.is-visible {
	opacity: 1;
	transform: translateY(0);
}

/* ヒーローのフェード・イン・アップ（ページ読込時に一度だけ） */
.hero-content > * {
	opacity: 0;
	transform: translateY(16px);
	animation: heroFadeUp .9s ease forwards;
}
.hero-eyebrow { animation-delay: .1s; }
.hero-title   { animation-delay: .25s; }
.hero-lead    { animation-delay: .4s; }
.hero-buttons { animation-delay: .55s; }

@keyframes heroFadeUp {
	to { opacity: 1; transform: translateY(0); }
}

/* MVVサークルの軽いポップ */
.mvv-circle {
	transition: transform .35s ease, box-shadow .35s ease;
}
.mvv-row.is-visible .mvv-circle {
	animation: circlePop .6s cubic-bezier(.34,1.56,.64,1) both;
}
@keyframes circlePop {
	0% { transform: scale(.7); opacity: 0; }
	100% { transform: scale(1); opacity: 1; }
}

/* サービスカードのホバー拡大は main.css の transform で対応済み */

/* ヘッダーのスクロール時シャドウ */
.site-header.is-scrolled {
	box-shadow: 0 2px 10px rgba(0,0,0,.06);
}

@media (prefers-reduced-motion: reduce) {
	.reveal, .hero-content > *, .mvv-circle {
		animation: none !important;
		transition: none !important;
		opacity: 1 !important;
		transform: none !important;
	}
}