/* ========================================
   Page Load Animations
======================================== */

/* 아래에서 위로 올라오는 애니메이션 */
@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(60px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* 서브페이지 콘텐츠 영역 애니메이션 */
.sub-content {
	animation: fadeInUp 0.8s ease-out forwards;
}

/* 타이틀 애니메이션 */
.sub-content .about-history__title,
.sub-content .about-intro__title {
	opacity: 0;
	animation: fadeInUp 0.6s ease-out 0.2s forwards;
}

/* 이미지 영역 애니메이션 */
.sub-content .about-history__image {
	opacity: 0;
	animation: fadeInUp 0.6s ease-out 0.3s forwards;
}

/* ========================================
   Scroll-based Animations (스크롤 애니메이션)
======================================== */

/* 타임라인 아이템 - 초기 상태 */
.sub-content .about-history__item {
	opacity: 0;
	transform: translateY(100px);
	transition: opacity 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
	            transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* 타임라인 아이템 - 아래에서 위로 올라옴 */
.sub-content .about-history__item.animated {
	opacity: 1;
	transform: translateY(0);
}

/* 트랜지션 비활성화 (위로 스크롤 시) */
.sub-content .about-history__item.no-transition {
	transition: none !important;
}

/* 회사소개 페이지 섹션 - 초기 상태 */
.sub-content .about-intro__section {
	opacity: 0;
	transform: translateY(100px);
	transition: opacity 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
	            transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* 회사소개 페이지 섹션 - 아래에서 위로 올라옴 */
.sub-content .about-intro__section.animated {
	opacity: 1;
	transform: translateY(0);
}

/* 트랜지션 비활성화 (위로 스크롤 시) */
.sub-content .about-intro__section.no-transition {
	transition: none !important;
}

/* 비전 페이지 섹션 - 초기 상태 (섹션만 translateY, 카드/미션은 위치 고정으로 시안 정렬 유지) */
.sub-content .about-vision__section {
	opacity: 0;
	transform: translateY(100px);
	transition: opacity 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
	            transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.sub-content .about-vision__section.animated {
	opacity: 1;
	transform: translateY(0);
}

/* MISSION 섹션: transform 제거 - position:absolute 자식이 있어 translateY 시 레이아웃/컨테이너 깨짐 방지 (PC 1920px에서 적용 보장) */
.sub-content .about-vision__section--mission {
	transform: none !important;
	transition: opacity 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.sub-content .about-vision__section--mission.animated {
	transform: none !important;
}

/* 경영 이념 카드·MISSION 아이템: transform 없이 opacity만 (레이아웃/시안과 모션 충돌 방지) */
.sub-content .about-vision__philosophy-card,
.sub-content .about-vision__mission-item {
	opacity: 0;
	transition: opacity 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.sub-content .about-vision__philosophy-card.animated,
.sub-content .about-vision__mission-item.animated {
	opacity: 1;
}

/* 트랜지션 비활성화 (위로 스크롤 시) */
.sub-content .about-vision__section.no-transition,
.sub-content .about-vision__philosophy-card.no-transition,
.sub-content .about-vision__mission-item.no-transition {
	transition: none !important;
}

/* 제조사 페이지 카드 - 초기 상태 */
.sub-content .about-manufacturer__card {
	opacity: 0;
	transform: translateY(80px);
	transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
	            transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* 제조사 페이지 카드 - 아래에서 위로 올라옴 */
.sub-content .about-manufacturer__card.animated {
	opacity: 1;
	transform: translateY(0);
}

/* 트랜지션 비활성화 (위로 스크롤 시) */
.sub-content .about-manufacturer__card.no-transition {
	transition: none !important;
}

/* 협력사 및 고객사 리스트 페이지 - 초기 상태 */
.sub-content .about-partner__logos {
	opacity: 0;
	transform: translateY(80px);
	transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
	            transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* 협력사 및 고객사 리스트 페이지 - 아래에서 위로 올라옴 */
.sub-content .about-partner__logos.animated {
	opacity: 1;
	transform: translateY(0);
}

/* 트랜지션 비활성화 (위로 스크롤 시) */
.sub-content .about-partner__logos.no-transition {
	transition: none !important;
}

/* ========================================
   Reduced Motion (접근성)
======================================== */
@media (prefers-reduced-motion: reduce) {
	.sub-content,
	.sub-content .about-history__title,
	.sub-content .about-intro__title,
	.sub-content .about-history__image,
	.sub-content .about-history__item,
	.sub-content .about-intro__section,
	.sub-content .about-vision__section,
	.sub-content .about-vision__philosophy-card,
	.sub-content .about-vision__mission-item,
	.sub-content .about-manufacturer__card,
	.sub-content .about-partner__logos {
		animation: none;
		opacity: 1;
		transform: none;
		transition: none;
	}
}