.page-nav a{
  font-family:var(--mono);
  font-size:13px;
  letter-spacing:0.22em;
  text-transform:uppercase;
  color:var(--accent-cocoa);
  font-weight:500;
  text-decoration:none;
  transition:color 0.2s;
}

.page-nav a:hover,
.page-nav a:active{ color:var(--accent-gold); }

.footer{
  padding:40px var(--gut);
  background:#080706;
  color:var(--ink-mute);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  flex-wrap:wrap;
  border-top:1px solid rgba(255,255,255,0.08);
}

.footer-brand{
  font-family:var(--serif);
  font-size:27px;
  letter-spacing:0.02em;
  color:var(--ink);
  text-decoration:none;
  white-space:nowrap;
}

.footer-brand .ftr-amp{
  font-style:italic;
  color:var(--accent-cocoa);
  padding:0 1px;
}

.footer-copy{
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:#a89a7a;
  white-space:nowrap;
}

.footer-mid{
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:0.22em;
  text-transform:uppercase;
  color:#a89a7a;
}

.footer-ig{
  display:inline-flex;
  align-items:center;
  color:var(--accent-gold);
  text-decoration:none;
  margin-right:52px;
  transition:color 0.2s;
}

.footer-ig:hover,
.footer-ig:active{ color:var(--ink); }

.ig-icon{ display:block; }

.ig-label{
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:0.06em;
  text-transform:uppercase;
  margin-left:7px;
}

.toc-btn{
  display:none;
  background:rgba(217,138,43,0.1);
  border:1.5px solid rgba(217,138,43,0.9);
  border-radius:999px;
  color:#f5b040;
  font-family:var(--mono);
  font-size:13px;
  font-weight:700;
  letter-spacing:0.16em;
  cursor:pointer;
  padding:8px 20px;
  box-shadow:0 0 16px rgba(217,138,43,0.18);
  transition:color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.toc-btn.active{ color:var(--ink); }

.scroll-top{
  position:fixed;
  bottom:28px;
  right:28px;
  width:38px;
  height:38px;
  background:rgba(13,11,9,0.55);
  border:1px solid rgba(217,138,43,0.35);
  color:var(--accent-gold);
  font-family:var(--mono);
  font-size:18px;
  font-weight:600;
  letter-spacing:0;
  transform:scaleY(1.3);
  cursor:pointer;
  opacity:0;
  pointer-events:none;
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  transition:opacity 0.3s, color 0.2s, border-color 0.2s, background 0.2s;
  z-index:200;
}

.scroll-top.visible{ opacity:1; pointer-events:auto; }

.scroll-top:hover,
.scroll-top:active{
  color:var(--ink);
  background:rgba(217,138,43,0.18);
  border-color:rgba(217,138,43,0.7);
}

@media (max-width:880px){
  .footer{ display:none !important; }
  .scroll-top{ display:none !important; }
}