.text-muted { color: var(--color-text-soft); }
.text-faint { color: var(--color-text-faint); }
.text-serif { font-family: var(--font-serif); }
.eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.45rem 0.75rem;
    border-radius: var(--radius-pill);
    background: rgba(255, 255, 255, 0.75);
    border: 1px solid var(--color-border);
    color: var(--color-text-soft);
    font-size: var(--text-xs);
    letter-spacing: 0.06em;
    text-transform: uppercase;
}
.grid-auto {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--space-4);
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}