/* Named contacts share the existing glass surface and Lucide icon system. */
.contact-card .contact-people{display:grid;margin-top:8px;margin-bottom:4px}
.contact-card .contact-entry{display:grid;grid-template-columns:minmax(0,1fr) 24px;column-gap:16px;row-gap:6px;padding:18px 0 20px;border-top:1px solid var(--line);color:#c8e1f1;transform-origin:left center;transition:color 180ms var(--ease),transform 160ms var(--spring)}
.contact-card .contact-entry:first-child{border-top:0;padding-top:8px}
.contact-card .contact-entry__name{grid-column:1;grid-row:1;font-size:14px;line-height:1.5;letter-spacing:.06em;color:#b9cfdf}
.contact-card .contact-entry__number{grid-column:1;grid-row:2;font-size:clamp(26px,2.65vw,38px);font-weight:500;line-height:1.3;letter-spacing:-.03em;white-space:nowrap}
.contact-card .contact-entry>.icon{grid-column:2;grid-row:1 / span 2;align-self:center;width:24px;height:24px;stroke-width:1.1;transition:transform 250ms var(--spring)}
.contact-card .contact-entry:focus-visible{outline:2px solid #a9d8ef;outline-offset:5px;border-radius:4px}
.contact-card .contact-entry:active{transform:scale(.985)}
@media(hover:hover) and (pointer:fine){.contact-card .contact-entry:hover{color:#e4f5ff}.contact-card .contact-entry:hover>.icon{transform:translate(3px,-3px)}}
@media(max-width:700px){.contact-card .contact-entry{padding:16px 0 18px;column-gap:12px;grid-template-columns:minmax(0,1fr) 22px}.contact-card .contact-entry__number{font-size:clamp(26px,7.5vw,31px)}.contact-card .contact-entry__name{font-size:13px}.contact-card .contact-entry>.icon{width:22px;height:22px}}
@media(prefers-reduced-motion:reduce){.contact-card .contact-entry{transition:color 120ms var(--ease)}.contact-card .contact-entry:active,.contact-card .contact-entry:hover>.icon{transform:none}}