@media (min-width: 75rem) {

.site-header {
    min-height: 0
}
  }


.site-branding {
  min-height: var(--sp3)
}

@media (min-width: 31.25rem) {

.site-branding {
    min-height: var(--sp4)
}
  }

@media (min-width: 43.75rem) {

.site-branding {
    min-height: var(--sp6)
}
  }

@media (min-width: 62.5rem) {

.site-branding {
    min-width: 0
}
  }

@media (min-width: 75rem) {

.site-branding {
    min-height: 0
}
  }

.site-header__inner {
  background-image: linear-gradient(160deg, var(--color--primary-60) 0%, var(--color--primary-40) 100%);
}

.site-header__inner__container {
  flex-wrap: wrap-reverse;
  align-items: top;
  justify-content: center;
}

@media (min-width: 43.75rem) {
  .site-header__inner__container {
    justify-content: space-between;
    background-image: url(/app/files/images/mol_ppl_0.png);
    background-repeat: no-repeat;
    background-position-x: 98%;
    background-position-y: 50%;
    background-size: 38%;
  }
}

@media (min-width: 62.5rem) {
  .site-header__inner__container {
    background-position: right 80px bottom 50%;
  }
}

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

.site-branding .site-branding__text {
    text-align: center;
    font-family: var(--font-serif);
    text-transform: uppercase;
    font-size: 0.875rem;
    line-height: 0.875rem
  }

.site-branding .site-branding__text #art_text {
      font-size: 70%;
    }

@media (min-width: 43.75rem) {

.site-branding .site-branding__text {
      font-size: 1rem;
      line-height: 1rem
  }
    }

@media (min-width: 75rem) {

.site-branding .site-branding__text {
      font-size: 1.125rem;
      line-height: 1.125rem;
      letter-spacing: 0.02em
  }
    }


.menu--account {
  font-size: var(--font-size-xs);
  font-weight: 600
}

@media (min-width: 62.5rem) {

.menu--account {
    font-size: var(--font-size-s)
}
  }

.menu--account ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-block: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-block: 0;
    padding-inline-start: 0;
    padding-inline-end: 0;
    list-style: none;
  }

.menu--account li {

    width: max-content;
    max-width: 12.5rem
  }

.menu--account li:not(:last-child) {
      margin: 0 1em;
    }

.menu--account a {
    position: relative;
    display: inline-flex;
    align-items: center;
    height: var(--sp2);
    text-decoration: none;
    color: inherit
  }

.menu--account a::after {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 0;
      content: "";
      transition: opacity 0.2s, transform 0.2s;
      transform: translateY(0.3125rem);
      opacity: 0;
      border-top: solid 2px currentColor;
    }

.menu--account a:hover::after {
        transform: translateY(0);
        opacity: 0.8;
      }