/* S10. Subscript */
.landing-section--subscript {
    background-color: #fff;
}

.landing-section--subscript .landing-section__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 var(--landing-gutter);
    gap: 69px;
    box-sizing: border-box;
}

.landing-subscript__left {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.landing-subscript__title {
    font-size: 40px;
    font-weight: 800;
    line-height: 1.5;
    color: #14171A;
    margin: 0;
    white-space: nowrap;
}

.landing-subscript__desc {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
    color: #8F9599;
    margin: 0;
    white-space: nowrap;
}

.landing-subscript__highlight {
    color: #0068E6;
    font-weight: 700;
}

.landing-subscript__right {
    flex-shrink: 0;
}

.landing-subscript__img {
    /* 1920에서 480px, 화면이 좁아지면 줄어 1140에서도 좌우 콘텐츠가 잘리지 않게 함 */
    height: clamp(380px, 25vw, 480px);
    object-fit: contain;
}

/* mobile: 360 기준 세로 스택 (레이아웃 골격, 디자인 추후 적용) */
@media (max-width: 1139px) {
    /* 글로벌 800px 대신 콘텐츠(텍스트 + 312px 이미지) 기준 높이 */
    .landing-section--subscript {
        height: 700px !important;
    }

    .landing-section--subscript .landing-section__inner {
        flex-direction: column;
        align-items: stretch;
        gap: 0px;
        padding: 80px var(--landing-gutter) 0px;
    }
    .landing-subscript__left {
        padding: 0 24px;
        gap: 16px;
    }
    .landing-subscript__title,
    .landing-subscript__desc {
        white-space: normal;
    }
    .landing-subscript__title {
        font-size: 24px;
        font-weight: 700;
        line-height: 150%;
    }
    .landing-subscript__desc {
        font-size: 15px;
        font-weight: 600;
        line-height: 160%;
    }
    .landing-subscript__img {
        width: 312px;
        height: 312px;
        max-width: 100%;
    }
    .landing-subscript__right {
        margin: 0 24px;
    }
}