/* Home typography measured against the reference at desktop and mobile sizes.
   The bundled Beaufort font is byte-identical to the reference font. */
.home-page {
    font-family: Inter, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #ded6c6;
}

.home-page .main-nav > a,
.home-page .nav-mega-item > a {
    font: 600 17px/1.5 BeaufortForLoL, Inter, sans-serif;
    letter-spacing: normal;
    text-transform: uppercase;
    color: #93897a;
}
.home-page .main-nav > a.active,
.home-page .main-nav > a:hover,
.home-page .nav-mega-item > a:hover { color: #f2d78f; }

.home-page .header-actions .btn {
    font: 600 16px/1.5 BeaufortForLoL, Inter, sans-serif;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.home-page .header-actions .btn-red { color: #f3d8c9; }

.home-page .nav-mega__link b {
    font: 700 14px/1.2 BeaufortForLoL, Inter, sans-serif;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #ded6c6;
}
.home-page .nav-mega__grid--compact .nav-mega__link b { font-size: 13px; }
.home-page .nav-mega__link small {
    font: 400 11px/1.3 Inter, sans-serif;
    color: #6d6558;
}
.home-page .nav-mega__link:hover b,
.home-page .nav-mega__link:focus-visible b { color: #f2d78f; }

.home-page .download-cta strong {
    font: 700 16.8px/1.2 BeaufortForLoL, Inter, sans-serif;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #1a1408;
}
.home-page .download-cta small {
    font: 600 11.52px/1.5 Inter, sans-serif;
    letter-spacing: .04em;
    color: rgba(26, 20, 8, .72);
}
.home-page .account-btn {
    font: 600 15px/1.5 BeaufortForLoL, Inter, sans-serif;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #ded6c6;
}
.home-page .account-btn.login { color: #f2d78f; }
.home-page .account-btn.register { color: #f3d8c9; }
.home-page .forgot {
    font: 400 13px/1.5 Inter, sans-serif;
    letter-spacing: normal;
    color: #93897a;
}
.home-page .forgot:hover { color: #f2d78f; }
.home-page .account-welcome {
    font: 400 15px/1.5 BeaufortForLoL, Inter, sans-serif;
    letter-spacing: .04em;
    color: #f2d78f;
}
.home-page .account-welcome strong { color: inherit; font-weight: 700; }
.home-page .account-balances span { font: 600 13px/1.5 Inter, sans-serif; color: #f2d78f; }

.home-page .panel h2 {
    font: 700 15px/1.2 BeaufortForLoL, Inter, sans-serif;
    letter-spacing: .09em;
    text-transform: uppercase;
    color: #f2d78f;
}
.home-page .panel h2 > a {
    font: 500 12px/1.5 Inter, sans-serif;
    letter-spacing: .04em;
    text-transform: none;
    color: #93897a;
}
.home-page .panel h2 > a:hover { color: #f2d78f; }
.home-page .gm-list li > span,
.home-page .king-container a > span,
.home-page .quick-links a > span {
    font: 400 13.5px/1.5 Inter, sans-serif;
    color: #ded6c6;
}
.home-page .server-list li > span {
    font: 700 14px/1.5 BeaufortForLoL, Inter, sans-serif;
    letter-spacing: .04em;
    color: #ded6c6;
}
.home-page .server-list li > b { font: 700 13px/1.5 Inter, sans-serif; color: #f2d78f; }
.home-page .service-grid b {
    font: 700 13px/1.3 BeaufortForLoL, Inter, sans-serif;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #ded6c6;
}
.home-page .service-grid > a:hover b { color: #f2d78f; }
.home-page .honor-grid p,
.home-page .honor-grid p b { font: 400 12.5px/22px Inter, sans-serif; color: #ded6c6; }
.home-page .honor-grid p small { font: 400 12.5px/22px Inter, sans-serif; color: #93897a; }
.home-page .ranking-item .rank-number { font: 700 15px/1.5 BeaufortForLoL, Inter, sans-serif; }
.home-page .ranking-item .player-name,
.home-page .ranking-item .guild-name { font: 500 13px/1.5 Inter, sans-serif; }
.home-page .ranking-item .loyalty-value,
.home-page .ranking-item .points-value { font: 600 13px/1.5 Inter, sans-serif; }
.home-page .news-card h3 { font: 500 15px/22.4px Inter, sans-serif; color: #ded6c6; }
.home-page .news-card p { font: 400 13px/1.5 Inter, sans-serif; color: #93897a; }
.home-page .news-card time { font: 400 12px/1.5 Inter, sans-serif; color: #6d6558; }
.home-page .event-list article p b { font: 700 13px/1.5 Inter, sans-serif; color: #f2d78f; }
.home-page .event-list article p small {
    font: 500 11px/1.5 Inter, sans-serif;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #6d6558;
}
.home-page .event-list article p > span { font: 400 12.5px/1.5 Inter, sans-serif; color: #93897a; }
.home-page .footer-social__label { font: 700 12px/1.5 BeaufortForLoL, Inter, sans-serif; }
.home-page .footer-brand { font: 700 13px/1.5 BeaufortForLoL, Inter, sans-serif; }

@media (max-width: 1400px) {
    .home-page .nav-mega__link b { font-size: 13px; }
}