.site-footer { display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: 70px 34px; padding: 72px var(--page-pad) 28px; background: var(--ink); color: var(--white); }
.footer-brand strong { display: inline-block; font: 400 38px/.82 var(--font-display); letter-spacing: -.05em; text-transform: uppercase; }
.footer-brand strong span { padding-left: 3px; color: var(--yellow); font-size: 8px; vertical-align: top; }
.footer-brand p, .footer-note p { color: #aab6be; font-size: 12px; }
.footer-brand p { margin-top: 24px; }
.footer-column { display: grid; align-content: start; gap: 9px; }
.footer-column h3 { margin: 0 0 10px; color: var(--yellow); font-size: 9px; letter-spacing: .16em; text-transform: uppercase; }
.footer-column a { width: max-content; color: #dce3e6; font-size: 12px; }
.footer-column a:hover { color: var(--yellow); }
.footer-note p { max-width: 230px; }
.footer-note .text-link { margin-top: 5px; }
.footer-bottom { grid-column: 1 / -1; display: flex; justify-content: space-between; gap: 20px; padding-top: 25px; border-top: 1px solid #384653; color: #84939d; font-size: 9px; letter-spacing: .09em; text-transform: uppercase; }
.cookie-banner { position: fixed; z-index: 100; right: 22px; bottom: 22px; left: 22px; display: grid; grid-template-columns: 1fr auto; gap: 28px; align-items: end; max-width: 920px; margin: 0 auto; padding: 22px; background: var(--white); color: var(--ink); border: 1px solid var(--ink); box-shadow: 0 16px 45px rgba(17, 27, 39, .22); }
.cookie-banner[hidden] { display: none; }
.cookie-copy strong { font-size: 20px; letter-spacing: -.04em; }
.cookie-copy p, .cookie-details { margin: 7px 0 0; max-width: 590px; color: var(--muted); font-size: 12px; }
.cookie-details a { text-decoration: underline; }
.cookie-actions { display: flex; gap: 8px; }
.cookie-actions button { min-height: 40px; padding: 10px 13px; border: 1px solid var(--ink); background: transparent; color: var(--ink); font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.cookie-actions .accept { border-color: var(--signal); background: var(--signal); color: var(--white); }

@media (max-width: 900px) {
	.site-footer { grid-template-columns: 1.3fr 1fr 1fr; }
	.footer-note { grid-column: 1 / -1; }
	.cookie-banner { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
	.site-footer { grid-template-columns: 1fr 1fr; gap: 42px 20px; }
	.footer-brand, .footer-note { grid-column: 1 / -1; }
	.footer-bottom { display: grid; }
	.cookie-banner { right: 10px; bottom: 10px; left: 10px; padding: 18px; }
	.cookie-actions { display: grid; grid-template-columns: 1fr 1fr; }
	.cookie-actions .cookie-settings { grid-column: 1 / -1; }
}