/**
 * HARNOVA SOLUTIONS LIMITED — site logo (square 1:1)
 * Adjust sizes via CSS custom properties below.
 */
:root {
    /* Desktop sticky header */
    --site-logo-size-header: 4.8rem;

    /* Mobile sticky header */
    --site-logo-size-mobile: 4.2rem;

    /* Full-screen navigation menu */
    --site-logo-size-fullscreen: 12rem;

    /* Hamburger menu inner header — slightly smaller */
    --site-logo-size-hamburger: 3.6rem;
}

.site-logo {
    width: var(--site-logo-size-header);
    height: var(--site-logo-size-header);
    max-width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    display: block;
}

.site-logo--mobile {
    width: var(--site-logo-size-mobile);
    height: var(--site-logo-size-mobile);
}

.site-logo--fullscreen {
    width: var(--site-logo-size-fullscreen);
    height: var(--site-logo-size-fullscreen);
}

.site-logo--hamburger {
    width: var(--site-logo-size-hamburger);
    height: var(--site-logo-size-hamburger);
}

@media (max-width: 575px) {
    :root {
        --site-logo-size-mobile: 3.8rem;
        --site-logo-size-hamburger: 3.2rem;
    }
}