/**
 * ITF Korea — 홈 히어로 (풀블리드 3슬라이드)
 * 내비 없음 · .in / --inPd · 세그먼트 페이지네이션
 */

.itf-site .page-home .banner-swiper-wrap.home-hero {
    margin-top: 0;
    width: 100%;
}

.itf-site .page-home .home-hero .banner-swiper {
    width: 100%;
    height: 100vh;
    height: 100dvh;
    min-height: 100%;
}

/* 공통 배너 화살표 숨김 (마크업에도 없음) */
.itf-site .page-home .home-hero .banner-prev,
.itf-site .page-home .home-hero .banner-next {
    display: none !important;
}

/* 카피 — 세로 중앙 · .in 폭 · --inPd 거터 */
.itf-site .page-home .home-hero .banner-slide-inner {
    align-items: center;
    padding-bottom: 0;
}

.itf-site .page-home .home-hero .banner-slide-inner > .in {
    width: 100%;
    max-width: var(--in);
}

.itf-site .page-home .home-hero .banner-slide-content {
    max-width: 100%;
    padding: 0; /* .in 의 --inPd 만 사용 */
}

/* 실사이트: 영문 라벨 + 한글 솔리드/아웃라인 2줄 */
.itf-site .page-home .home-hero .banner-slide-label {
    margin: 0;
    padding-bottom: 2.8rem;
    font-size: var(--txt);
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.92);
}

.itf-site .page-home .home-hero .banner-slide-title {
    margin: 0;
    font-size: 7rem; /* 실사이트 70px */
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.4;
    color: #fff;
}

.itf-site .page-home .home-hero .banner-slide-title__solid,
.itf-site .page-home .home-hero .banner-slide-title__stroke {
    display: block;
}

.itf-site .page-home .home-hero .banner-slide-title__solid {
    color: #fff;
}

/* 실사이트: color transparent + -webkit-text-stroke 2px white */
.itf-site .page-home .home-hero .banner-slide-title__stroke {
    color: transparent;
    -webkit-text-stroke: 2px #fff;
    paint-order: stroke fill;
}

/* 페이지네이션 바 — 카피와 같은 .in 정렬 */
.itf-site .page-home .home-hero .home-hero-pag-bar {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 4.8rem;
    z-index: 5;
    pointer-events: none;
}

.itf-site .page-home .home-hero .home-hero-pag {
    display: flex;
    align-items: center;
    gap: 1.6rem;
    width: auto;
}

.itf-site .page-home .home-hero .home-hero-pag__cur,
.itf-site .page-home .home-hero .home-hero-pag__total {
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    color: rgba(255, 255, 255, 0.55);
    font-variant-numeric: tabular-nums;
    line-height: 1;
    min-width: 2ch;
}

.itf-site .page-home .home-hero .home-hero-pag__cur {
    color: #fff;
}

.itf-site .page-home .home-hero .home-hero-pag__bullets.banner-pagination {
    position: static !important;
    bottom: auto !important;
    left: auto !important;
    width: auto;
    display: flex;
    align-items: center;
    gap: 0.8rem;
    pointer-events: auto;
}

.itf-site .page-home .home-hero .home-hero-pag__bullets .swiper-pagination-bullet {
    width: 3.2rem;
    height: 4px;
    margin: 0 !important;
    border-radius: 0;
    background: rgba(255, 255, 255, 0.35);
    opacity: 1;
    transition: width 0.35s ease, background-color 0.35s ease;
}

.itf-site .page-home .home-hero .home-hero-pag__bullets .swiper-pagination-bullet-active {
    width: 5.6rem;
    background: #fff;
}

@media (max-width: 1024px) {
    /* 태블릿: 히어로 원본(2560×1707 ≈ 3:2) */
    .itf-site .page-home .home-hero .banner-swiper {
        height: auto;
        min-height: 0;
        aspect-ratio: 3 / 2;
    }

    .itf-site .page-home .home-hero .banner-slide-label {
        padding-bottom: 2.4rem;
    }

    .itf-site .page-home .home-hero .banner-slide-title {
        font-size: var(--mainH1);
    }

    .itf-site .page-home .home-hero .home-hero-pag-bar {
        bottom: 3.6rem;
    }
}

@media (max-width: 768px) {
    /* 모바일: 4:5 */
    .itf-site .page-home .home-hero .banner-swiper {
        height: auto;
        min-height: 0;
        aspect-ratio: 4 / 5;
    }

    .itf-site .page-home .home-hero .banner-slide-label {
        padding-bottom: 1.6rem;
        font-size: 14px;
    }

    .itf-site .page-home .home-hero .banner-slide-title {
        font-size: 4rem;
        word-break: keep-all;
    }

    .itf-site .page-home .home-hero .banner-slide-title__stroke {
        -webkit-text-stroke-width: 1px;
    }

    .itf-site .page-home .home-hero .home-hero-pag-bar {
        bottom: 2.8rem;
    }

    .itf-site .page-home .home-hero .home-hero-pag {
        gap: 1.2rem;
    }

    .itf-site .page-home .home-hero .home-hero-pag__bullets .swiper-pagination-bullet {
        width: 2.4rem;
        height: 3px;
    }

    .itf-site .page-home .home-hero .home-hero-pag__bullets .swiper-pagination-bullet-active {
        width: 4rem;
    }
}