.friends-page{padding:2.5rem 0 6rem;min-height:60vh}.friends-head{padding:1.6rem 0 2.1rem;border-bottom:3px solid var(--ink);margin-bottom:2.6rem}.friends-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1.6rem;gap:1.6rem}.friend-card{position:relative;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem 1.4rem 1.3rem;background:var(--cream);border:var(--line);box-shadow:var(--shadow-xs);transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.friend-card:before{content:"";position:absolute;left:-2px;right:-2px;top:-2px;height:6px}.friend-card:before,.friend-card:nth-child(4n+1):before{background:var(--indigo-800)}.friend-card:nth-child(4n+2):before{background:var(--sage-400)}.friend-card:nth-child(4n+3):before{background:var(--mist-400)}.friend-card:nth-child(4n+4):before{background:var(--sun)}.friend-card:hover{transform:translate(-4px,-4px);box-shadow:var(--shadow-md)}.friend-no{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.18em;color:var(--mist-400)}.friend-arrow{position:absolute;top:1.2rem;right:1.2rem;display:grid;place-items:center;width:30px;height:30px;color:var(--ink);border:1.5px solid rgba(25,28,46,.25);background:var(--paper);transition:color .18s var(--ease),background .18s var(--ease),border-color .18s var(--ease),transform .18s var(--ease)}.friend-arrow svg{width:15px;height:15px}.friend-card:hover .friend-arrow{color:var(--cream);background:var(--indigo-800);border-color:var(--ink);transform:translate(2px,-2px)}.friend-name{margin:0;font-size:1.12rem;font-weight:800;line-height:1.35;letter-spacing:-.01em;color:var(--indigo-900);display:flex;flex-direction:column;gap:.2rem}.friend-name em{font-style:normal;font-family:var(--font-mono);font-size:.64rem;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--mist-400)}.friend-desc{margin:0;flex:1 1;font-size:.84rem;line-height:1.75;color:var(--ink-soft)}.friend-foot{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.85rem;border-top:1.5px dashed rgba(25,28,46,.22)}.friend-tags{display:inline-flex;flex-wrap:wrap;gap:.4rem}.friend-tag{font-size:.6rem;letter-spacing:.06em;color:var(--indigo-700);border-bottom:2px solid var(--sage-300)}.friend-host,.friend-tag{font-family:var(--font-mono)}.friend-host{flex:none;font-size:.62rem;letter-spacing:.04em;color:var(--mist-400);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:48%}.friends-note{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2rem;margin-top:3rem;padding-top:1.75rem;border-top:3px solid var(--ink)}.friends-note p{margin:0;font-size:.86rem;color:var(--mist-500)}.friends-note a{color:var(--indigo-700);border-bottom:2px solid var(--sage-300)}@media (max-width:960px){.friends-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.3rem}}@media (max-width:640px){.friends-grid{grid-template-columns:minmax(0,1fr)}.friend-card:hover{transform:none;box-shadow:var(--shadow-xs)}}