/* ========================================
   Bilingual typography — English primary, Chinese secondary
   ======================================== */

.section__title .zh {
    font-size: 0.34em;
    letter-spacing: 0.4em;
    margin-top: 0.9em;
    line-height: 1.6;
}

.works__intro .zh {
    color: var(--color-text-secondary);
    font-size: 0.88em;
    line-height: 1.95;
    margin-top: 0.9em;
}

.hero__subtitle .zh {
    color: rgba(240, 236, 228, 0.78);
    text-shadow: 0 1px 20px rgba(10, 14, 26, 0.6);
}

.zh {
    display: block;
    margin-top: 0.45em;
    font-size: 0.6em;
    font-weight: 400;
    letter-spacing: 0.1em;
    line-height: 1.7;
    color: var(--color-text-tertiary);
}

.zh--inline {
    display: inline;
    margin: 0 0 0 0.5em;
    font-size: 0.72em;
    letter-spacing: 0.08em;
    color: var(--color-text-tertiary);
}

.lang-en {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* nav */
.nav__link .zh,
.nav__link .zh--inline {
    display: inline;
    font-size: 0.62em;
    margin-left: 0.45em;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

/* hero */
.hero__tagline .zh--inline,
.hero__subtitle .zh,
.hero__subtitle .zh--inline {
    letter-spacing: 0.12em;
}

/* Keep the Chinese kicker legible on the hero video */
.hero__tagline .zh--inline {
    color: rgba(201, 168, 76, 0.8);
}

.hero__title .zh {
    font-size: 0.22em;
    letter-spacing: 0.5em;
    margin-top: 0.9em;
    color: rgba(240, 236, 228, 0.55);
    font-weight: 400;
}

.hero__subtitle {
    line-height: 1.9;
}

/* buttons */
.btn .zh--inline {
    color: inherit;
    opacity: 0.62;
    font-size: 0.78em;
}

/* section labels */
.section__label {
    letter-spacing: 0.3em;
    text-transform: uppercase;
}

/* about paragraphs */
.about__desc .zh,
.contact__desc .zh {
    margin-top: 0.75em;
    font-size: 0.78em;
    line-height: 1.95;
}

/* stats */
.stat__label {
    line-height: 1.6;
}

.stat__label .zh--inline {
    display: block;
    margin: 0.15em 0 0;
    font-size: 0.78em;
    letter-spacing: 0.1em;
}

/* gallery */
.gal__title .zh {
    font-size: 0.62em;
    letter-spacing: 0.06em;
    margin-top: 0.5em;
    color: var(--color-text-secondary);
}

.gal__client .zh--inline {
    text-transform: none;
    letter-spacing: 0.1em;
    font-size: 0.85em;
    margin-left: 0.6em;
}

.gal__desc .zh {
    margin-top: 0.8em;
    font-size: 0.8em;
    line-height: 1.9;
}

.gal__filter .zh--inline,
.gal__note .zh {
    font-size: 0.82em;
    letter-spacing: 0.06em;
}

.gal__note .zh {
    display: block;
    margin-top: 0.6em;
}

.gal__tag .zh--inline {
    color: inherit;
    opacity: 0.72;
    font-size: 0.9em;
}

/* contact */
.contact__item-label .zh--inline {
    display: block;
    margin: 0.1em 0 0;
    font-size: 0.8em;
}

/* footer */
.footer__tagline .zh {
    margin-top: 0.5em;
    font-size: 0.8em;
    letter-spacing: 0.08em;
}

.footer__heading .zh--inline {
    display: block;
    margin: 0.2em 0 0;
    font-size: 0.82em;
    letter-spacing: 0.1em;
}

.footer__links a .zh--inline {
    font-size: 0.85em;
}

.footer__bottom .zh--inline {
    font-size: 0.9em;
}

@media (max-width: 768px) {
    .zh {
        font-size: 0.68em;
    }

    .hero__tagline .zh--inline {
        display: block;
        margin: 0.6em 0 0;
        font-size: 0.92em;
        letter-spacing: 0.16em;
    }

    .nav__link .zh--inline {
        font-size: 0.58em;
    }

    .hero__cta {
        align-items: stretch;
    }

    .hero__cta .btn {
        width: 100%;
    }

    .hero__scroll-indicator {
        display: none;
    }

    .gal__filter {
        padding: 0.62em 1.05em;
    }

    .gal__filter .zh--inline {
        display: block;
        margin: 0.22em 0 0;
        letter-spacing: 0.1em;
    }

    .hero__title .zh {
        font-size: 0.3em;
        letter-spacing: 0.32em;
    }

    .gal__title .zh,
    .about__desc .zh,
    .gal__desc .zh {
        font-size: 0.85em;
    }
}