footer { background: var(--black2); border-top: 3px solid var(--yellow); padding: 50px 5% 30px; }
.footer-top { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 48px; margin-bottom: 40px; }
.footer-logo-wrap { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.footer-logo-wrap img { height: 44px; width: 44px; object-fit: contain; border-radius: 50%; background: white; padding: 2px; }
.footer-logo-text { font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 26px; letter-spacing: 2.5px; text-transform: uppercase; }
.footer-tagline { font-size: 13px; color: var(--gray); line-height: 1.7; max-width: 260px; }
.footer-col h4 { font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 11px; letter-spacing: 2.5px; text-transform: uppercase; color: var(--yellow); margin-bottom: 14px; }
.footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 9px; }
.footer-col ul li { font-size: 14px; color: var(--gray2); cursor: pointer; transition: color 0.2s; }
.footer-col ul li:hover { color: var(--yellow); }
.footer-bottom { border-top: 1px solid var(--border); padding-top: 22px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; }
.footer-copy { font-size: 12px; color: var(--gray); font-family: 'Oswald', sans-serif; letter-spacing: 0.5px; }
.footer-legal { display: flex; gap: 24px; }
.footer-legal a { font-size: 12px; color: var(--gray); text-decoration: none; transition: color 0.2s; font-family: 'Oswald', sans-serif; letter-spacing: 0.5px; }
.footer-legal a:hover { color: var(--yellow); }