/* Author wordmark lockup — the only place these rules live.
   Linked from every page; edit here to change the masthead site-wide. */

.wordmark-heading { margin: 0; }

.wordmark {
    display: inline-block;
    text-decoration: none;
    color: var(--text-dark, #333333);
}
.wordmark:hover .wordmark-name,
.wordmark:focus-visible .wordmark-name { color: var(--gold, #d4b886); }

.wordmark-name {
    display: block;
    font-family: 'EB Garamond', Georgia, serif;
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    /* letter-spacing adds a trailing space after the last letter; pull it back
       so the name stays optically centred over the rule. */
    text-indent: 0.18em;
    transition: color 0.3s ease;
}

.wordmark-rule {
    display: block;
    height: 1px;
    margin: 10px auto 8px auto;
    background-color: var(--border-light, #e0e0e0);
}

.wordmark-role {
    display: block;
    font-family: 'EB Garamond', Georgia, serif;
    font-size: 0.8rem;
    font-weight: 400;
    letter-spacing: 0.42em;
    text-indent: 0.42em;
    text-transform: uppercase;
    color: #6c757d;
}

@media (max-width: 768px) {
    .wordmark-name { font-size: 1.8rem; letter-spacing: 0.12em; text-indent: 0.12em; }
    .wordmark-role { font-size: 0.7rem; letter-spacing: 0.3em; text-indent: 0.3em; }
}

@media (max-width: 420px) {
    .wordmark-name { font-size: 1.35rem; letter-spacing: 0.06em; text-indent: 0.06em; }
    .wordmark-rule { margin: 8px auto 6px auto; }
    .wordmark-role { font-size: 0.62rem; letter-spacing: 0.22em; text-indent: 0.22em; }
}