.contact-wrap{padding:clamp(48px,8vw,88px) 0;max-width:900px}.contact-header{margin-bottom:40px}.contact-header h1{font-size:clamp(34px,5vw,52px);line-height:1.1;margin-bottom:16px}.contact-desc{font-size:clamp(16px,2vw,19px);color:var(--ink-2);max-width:620px;margin:0}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:20px;gap:20px}.contact-card{display:flex;align-items:center;gap:16px;padding:22px 24px;background:var(--sheet);border:1px solid var(--edge);border-radius:18px;text-decoration:none;color:var(--ink);transition:transform .2s var(--ease),border-color .2s,box-shadow .2s}.contact-card:hover{transform:translateY(-2px);border-color:var(--green);box-shadow:0 12px 30px -15px var(--shadow)}.contact-icon-box{width:46px;height:46px;border-radius:12px;background:var(--mint);color:var(--mint-ink);display:grid;place-content:center;flex-shrink:0}.contact-icon-box svg{width:22px;height:22px}.contact-meta{display:flex;flex-direction:column;min-width:0}.contact-label{font:700 12px var(--sans);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);margin-bottom:2px}.contact-val{font:600 16px var(--sans);color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-ext{margin-left:auto;color:var(--ink-3);opacity:.6;transition:opacity .2s,transform .2s}.contact-card:hover .contact-ext{opacity:1;transform:translate(2px,-2px)}