/* ─── FRIENDS (home page + tour page) ───────────────────────────────────── */
.section-friends { padding: 80px 0 72px; border-top: 1px solid rgba(244, 237, 224, 0.12); }
.friends-intro { max-width: 60ch; color: var(--cream-muted); margin: -12px 0 32px; }
.friends-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 28px 32px; }
.friends-col h3 { font: 600 .74rem var(--font-body); letter-spacing: .16em; text-transform: uppercase; color: var(--gold); margin-bottom: 12px; }
.friends-list { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; }
.friends-list a, .friends-list span.f {
  display: inline-flex; align-items: baseline; gap: 6px; padding: 8px 14px; border-radius: 999px;
  border: 1px solid rgba(244, 237, 224, 0.22); color: var(--cream); font-size: .92rem; transition: all var(--trans);
}
.friends-list a:hover, .friends-list a:focus-visible { border-color: var(--gold); color: var(--gold); outline: none; }
.friends-list a::after { content: "↗"; font-size: .75em; opacity: .6; }
.friends-list small { color: var(--cream-dim); font-size: .74rem; }
.friends-empty { color: var(--cream-dim); font-size: .9rem; font-style: italic; }