/* ─────────────────────────────────────────────────────────────
   FOOTER
   ───────────────────────────────────────────────────────────── */
.site-foot { position: relative; overflow: hidden; padding-block: 44px calc(30px + env(safe-area-inset-bottom, 0px)); background: linear-gradient(180deg, transparent, rgba(10,5,24,.8)); }
.site-foot::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: linear-gradient(90deg, transparent, var(--gold), var(--magenta), var(--gold), transparent); }
.foot { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 24px; align-items: center; }
.foot .eyebrow { margin-bottom: 12px; }
.mail { font: 400 1.2rem/1 var(--f-display); color: var(--gold-soft); user-select: all; }
.copy { margin-left: 12px; cursor: pointer; background: none; border: 1px solid var(--line); padding: 7px 12px; font: italic 800 .66rem/1 var(--f-ui); letter-spacing: .2em; text-transform: uppercase; color: var(--gold-soft); clip-path: polygon(5px 0, 100% 0, calc(100% - 5px) 100%, 0 100%); }
.copy:hover { background: var(--gold); color: var(--night); }
.socials { display: flex; flex-wrap: wrap; gap: 10px; }
.socials a { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; border: 1px solid var(--line); padding: 10px 16px; font: italic 800 .74rem/1 var(--f-ui); letter-spacing: .16em; text-transform: uppercase; clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%); background: rgba(27,15,61,.6); transition: background .25s, color .25s; }
.socials a i { font-style: normal; font-size: .6rem; color: var(--magenta); }
.socials a:hover { background: var(--gold); color: var(--night); }
.socials a:hover i { color: var(--night); }
.fine { margin: 26px 0 0; font-size: .76rem; color: var(--muted); letter-spacing: .06em; }