/* ==================================================
   ARTISTS PAGE
================================================== */

body {
    background-color: #fbf8f4;
}


/* 현재 ARTISTS 메뉴 밑줄 */

.nav a.active::after {
    width: 100%;
}


/* ==================================================
   COMING SOON
================================================== */

.artists-coming {
    width: 100%;

    /* 헤더 아래 화면을 충분히 채우도록 */
    min-height: calc(100vh - 120px);

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    padding: 95px 30px 75px;

    text-align: center;

    background:
        radial-gradient(
            circle at 50% 45%,
            rgba(255, 255, 255, 0.9) 0%,
            rgba(251, 248, 244, 0.95) 48%,
            #f8f3ed 100%
        );
}


/* ARTISTS 작은 제목 */

.artists-label {
    margin: 0 0 38px;

    font-size: 13px;
    font-weight: 600;

    line-height: 1;

    letter-spacing: 0.34em;

    color: #a98260;
}


/* 위쪽 세로선 */

.artists-vertical-line {
    width: 1px;
    height: 76px;

    margin-bottom: 48px;

    background-color: rgba(155, 119, 87, 0.58);
}


/* Coming Soon */

.artists-coming h1 {
    margin: 0;

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(74px, 6.2vw, 110px);
    font-weight: 500;

    line-height: 0.95;
    letter-spacing: -1.5px;

    color: #242424;
}


/* 제목 아래 짧은 선 */

.artists-divider {
    width: 48px;
    height: 1px;

    margin: 38px 0 32px;

    background-color: #b89572;
}


/* 설명 */

.artists-description {
    margin: 0;

    font-family: Arial, "Noto Sans KR", sans-serif;

    font-size: 17px;
    font-weight: 400;

    line-height: 2;

    letter-spacing: -0.15px;

    color: #4e4a46;
}


/* ==================================================
   하단 작은 브랜드 시그니처
================================================== */

.artists-signature {
    display: flex;
    flex-direction: column;
    align-items: center;

    margin-top: 55px;
}


/* 작은 빗방울 */

.artists-drop {
    width: 20px;
    height: auto;

    display: block;

    margin-bottom: 25px;

    opacity: 0.8;
}


/* DRIZZLE ENTERTAINMENT */

.artists-signature span {
    font-family: Arial, sans-serif;

    font-size: 11px;
    font-weight: 600;

    line-height: 1;

    letter-spacing: 0.42em;

    color: #a98260;
}


/* ==================================================
   TABLET
================================================== */

@media (max-width: 1000px) {

    .artists-coming {
        min-height: calc(100vh - 85px);

        padding: 85px 30px 65px;
    }

    .artists-coming h1 {
        font-size: 80px;
    }

    .artists-vertical-line {
        height: 65px;
    }

    .artists-signature {
        margin-top: 75px;
    }
}


/* ==================================================
   MOBILE
================================================== */

@media (max-width: 600px) {

    .artists-coming {
        min-height: calc(100vh - 85px);

        padding: 70px 22px 50px;
    }

    .artists-label {
        margin-bottom: 28px;

        font-size: 11px;
        letter-spacing: 0.3em;
    }

    .artists-vertical-line {
        height: 52px;

        margin-bottom: 38px;
    }

    .artists-coming h1 {
        font-size: 54px;

        line-height: 0.98;

        letter-spacing: -2px;
    }

    .artists-divider {
        width: 38px;

        margin: 30px 0 26px;
    }

    .artists-description {
        max-width: 350px;

        font-size: 14px;
        line-height: 1.9;
    }

    .artists-description br {
        display: none;
    }

    .artists-signature {
        margin-top: 65px;
    }

    .artists-drop {
        width: 17px;

        margin-bottom: 21px;
    }

    .artists-signature span {
        font-size: 9px;
        letter-spacing: 0.32em;
    }
}

/* ==================================================
   EXTRA SMALL MOBILE
================================================== */

@media (max-width: 340px) {

    .artists-coming {
        padding-left: 16px;
        padding-right: 16px;
    }

    .artists-coming h1 {
        font-size: 46px;
        letter-spacing: -2px;
        white-space: nowrap;
    }

    .artists-description {
        max-width: 280px;
        font-size: 12px;
        line-height: 1.9;
    }
}
/* ==================================================
   MOBILE KOREAN TYPOGRAPHY FIX — iPhone / Android
================================================== */
@media (max-width: 600px) {
    .artists-description {
        max-width: 370px;
        padding: 0 4px;
        word-break: keep-all;
        overflow-wrap: normal;
    }
}