.site-footer { padding: 72px 0 26px; background: var(--ink); color: var(--white); }
.footer__top { display: flex; align-items: start; justify-content: space-between; gap: 40px; padding-bottom: 62px; }
.footer__title { max-width: 620px; margin: 18px 0 0; font: 600 clamp(2.4rem, 4.2vw, 4rem)/1.05 var(--font-display); letter-spacing: -.06em; }
.footer__title em { color: var(--lime); font-style: normal; }
.footer__nav { display: flex; gap: 26px; margin-top: 9px; color: rgba(255,255,255,.76); font-size: 14px; }
.footer__nav a:hover { color: var(--lime); }
.footer__details { display: grid; grid-template-columns: 1.2fr .8fr 1fr; gap: clamp(24px, 5vw, 72px); padding: 24px 0 30px; border-top: 1px solid rgba(255,255,255,.18); }
.footer__details h2 { margin: 0 0 14px; color: var(--lime); font: 700 12px var(--font-display); letter-spacing: .12em; text-transform: uppercase; }
.footer__details a { display: block; width: fit-content; margin: 8px 0; color: rgba(255,255,255,.9); font-size: 14px; transition: color .18s ease, transform .18s ease; }
.footer__details a:hover { color: var(--coral); transform: translateX(2px); }
.footer__details small { display: block; margin-top: 12px; color: rgba(255,255,255,.55); font-size: 12px; }
.footer__social-list, .footer__legal-list { margin: 0; padding: 0; list-style: none; }
.footer__bottom { display: flex; justify-content: space-between; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.18); color: rgba(255,255,255,.62); font-size: 12px; }
.footer__brand { color: var(--white); }
@media (max-width: 680px) { .footer__top { display: block; padding-bottom: 34px; } .footer__nav { flex-wrap: wrap; margin-top: 26px; } .footer__details { grid-template-columns: 1fr 1fr; gap: 28px 18px; } .footer__bottom { gap: 10px; flex-direction: column; } }
@media (max-width: 400px) { .footer__details { grid-template-columns: 1fr; } }