.engagement-section{background-color:#fff;color:#000;position:relative}.engagement-section .engagement-container{max-width:1440px;margin:0 auto;padding-left:180px;padding-right:180px;position:relative}.engagement-section .engagement-header{text-align:center;margin-bottom:32px}.engagement-section .engagement-header h2{font-family:DM Sans,sans-serif;font-size:44px;font-weight:500;font-style:normal;line-height:normal;color:var(--Black, #000);text-align:center}.engagement-section .engagement-header h3{font-size:24px;font-weight:500;color:#000}.engagement-section .engagement-indicator{position:absolute;left:35px;top:50px;display:flex;flex-direction:column;align-items:center;margin-top:162px}.engagement-section .engagement-indicator .line{width:1px;background-color:#b3b3b3}.engagement-section .engagement-indicator .short{height:40px;margin-bottom:8px}.engagement-section .engagement-indicator .long{height:134px;margin-top:8px}.engagement-section .engagement-indicator .number{font-size:58px;font-weight:400;margin:8px 0;color:#999}.engagement-section .engagement-indicator .label{writing-mode:vertical-rl;transform:rotate(180deg);font-size:18px;color:#999;letter-spacing:2px;margin-top:8px;font-weight:700}.engagement-section .swiper{overflow:hidden}.engagement-section .swiper-slide{width:328px;height:502px;flex-shrink:0;border-radius:4px;background:#fff;box-shadow:0 0 2.5px #00000014,0 5px 7.5px #00000024;display:flex;flex-direction:column;overflow:hidden}.engagement-section .event-card{display:flex;flex-direction:column;height:100%}.engagement-section .event-card img{width:100%;height:280px;object-fit:cover;border-top-left-radius:4px;border-top-right-radius:4px}.engagement-section .event-card .event-info{padding:20px;flex:1;display:flex;flex-direction:column}.engagement-section .event-card .event-info .date{color:#999;font-size:14px;margin-bottom:8px}.engagement-section .event-card .event-info h4{font-family:DM Sans,sans-serif;font-size:20px;font-weight:500;line-height:normal;color:var(--Black, #000);margin-bottom:8px}.engagement-section .event-card .event-info p{font-size:14px;font-weight:400;color:#666;line-height:20px;font-family:DM Sans,sans-serif;margin-top:0;margin-bottom:auto}.engagement-section .event-card .event-info a{display:flex;align-items:center;gap:4px;font-family:DM Sans,sans-serif;font-size:20px;font-weight:500;line-height:normal;color:var(--Black, #000);text-decoration:none}.engagement-section .event-card .event-info a:hover{text-decoration:underline}.engagement-section .swiper-pagination{margin-top:16px;text-align:center}.engagement-section .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;background:#999;margin:0 4px;border-radius:50%;opacity:.5}.engagement-section .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000;opacity:1;border:2px solid #000}.engagement-swiper{position:relative}.engagement-swiper .swiper-wrapper{padding-bottom:40px}.engagement-swiper .swiper-pagination{position:absolute;height:75px;left:0;width:100%;text-align:center}.engagement-swiper .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;background:#999;margin:0 4px;border-radius:50%;opacity:.5}.engagement-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000;opacity:1;border:2px solid #000}@media (max-width: 1260px){.engagement-section .engagement-indicator{display:none}.engagement-section .engagement-container{padding-left:100px;padding-right:100px}}@media (max-width: 768px){.engagement-section .engagement-indicator{display:none}.engagement-section .engagement-container{padding-left:30px;padding-right:30px}}
