/* Contact: four cells in the same hairline grid as the rest of the page. */
.contact{padding-bottom:70px}
.contact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--border)}
.contact-cell{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-height:178px;padding:28px;border:0;border-right:1px solid var(--border);border-radius:0;background:transparent;color:var(--fg);text-align:left;font:inherit;transition:background .2s}
.contact-cell:last-child{border-right:0}
.contact-cell .mono{color:var(--muted);font-size:9px}
.contact-value{font-size:17px;font-weight:500;letter-spacing:-.3px;line-height:1.3;overflow-wrap:anywhere}
.contact-note{font-size:12px;line-height:1.5;color:var(--muted);max-width:24ch}
.contact-action{display:inline-flex;align-items:center;gap:8px;height:14px;margin-top:auto;font:10px/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--muted);transition:color .2s}
.contact-action a{display:inline-flex;align-items:center;min-height:44px;margin:-15px 0;border-bottom:1px solid transparent;color:var(--fg)}
.contact-action a:hover{border-color:var(--fg)}
a.contact-cell:hover,button.contact-cell:hover{background:var(--surface);border-color:var(--border)}
a.contact-cell:hover .contact-action,button.contact-cell:hover .contact-action,.contact-cell.is-copied .contact-action{color:var(--fg)}
@media(max-width:900px){.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-cell:nth-child(2n){border-right:0}.contact-cell:nth-child(-n+2){border-bottom:1px solid var(--border)}}
@media(max-width:600px){.contact{padding-bottom:50px}.contact-grid{grid-template-columns:1fr}.contact-cell{min-height:0;gap:10px;padding:22px 20px;border-right:0;border-bottom:1px solid var(--border)}.contact-cell:last-child{border-bottom:0}.contact-action{margin-top:8px}}