footer.site { background: var(--band); color: var(--cream); padding: clamp(48px,6vw,80px) 0 32px; }
footer.site .top { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; flex-wrap: wrap; }
footer.site h2 { font-size: clamp(36px,4.5vw,56px); line-height: 1; }
footer.site .soc { display: flex; gap: 12px; flex-wrap: wrap; }
footer.site .soc a { border: 1.5px solid var(--ink-2); color: var(--cream); }
footer.site .soc a:hover { background: var(--yellow); border-color: var(--yellow); color: var(--ink); }
footer.site .foot { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding-top: 24px; margin-top: 40px; border-top: 1px solid var(--band-line); font-size: 14px; color: #CDBFAE; }
footer.site .foot a { color: #CDBFAE; }
footer.site .foot a:hover { color: var(--yellow); }

.cookie-banner { position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 60; max-width: 560px; margin: 0 auto; display: none; align-items: center; gap: 16px; padding: 14px 18px; background: var(--band); color: var(--cream); border-radius: 14px; font-size: 14px; line-height: 1.45; transition: opacity .3s; }
.cookie-banner.is-open { display: flex; }
.cookie-banner a { color: var(--yellow); }
.cookie-banner__btn { flex: none; min-height: 40px; padding: 0 18px; border-radius: 999px; border: none; background: var(--yellow); color: var(--ink); font-weight: 600; cursor: pointer; }