/*.site-branding {
  align-items: center;
}*/

.site-header__fixable.is-fixed .site-branding {
    align-items: end;
}

@media (min-width: 75rem) {
    .site-branding__logo img {
        max-height: calc(var(--header-height-wide-when-fixed) + var(--sp11));
    }
}

.site-branding__inner {
    align-items: initial;
}

.site-branding__logo {
    width: var(--logo-size-compact);
    height: var(--logo-size-compact);
    /*border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    flex: none;*/
    transition: ease .5s;
}

.path-frontpage #header .site-branding__logo {
    width: var(--logo-size-full);
    height: var(--logo-size-full);
}

.path-frontpage #header .site-branding__logo.is-scrolled {
    width: var(--logo-size-compact);
    height: var(--logo-size-compact);
    opacity: 1;
}

#header .site-branding__logo.is-scrolled {
    opacity: 0;
    /*width: var(--logo-size-compact);
    height: var(--logo-size-compact);*/
}

#block-geosdunoir-identitedusite.site-branding {
    display: flex;
    flex-shrink: 1;
    align-items: flex-end;
    min-width: 0;
    min-height: 0;
    margin-inline: 0;
    padding-block: 0;
    padding-inline-start: 0;
    padding-inline-end: 0;
    background-image: none;
    position: absolute;
    z-index: 1000;
    margin: 0;
    opacity: 0;
}

#block-geosdunoir-identitedusite.site-branding.is-scrolled {
    opacity: 1;
    width: var(--logo-size-mini);
    height: var(--logo-size-mini);
}

.logo-title {
    color: #fff;
    font-weight: 800;
    font-size: 22px;
    line-height: 1.25;
    max-width: 280px;
    transition: opacity .3s ease, max-width .35s ease, font-size .35s ease;
}