:root {
    --brand-magenta: #b477b3;
}

.hero h1 em {
    color: var(--brand-magenta);
}

.site-menu .about-link {
    white-space: nowrap;
}

@media (min-width: 801px) {
    .site-nav {
        gap: clamp(40px, 4vw, 64px);
    }
}