@font-face {
    font-family: "Noto Sans Khmer";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("NotoSansKhmer.woff2") format("woff2");
    unicode-range: U+1780-17FF, U+19E0-19FF, U+200C-200D, U+25CC;
}

html[lang="km"] body {
    font-family: "Noto Sans Khmer", "Khmer UI", "Khmer OS Battambang", "Khmer OS", system-ui, "Segoe UI", sans-serif;
}

html[lang="km"] .hero-slide__bg {
    background-position: 70% center;
}

html[lang="km"] .hero-slide__bg::after {
    background:
        linear-gradient(to top, var(--bg) 6%, rgba(28, 25, 23, .78) 40%, rgba(28, 25, 23, .25) 72%),
        linear-gradient(to right, rgba(28, 25, 23, .96) 0%, rgba(28, 25, 23, .78) 32%, rgba(28, 25, 23, .35) 58%, transparent 78%);
}

html[lang="km"] .hero-slide__title {
    line-height: 1.45;
    letter-spacing: 0;
    font-weight: 700;
}

html[lang="km"] .hero-slide__subtitle,
html[lang="km"] .hero-slide__overview,
html[lang="km"] .section__title,
html[lang="km"] .poster-card__name,
html[lang="km"] .site-footer p,
html[lang="km"] .main-nav__link,
html[lang="km"] .footer-links a {
    line-height: 1.65;
}

html[lang="km"] .poster-card__title {
    line-height: 1.7;
    padding-top: 2.4rem;
}

html[lang="km"] .hero-slide__tag,
html[lang="km"] .hero-slide__eyebrow {
    text-transform: none;
    letter-spacing: 0;
}