.contact { display: grid; gap: var(--gap-cols); grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr)); } .contact-item { display: grid; gap: 0.5rem; align-content: start; border-top: 2px solid var(--ink); padding-top: 1.1rem; } .contact-item p { font-size: 1rem; } .contact-link { position: relative; font-weight: 700; font-size: 1.05rem; text-decoration: none; border-bottom: 2px solid var(--riff); justify-self: start; } .contact-link::after { content: ''; position: absolute; inset: -0.5rem -0.25rem; } .contact-link:hover { border-bottom-color: var(--ink); color: var(--ink); } .contact-note { margin-top: 2.5rem; display: grid; gap: 0.8rem; } .contact-note p { max-width: var(--measure-prose); } .contact-legal { margin-top: 2.5rem; display: grid; gap: 0.6rem; } .contact-legal p { max-width: var(--measure-fine); } @media (max-width: 47.99rem) { .contact { gap: 2rem; } }