header,
header.highlight {
    grid-area: header;
    align-self: start;

    display: grid;
    grid:
        ". ." auto
        ". ." auto
        / auto auto;
    gap: 12px 20px;
    align-items: end;
    justify-content: start;
}

header svg {
    grid-column: 1;
    grid-row: 1 / -1;

    width: 35px;
    height: 35px;

    fill: var(--gray-1);
}

header h1 {
    color: var(--gray-1);
    font-variation-settings: var(--wght-med);
}

header.highlight h1 {
    color: var(--white);
}

header.highlight svg {
    fill: var(--white);
}