.research-nav .nav-brand { color: var(--on-dark); } .research-nav .nav-brand span { color: var(--gold); } .research-nav ul { gap: 4px; } .research-nav a { color: var(--on-dark-mut); font-weight: 500; } .research-nav a:hover, .research-nav a.active, .research-nav a[aria-current="page"] { color: var(--gold); background: rgba(127, 191, 158, 0.12); } footer.research-footer { margin-top: auto; width: 100%; text-align: left; background: var(--bg-footer, #101812); border-top: 1px solid var(--line); color: var(--on-dark-mut); padding: 0; } .research-footer .research-footer-inner { max-width: 1080px; margin: 0 auto; padding: 56px 24px 34px; display: grid; grid-template-columns: 1.7fr 1fr 1fr; gap: 46px; } .research-footer .rf-logo { font-family: var(--font-display); font-weight: 800; font-size: 1.22rem; color: var(--on-dark); letter-spacing: -0.02em; margin-bottom: 14px; display: inline-flex; align-items: center; gap: 10px; } .research-footer .rf-logo span { color: var(--gold); } .research-footer .rf-brand p { color: var(--on-dark-mut); font-size: 0.92rem; line-height: 1.68; max-width: 400px; margin: 0; } .research-footer .rf-contact { margin-top: 16px !important; font-size: 0.9rem; } .research-footer .rf-contact a { color: var(--gold); } .research-footer .rf-contact a:hover { text-decoration: underline; } .research-footer .rf-col h4 { font-family: var(--font-display); font-size: 0.76rem; text-transform: uppercase; letter-spacing: 0.12em; color: var(--on-dark); margin: 0 0 16px; font-weight: 700; } .research-footer .rf-col ul { list-style: none; padding: 0; margin: 0; } .research-footer .rf-col li { margin-bottom: 12px; } .research-footer .rf-col a { color: var(--on-dark-mut); font-size: 0.92rem; transition: color 0.18s ease; } .research-footer .rf-col a:hover { color: var(--gold); } .research-footer .rf-muted { color: var(--on-dark-mut); font-size: 0.92rem; opacity: 0.7; } .research-footer .rf-bottom { max-width: 1080px; margin: 0 auto; padding: 20px 24px; border-top: 1px solid var(--line); display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; font-size: 0.82rem; color: var(--on-dark-mut); } @media (max-width: 820px) { .research-footer .research-footer-inner { grid-template-columns: 1fr 1fr; gap: 32px; } .research-footer .rf-brand { grid-column: 1 / -1; } } @media (max-width: 520px) { .research-footer .research-footer-inner { grid-template-columns: 1fr; } .research-footer .rf-bottom { justify-content: center; text-align: center; } }