::-webkit-scrollbar-thumb:hover {
    background: var(--color-text-tertiary);
}

header::before {
    content: '';
    position: absolute;
    top: -40%;
    right: -8%;
    width: 21.875rem;
    height: 21.875rem;
    background: radial-gradient(circle, color-mix(in srgb, var(--color-white) 15%, transparent) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    filter: blur(2.5rem);
}

header::after {
    content: '';
    position: absolute;
    bottom: -20%;
    left: -5%;
    width: 15.625rem;
    height: 15.625rem;
    background: radial-gradient(circle, color-mix(in srgb, var(--color-white) 10%, transparent) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    filter: blur(2.5rem);
}

.skip-link:focus {
    top: 0;
    outline: 0.1875rem solid var(--color-accent);
    outline-offset: 0.125rem;
}