.site-header-logo {
    aspect-ratio: 54.581/48;
    height: 4rem;
}

@media (min-width: 768px) {
    .site-header-logo {
        aspect-ratio: 65.581/60;
        height: 4.5rem;
    }
}

@media (min-width: 1024px) {
    .site-header-logo {
        aspect-ratio: 70.581/60;
        height: 6rem;
    }
}

.site-header-title {
    max-width: 10rem;
}

@media (min-width: 768px) {
    .site-header-title {
        max-width: 12rem;
    }
}

@media (min-width: 1024px) {
    .site-header-title {
        max-width: 15rem;
    }
}

.site-header-title span {
    font-family: var(--bs-font-secondary);
    font-weight: 400;
    font-size: 90%;
    color: #818285;
}

@media (min-width: 768px) {
    .site-header-title span {
        font-size: 120%;
    }
}

@media (min-width: 1200px) {
    .site-header-title span {
        font-size: 150%;
    }
}