.site-title {
  position: relative;

  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;

  margin-block: 0;
  
  &::before {
    content: "";
    inset-block: 0;
    width: 100vw;
    position: absolute;
    z-index: -1;
    background:
      linear-gradient(to bottom,
        color-mix(in srgb, var(--color-bg) 33%, transparent) 0%,
        var(--color-bg) 100%),
      url(../media/grouppic1.png);
    background-position-x: center;
    background-position-y: 60%;
    background-size: cover;
  }

  > h1:first-child {
    font-size: 2.5em;
    margin-block-start: 3lh;
    width: 100%;
    + nav {
      width: 100%;
    }
  }
}