/**
 * @file
 * Site branding in header.
 *
 * Extends the corresponding Olivero stylesheet.
 *
 * @see core/themes/olivero/css/components/header-site-branding.css
 */

.site-branding {
  align-items: center;
  background-image: none;
}

.site-branding__logo {
  flex-shrink: 0;
  max-width: 100%;

  & img {

    @media (min-width: 43.75rem) {
      max-height: var(--sp3);
    }

    @media (min-width: 75rem) {
      max-height: var(--sp3);
    }
  }
}