.header-primary-logo {
    max-width: 64px;
    max-height: 64px;
    object-fit: contain;
    display: inline-block;
}

.header-secondary-logo {
    max-width: clamp(1rem, 2.2vw, 1.25rem);
    max-height: clamp(1rem, 2.2vw, 1.25rem);
}

.header-primary-name {
    font-family: "Barlow", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: clamp(0.875rem, 1.2vw, 1rem);
    line-height: 1.2;
    color: var(--offside-black);
}

.header-secondary-name {
    font-family: "Barlow", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: clamp(0.6875rem, 0.85vw, 0.75rem);
    line-height: 1.2;
    color: var(--reading-gray);
}