.contactPage { max-width: 760px; }
.spriteSheet { position: absolute; width: 0; height: 0; }
.contactLinks { display: grid; gap: 1.8rem; width: 100%; }
.contactItem { display: flex; align-items: center; gap: 1.2rem; font-size: 1.2rem; transition: transform var(--durFast) var(--ease); }
a.contactItem:hover { transform: translateX(6px); }
.contactItem svg { flex: none; width: 34px; height: 34px; }
.contactText { min-width: 0; overflow-wrap: anywhere; }
.contactText small { display: block; font-size: .8rem; opacity: .7; }
@media (hover: none) { a.contactItem:hover { transform: none; } }
.contactItem svg { transition: transform var(--durFast) var(--ease); }
a.contactItem:hover svg { transform: scale(1.14); }