.header-off-canvas {
  background-image: linear-gradient(to left, var(--color-primary), var(--color-primary-b));
  --color-text: var(--color-white);
  --color-link: var(--color-white);
  --color-link-focus: var(--color-grey-light-aaa);
  --color-brand: var(--color-white);
  padding-block: var(--spacing);
}

.header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.branding__logo svg {
  width: auto;
}



.slimline-region__inner--header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--spacing);
}

.region-header,
.region-below-header {
  display: none;
}

@media screen and (min-width: 1024px) {
  .header__off-canvas {
    display: none;
  }

  .region-header,
  .region-below-header {
    display: block;
  }
}

/* // Sticky */
.header-off-canvas {
  position: relative;
  display: flex;
}

.header-off-canvas .header {
  flex-grow: 1
}

.header-off-canvas .off-canvas {
  flex-shrink: 1
}

.header-off-canvas--sticky {
  position: sticky;
  z-index: 111;
  inset-inline: 0;
  top: var(--drupal-displace-offset-top, 0);
  transition: var(--transition-time) !important;
}

body:not(.off-canvas-is-on) .header-off-canvas--sticky.header-off-canvas--hidden {
  top: calc(-2 * var(--header-height)) !important
}