.site-footer { min-height: 690px; margin: 10px; padding: 42px 6vw 40px; border-radius: 22px; background: var(--wine); color: #fff; display: flex; flex-direction: column; }
.site-footer nav { display: flex; gap: 37px; align-items: center; }
.site-footer nav a { color: #d9abb7; text-decoration: none; font-size: 13px; transition: color .2s; }
.site-footer nav a:last-child { margin-left: auto; }
.site-footer nav a:hover { color: #fff; }
.site-footer > h2 { margin: auto; text-align: center; font: 500 clamp(52px, 6vw, 92px)/.98 'Manrope'; letter-spacing: -.07em; }
.footer-bottom { display: grid; grid-template-columns: 1.5fr 1fr .65fr; gap: 60px; align-items: end; }
.footer-bottom > div { display: flex; flex-direction: column; gap: 8px; }
.footer-bottom .brand { flex-direction: row; width: max-content; }
.footer-bottom p { margin: 3px 0 0; color: #d9abb7; font-size: 11px; }
.footer-bottom small { color: #d9abb7; font-size: 12px; }
.footer-bottom a:not(.brand), .footer-bottom strong { color: #fff; text-decoration: none; font: 600 clamp(18px, 2vw, 30px) 'Manrope'; }
@media(max-width:760px) { .site-footer { min-height: 620px; margin: 6px; padding: 30px 24px; } .site-footer nav { flex-wrap: wrap; gap: 15px 23px; } .site-footer nav a:last-child { margin-left: 0; } .site-footer > h2 { font-size: 50px; } .footer-bottom { grid-template-columns: 1fr; gap: 25px; } }