:root {
    --as-primary: #007d42;
    --as-primary-dark: #005f34;
    --as-primary-soft: #eaf5ef;
    --as-ink: #17352a;
    --as-border: #d9e5df;
}

.brand-block {
    min-height: 88px;
    gap: 13px;
}

.brand-logo-link {
    display: inline-flex;
    align-items: center;
    width: 116px;
    min-width: 116px;
    text-decoration: none;
}

.brand-logo-image {
    display: block;
    width: 100%;
    height: auto;
    max-height: 52px;
    object-fit: contain;
    object-position: left center;
}

.brand-copy {
    min-width: 0;
}

.brand-copy strong {
    font-size: 11px;
    letter-spacing: .075em;
}

.brand-copy span {
    margin-top: 3px;
    font-size: 10px;
    letter-spacing: .12em;
}

.header-left {
    gap: 14px;
}

.header-brand-logo {
    display: inline-flex;
    align-items: center;
    width: 138px;
    min-width: 138px;
    padding-right: 14px;
    border-right: 1px solid var(--as-border);
}

.header-brand-logo img {
    display: block;
    width: 100%;
    max-height: 48px;
    object-fit: contain;
    object-position: left center;
}

.header-title-group {
    min-width: 0;
}

.header-kicker {
    color: var(--as-primary);
    font-weight: 800;
    letter-spacing: .065em;
}

.portal-footer {
    align-items: center;
}

.mip-print-brand {
    display: flex;
    align-items: center;
    gap: 5mm;
}

.mip-print-brand img {
    display: block;
    width: 42mm;
    max-height: 17mm;
    object-fit: contain;
    object-position: left center;
}

.mip-print-brand > div {
    padding-left: 5mm;
    border-left: .3mm solid #b9cbc1;
}

@media (max-width: 1050px) {
    .header-brand-logo {
        width: 112px;
        min-width: 112px;
    }
}

@media (max-width: 780px) {
    .header-brand-logo {
        width: 96px;
        min-width: 96px;
        padding-right: 10px;
    }

    .header-kicker {
        font-size: 9px;
    }

    .brand-logo-link {
        width: 102px;
        min-width: 102px;
    }
}

@media (max-width: 520px) {
    .header-brand-logo {
        display: none;
    }

    .header-left {
        gap: 10px;
    }
}

@media print {
    .mip-print-brand {
        display: flex !important;
    }

    .mip-print-brand img {
        width: 38mm;
        max-height: 15mm;
    }
}