/* ============================================================
   LINKTREE (lk-*)
   ============================================================ */

.lk-page {
  --paper:   var(--parchment-lightest);
  --paper-2: var(--parchment-light);
  --line:    #d6cbb8;
  --display: var(--font-display);
  --body:    var(--font-body);
  --accent:  var(--font-accent);
  --mono:    var(--font-mono, ui-monospace, monospace);
  position: relative;
  min-height: 100vh;
  background: var(--ink);
  color: var(--paper);
  overflow: hidden;
}
.lk-bg {
  position: absolute; inset: 0;
  background-size: cover; background-position: center;
  background-attachment: fixed;
  filter: brightness(0.4) saturate(0.85);
}
.lk-bg::after {
  content: ""; position: absolute; inset: 0;
  background:
    linear-gradient(180deg, rgba(20,16,12,0.55) 0%, rgba(20,16,12,0.75) 100%),
    radial-gradient(ellipse at 50% 30%, rgba(168,122,37,0.18), transparent 55%);
}
.lk-inner {
  position: relative; z-index: 1;
  max-width: 520px; margin: 0 auto;
  padding: 120px 32px 80px;
  text-align: center;
}
.lk-kicker {
  font-family: var(--mono); font-size: 11px;
  letter-spacing: 0.22em; text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 20px;
  display: inline-flex; align-items: center; gap: 12px;
}
.lk-kicker::before { content: ""; width: 36px; height: 1px; background: var(--gold); }
.lk-kicker::after { content: ""; width: 36px; height: 1px; background: var(--gold); }
.lk-h {
  font-family: var(--display);
  font-size: 38px; line-height: 1.05; letter-spacing: -0.005em;
  font-weight: 500;
  margin: 0 0 36px;
  color: var(--paper);
  text-wrap: balance;
}
.lk-h em { font-family: var(--accent); font-style: italic; color: var(--gold); font-weight: 400; }

.lk-list { list-style: none; padding: 0; margin: 0 0 40px; display: grid; gap: 10px; }
.lk-list li { list-style: none; }
.lk-list a {
  display: block;
  padding: 16px 22px;
  font-family: var(--display); font-size: 14px;
  letter-spacing: 0.12em; text-transform: uppercase; font-weight: 600;
  color: var(--paper);
  background: rgba(245,240,232,0.08);
  border: 1px solid rgba(245,240,232,0.32);
  transition: 0.15s;
  text-decoration: none;
}
.lk-list a:hover { background: rgba(245,240,232,0.18); border-color: var(--paper); transform: translateY(-1px); }
.lk-list a.lk-featured {
  background: var(--gold); color: var(--ink); border-color: var(--gold);
}
.lk-list a.lk-featured:hover { background: var(--paper); border-color: var(--paper); }

.lk-social { display: flex; justify-content: center; gap: 14px; }
.lk-social a {
  color: var(--paper);
  opacity: 0.78;
  transition: 0.15s;
  display: inline-flex; align-items: center; justify-content: center;
}
.lk-social a:hover { opacity: 1; color: var(--gold); }