.kz-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-block-end: var(--space-l-xl);
  padding-block: var(--space-m);
  position: relative;
  z-index: 1;

  &::after {
    background-color: var(--color-klezmer-light);
    bottom: 0;
    content: '';
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
  }
}

.kz-header svg.kz-header__logo {
  color: var(--color-klezmer-light);
  max-inline-size: clamp(5.875rem, 4.8561rem + 5.0943vw, 9.25rem);
  width: 100%;
  z-index: 1;
}

.kz-header svg.kz-header__vine {
  position: absolute;
  left: clamp(5.875rem, 4.8561rem + 5.0943vw, 9.25rem);
  margin-inline-start: var(--space-s-l);
  pointer-events: none;
  z-index: -1;
}

.kz-header__list {
  column-gap: var(--space-l);
  display: flex;
  flex-wrap: wrap;

  @container (inline-size < 35rem) {
    flex-direction: column;
    row-gap: var(--space-3xs);
    text-align: right;
  }
}

.kz-header__list a {
  color: var(--color-klezmer-light);
  text-decoration: none;
  transition: color 0.2s;
}
.kz-header__list a:hover,
.kz-header__list a:focus {
  color: var(--color-klezmer-life);
  text-decoration: underline;
}