/* 원본 메인에서 Tailwind가 담당하던 외곽 배치만 정적 CSS로 보존합니다. */
.page-home {background:#fff;color:#242424;-webkit-font-smoothing:antialiased;}
.sd-stats-section {position:relative;isolation:isolate;width:100%;overflow:hidden;background:#0B2A6D;user-select:none;}
.sd-stats-inner {position:relative;max-width:1920px;height:412px;margin:auto;}
.sd-stats-mo-align {position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:60px;max-width:1400px;margin:auto;padding:62px 24px;}
.sd-intro-card__media {width:100%;height:100%;object-fit:cover;object-position:center;}
.sd-marquee-track {animation-duration:100s;}
@media(max-width:767px){.sd-stats-inner{height:auto;}.sd-stats-mo-align{gap:32px;padding:40px 16px;}}
/* 메인 영상 크기는 원본 home-start-drive.css의 최대 높이 420px 규칙을 그대로 사용합니다. */

/* 원본 슬라이더 JS의 상단 여유 공간을 CSS로 관리해 확대된 카드가 잘리지 않게 합니다. */
.start-drive-section .sd-stories-slider .slick-list {height:auto !important;padding-top:28px !important;padding-bottom:100px !important;}

/* 하트 응원: 위치·분산 값은 클래스로 정의하여 인라인 스타일 없이 원본의 터지는 효과를 적용합니다. */
.sd-intro-card__cheer-badge {cursor:pointer;}
.sd-intro-card__cheer-badge.sd-cheer-burst {overflow:visible;}
.sd-cheer-particle {position:absolute;left:18px;top:8px;pointer-events:none;color:#e53935;font-size:20px;line-height:1;z-index:5;animation:sdFloatingHeart 1.15s cubic-bezier(.22,1,.36,1) forwards;}
.sd-cheer-particle-0 {--sd-drift:-42px;}
.sd-cheer-particle-1 {--sd-drift:-21px;animation-delay:.04s;}
.sd-cheer-particle-2 {--sd-drift:0px;}
.sd-cheer-particle-3 {--sd-drift:21px;animation-delay:.08s;}
.sd-cheer-particle-4 {--sd-drift:42px;}
@media(prefers-reduced-motion:reduce){.sd-cheer-particle{display:none;}}