.wordmark{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #60684c;background:#60684c;color:#fff;transition:background .2s,color .2s,border-color .2s}
.wordmark .mark{margin-right:1px;color:#fff}
.wordmark-home-label{margin-left:4px;padding:5px 7px;background:var(--paper);color:#60684c;font-size:8px;letter-spacing:.12em}
.wordmark:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.wordmark:hover .mark{color:#fff}
.wordmark:hover .wordmark-home-label{background:var(--paper);color:var(--ink)}
@media(max-width:560px){.wordmark{gap:5px;padding:6px 7px;font-size:7px}.wordmark-home-label{margin-left:1px;padding:4px 5px;font-size:7px}.wordmark .mark{font-size:16px}}