/* ===== Contact rows ===== */
.sub{color:var(--soft);margin-top:1rem;max-width:22rem}
.clist{display:grid;gap:.7rem}
.crow{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:5.5rem 1fr auto;align-items:center;gap:1rem;padding:1.15rem 1.25rem;border:1px solid var(--line);border-radius:14px;background:var(--card);transition:border-color .3s}
.crow::before{content:"";position:absolute;inset:0;background:var(--acc);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.2,.7,.2,1);z-index:-1}
.crow:hover{border-color:var(--acc)}
.crow:hover::before{transform:scaleX(1)}
.c-l{font-size:.85rem;color:var(--muted);transition:color .3s}
.crow .v{font:700 1.05rem var(--display);color:var(--cream);text-decoration:none;overflow-wrap:anywhere;transition:color .3s}
.crow .v::after{content:"";position:absolute;inset:0}
.crow .ar{display:grid;place-items:center;width:2rem;height:2rem;color:var(--cream);transition:transform .3s,color .3s}
.crow .ar svg{width:18px;height:18px}
.crow:hover .c-l,.crow:hover .v,.crow:hover .ar{color:#000}
.crow:hover .ar{transform:translate(3px,-3px)}
.copy{position:relative;z-index:2;font:500 .82rem var(--text);color:var(--cream);background:none;border:1px solid var(--line);border-radius:999px;padding:.4rem .85rem;cursor:pointer;transition:.2s}
.crow:hover .copy{border-color:#000;color:#000}
.crow .copy:hover{background:#000;color:var(--cream)}