.front-page-heading {
    position: relative;
}


.front-page-heading .front-page-heading__copy {
    min-width: 0;
}

.front-page-heading .front-page-heading__copy h1 {
    margin: 0;
    color: #67113f;
    font-family: "Pretendard Variable", Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -.25px;
    line-height: 1.2;
    text-wrap: balance;
}

.front-page-heading .front-page-heading__copy p {
    max-width: 28rem;
    margin: 4px 0 0;
    color: #736963;
    font-family: "Pretendard Variable", Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1.45;
    text-wrap: pretty;
}


.front-story__header.front-page-heading {
    position: sticky;
    margin-bottom: 5px;
}

.front-event__header.front-page-heading {
    margin-bottom: 23px;
}

.front-coupon__title-row.front-page-heading {
    margin-bottom: 16px;
}


@media (max-width: 1023px) {
    .front-coupon-map {
        top: 231px;
    }
}

.front-pass-list__header {
    padding-bottom: 6px;
}

.front-shop__title-row.front-page-heading + .front-shop__filters {
    margin-top: 16px;
}

@media (min-width: 600px) and (max-width: 768px) {
    .front-page-heading .front-page-heading__copy h1 {
        font-size: 24px;
        letter-spacing: -.3px;
        line-height: 1.2;
    }

    .front-page-heading .front-page-heading__copy p {
        font-size: 12.5px;
        line-height: 1.45;
    }

    .front-coupon-map {
        top: 234px;
    }
}

@media (max-width: 320px) {
    .front-page-heading .front-page-heading__copy h1 {
        font-size: 20px;
        letter-spacing: -.15px;
        line-height: 1.22;
    }

    .front-page-heading .front-page-heading__copy p {
        font-size: 12px;
        line-height: 1.45;
    }

    .front-coupon-map {
        top: 229px;
    }
}

@media (min-width: 1024px) {
    .front-pass-list .front-page-heading,
    .front-coupon .front-page-heading,
    .front-event .front-page-heading,
    .front-story .front-page-heading,
    .front-shop .front-page-heading,
    .front-uplus-mate .front-page-heading {
        align-items: center;
        min-height: 132px;
        border: 1px solid rgb(230 0 126 / 10%);
        border-radius: 32px;
        background:
            linear-gradient(135deg, rgb(230 0 126 / 9%), rgb(255 255 255 / 0%) 46%),
            linear-gradient(180deg, #fff, #fff8fc);
        box-shadow: 0 20px 54px rgb(230 0 126 / 8%);
    }

    .front-pass-list .front-page-heading::after,
    .front-coupon .front-page-heading::after,
    .front-event .front-page-heading::after,
    .front-story .front-page-heading::after,
    .front-shop .front-page-heading::after,
    .front-uplus-mate .front-page-heading::after {
        position: absolute;
        right: 28px;
        bottom: 24px;
        width: 128px;
        height: 128px;
        border-radius: 50%;
        background: radial-gradient(circle, rgb(230 0 126 / 14%), rgb(230 0 126 / 0%) 68%);
        content: "";
        pointer-events: none;
    }

    .front-pass-list .front-page-heading .front-page-heading__copy,
    .front-coupon .front-page-heading .front-page-heading__copy,
    .front-event .front-page-heading .front-page-heading__copy,
    .front-story .front-page-heading .front-page-heading__copy,
    .front-shop .front-page-heading .front-page-heading__copy,
    .front-uplus-mate .front-page-heading .front-page-heading__copy {
        position: relative;
        z-index: 1;
        max-width: 720px;
    }

    .front-pass-list .front-page-heading .front-page-heading__copy h1,
    .front-coupon .front-page-heading .front-page-heading__copy h1,
    .front-event .front-page-heading .front-page-heading__copy h1,
    .front-story .front-page-heading .front-page-heading__copy h1,
    .front-shop .front-page-heading .front-page-heading__copy h1,
    .front-uplus-mate .front-page-heading .front-page-heading__copy h1 {
        color: #3a1230;
        font-size: clamp(38px, 4vw, 56px);
        font-weight: 800;
        letter-spacing: -1.7px;
        line-height: 1.02;
    }

    .front-pass-list .front-page-heading .front-page-heading__copy p,
    .front-coupon .front-page-heading .front-page-heading__copy p,
    .front-event .front-page-heading .front-page-heading__copy p,
    .front-story .front-page-heading .front-page-heading__copy p,
    .front-shop .front-page-heading .front-page-heading__copy p,
    .front-uplus-mate .front-page-heading .front-page-heading__copy p {
        max-width: 48rem;
        margin-top: 12px;
        color: #6f5b67;
        font-size: 17px;
        font-weight: 400;
        line-height: 1.55;
    }
}