/* S4. Legacy Secure */
.landing-section--legacy-secure .landing-section__inner {
    position: relative;
    height: 100%;
    background-color: #22272A;
    padding: 80px var(--landing-gutter) 80px;
}

.landing-legacy-secure__folder {
    position: absolute;
    /* bottom: 0; */
    /* 다른 섹션과 동일한 좌우 gutter 적용 (full-bleed 해제) */
    left: var(--landing-gutter);
    width: calc(100% - 2 * var(--landing-gutter));
    height: auto;
    object-fit: fill;
}

.landing-legacy-secure__text {
    position: absolute;
    /* bottom: 100px; */
    /* 이미지 좌측(gutter) 기준으로 정렬 — 1920에서 기존 left:500px과 동일 위치 유지 */
    left: calc(var(--landing-gutter) + 110px);
    height: 72%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 480px;
}

.landing-legacy-secure__title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 44px;
    color: #fff;
}

.landing-legacy-secure__subtitle {
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.65);
    margin: 0 0 24px;
}

.landing-legacy-secure__warning {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    margin: 0;
    background: linear-gradient(89deg, #FF93DB 0%, #CC041E 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* mobile: 360 기준 */
@media (max-width: 1139px) {
    .landing-section--legacy-secure .landing-section__inner {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        box-sizing: border-box;
        height: 100%;
        background-color: #22272A;
        padding: 80px var(--landing-gutter) 140px;
    }

    .landing-legacy-secure__text {
        position: static;
        left: auto;
        bottom: auto;
        height: auto;
        max-width: 360px;
        width: 100%;
        display: block;
        padding: 0 24px;
        text-align: center;
        flex-shrink: 0;
    }

    .landing-legacy-secure__title {
        font-size: 32px;
        font-weight: 700;
        line-height: 150%;
        letter-spacing: -0.64px;
        margin: 0 0 16px;
        color: #fff;
    }

    .landing-legacy-secure__subtitle {
        font-size: 15px;
        font-weight: 500;
        line-height: 160%;
        letter-spacing: -0.28px;
        color: rgba(255, 255, 255, 0.65);
        margin: 0;
    }

    .landing-legacy-secure__icons {
        display: block;
        width: 360px;
        max-width: calc(100% + 2 * var(--landing-gutter));
        height: auto;
        margin-top: 48px;
        margin-left: calc(-1 * var(--landing-gutter));
        margin-right: calc(-1 * var(--landing-gutter));
        flex-shrink: 0;
    }

    .landing-legacy-secure__comment {
        display: block;
        width: 100%;
        max-width: 312px;
        height: auto;
        margin-top: 16px;
        flex-shrink: 0;
    }
}