.cwf-header {
    --vpgh-logo--adjustment: 3;
    --vpgh-logo--size: calc(calc(150px + 2rem) / var(--vpgh-logo--adjustment));
    --vpgh-logo--offset: calc(var(--pcp-logo--size) / 2);
    --vpgh-logo--path: url('/media/vpgh/logo/VPGHlogo.jpg');
    --vpgh-logo--gap: 0.5rem;
}

.cwf-header__title {
    position: relative;
}

.cwf-header__title:before {
    position: absolute;
    top: 50%;
    left: 0;
    content: "";
    aspect-ratio: 1/1;
    background-image: var(--vpgh-logo--path);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: var(--vpgh-logo--size);
    transform: translateY(-50%);
}

.cwf-header__department,
.cwf-header__parent {
    margin-left: calc(var(--vpgh-logo--size) + var(--vpgh-logo--gap));
}

@media (min-width: 1024px) {
    .cwf-header {
        --vpgh-logo--adjustment: 1.75;
    }
}