.main-content-inner06 { padding: 120px 0; position: relative; z-index: 1; }
.people-section { position: relative; overflow: hidden; display: flex; gap: 24px; align-items: stretch; }
.people-section .story-card, .people-section .activities-card, .people-section .history-card { min-width: 0; display: flex; flex-direction: column; }
.people-section .story-card {max-width: 672px; }
.people-section .activities-card, .people-section .history-card { flex: 1; }
.people-section .card-head { display: flex; align-items: center; justify-content: space-between; padding-bottom: 24px; margin: 0 0 40px; border-bottom: 2px solid rgba(255, 255, 255, 0.2); }
.people-section .tit-people { font-size: 32px; font-weight: 700; letter-spacing: -0.03em; color: #fff; margin: 0; }
.people-section .btn-more { display: inline-flex; align-items: center; justify-content: center; color: rgba(255, 255, 255, 0.8); transition: transform 0.3s ease, color 0.3s ease; }
.people-section .btn-more:hover { color: #fff; transform: scale(1.15); }
.people-section .card-body { display: block; text-decoration: none; color: inherit; }
.people-section .activities-card .card-body, .people-section .history-card .card-body { display: flex; flex-direction: column; height: 100%; }
.people-section .activities-card .card-info, .people-section .history-card .card-info { margin-top: auto; }
.people-section .thumb-box { width: 100%; margin: 0 0 20px; border-radius: 8px; overflow: hidden; background-color: rgba(255, 255, 255, 0.1);height: 480px; }
.people-section .story-card .thumb-box { height: 434px; }
.people-section .thumb-box img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
.people-section .card-body:hover .thumb-box img { transform: scale(1.04); }
.people-section .card-desc { font-weight: 600; font-size: 18px; line-height: 145%; letter-spacing: -0.02em; color: #fff; }
.people-section .card-info { display: flex; flex-direction: column;}
.people-section .card-tit { font-weight: 600; font-size: 18px; line-height: 145%; letter-spacing: -0.02em; color: #fff; margin: 0 0 4px; }
.people-section .card-sub { font-weight: 400; font-size: 16px; line-height: 155%; letter-spacing: -0.02em; color: #FFFFFFF0; }
.people-section .story-swiper { width: 100%; overflow: hidden; }
.people-section .story-swiper .swiper-slide { width: 100%; }
.people-section .ctrl-wrap { display: flex; align-items: center; gap: 16px; margin-top: auto; padding-top: 24px; }
.people-section .btn-nav { display: flex; gap: 12px; }
.people-section .btn-story-prev img { transform: rotate(180deg); }
.people-section .btn-arrow { width: 48px; height: 48px; display: inline-flex; align-items: center; justify-content: center; border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.3); background: rgba(255, 255, 255, 0.15); color: #fff; cursor: pointer; transition: all 0.25s ease; backdrop-filter: blur(4px); }
.people-section .btn-arrow:hover { background: rgba(255, 255, 255, 0.35); border-color: #fff; }
.people-section .btn-arrow.swiper-button-disabled { opacity: 0.35; cursor: default; pointer-events: none; }
.people-section .progress-track { flex: 1; height: 2px; background: rgba(255, 255, 255, 0.3); border-radius: 2px; overflow: hidden; position: relative; }
.people-section .progress-bar { width: 0%; height: 100%; background: #fff; border-radius: 2px; transition: width 0.35s ease; }

@media (max-width: 1250px){
	.people-section {flex-wrap: wrap;}
	.people-section .story-card {max-width: unset;}

}

@media (max-width: 1024px) {
	.main-content-inner06 {padding: 84px 0;}
	.people-section { flex-direction: column; gap: 48px; }
	.people-section .story-card, .people-section .activities-card, .people-section .history-card { width: 100%; max-width: 100%; }
	.people-section .thumb-box, .people-section .story-card .thumb-box { height: auto; aspect-ratio: 16 / 9; }
	.people-section .ctrl-wrap { margin-top: 24px; padding-top: 0; }
}

@media (max-width: 768px) {

	.people-section .card-head {margin: 0 0 28px;padding: 0 0 16px;}
	.people-section .tit-people {font-size: 28px;}
	.people-section .btn-more {width: 24px;height: 24px;}
	.people-section .btn-more img {width: 100%;height: 100%;object-fit: cover;}
	.people-section .ctrl-wrap {flex-direction: row-reverse;}
	.people-section .btn-arrow {width: 40px;height: 40px;}
	.people-section .btn-arrow img {max-width: 10px;}
	.people-section .story-card .thumb-box {height: 250px;margin: 0 0 12px;}
	.people-section .thumb-box {height: 420px;}
}