.family-space-page {
    background-color: rgb(250, 249, 247);
}

.family-space-page .site-header:not(.is-scrolled):not(.is-menu-open) {
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}

.family-space-page
    .site-header:not(.is-scrolled):not(.is-menu-open)
    .site-logo__initial {
    background-color: rgba(0, 0, 0, 0.93);
    color: rgb(255, 255, 255);
}

.family-space-page
    .site-header:not(.is-scrolled):not(.is-menu-open)
    .site-logo__text,
.family-space-page
    .site-header:not(.is-scrolled):not(.is-menu-open)
    .navbar-nav
    .nav-link,
.family-space-page
    .site-header:not(.is-scrolled):not(.is-menu-open)
    .language-dropdown__toggle,
.family-space-page
    .site-header:not(.is-scrolled):not(.is-menu-open)
    .navbar-toggler {
    color: rgb(17, 17, 17);
}

.family-space-page__main {
    min-height: 100svh;
    padding-top: var(--site-header-solid-height, 60px);
}

.family-space-page__section {
    padding-block: clamp(5rem, 10vw, 8.75rem);
}

.family-space-page__container {
    max-width: 81.5rem;
}

.family-space-page__content {
    max-width: 44rem;
    margin-inline: auto;
}

.family-space-page__status {
    margin: 0;
    color: rgb(112, 112, 112);
    font-family:
        var(--font-cjk-primary),
        var(--font-cjk-secondary),
        sans-serif;
    font-size: 0.8125rem;
    font-weight: 500;
    letter-spacing: 0.16em;
    line-height: 1.5;
}

.family-space-page__title {
    margin: 1.25rem 0 0;
    color: rgb(17, 17, 17);
    font-family: var(--font-latin), sans-serif;
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    font-weight: 500;
    letter-spacing: -0.025em;
    line-height: 1.15;
}

.family-space-page__body {
    max-width: 42rem;
    margin-top: clamp(2.5rem, 5vw, 3.75rem);
}

.family-space-page__paragraph {
    margin: 0;
    color: rgb(74, 74, 74);
    font-family:
        var(--font-cjk-primary),
        var(--font-cjk-secondary),
        sans-serif;
    font-size: clamp(1rem, 0.95rem + 0.2vw, 1.125rem);
    font-weight: 400;
    line-height: 2;
}

.family-space-page__paragraph + .family-space-page__paragraph {
    margin-top: 1.5rem;
}

html:lang(ko) .family-space-page__status,
html:lang(ko) .family-space-page__paragraph {
    overflow-wrap: normal;
    word-break: keep-all;
}

html:lang(ja) .family-space-page__status,
html:lang(ja) .family-space-page__paragraph {
    line-break: strict;
    overflow-wrap: anywhere;
    word-break: normal;
}

@media (max-width: 767.98px) {
    .family-space-page__section {
        padding-block: 4.5rem;
    }

    .family-space-page__title {
        font-size: clamp(2.25rem, 12vw, 3.25rem);
    }

    .family-space-page__body {
        margin-top: 2.25rem;
    }
}
