.menu-wrap { width: 100%; height: 100%; overflow: hidden; }
.menu { display: flex; flex-direction: column; height: 100%; margin: 0; padding: 0; }
.menu__item { flex: 1; position: relative; overflow: hidden; text-align: center; border-top: 1px solid; }
.menu__item:first-child { border-top: none; }
.menu__item-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  height: 100%;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  font-weight: 700;
  font-size: 4vh;
}
.menu__item-link:hover { color: inherit; }
.menu__item-link:focus:not(:focus-visible) { color: inherit; }
.marquee {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  pointer-events: none;
  transform: translate3d(0, 101%, 0);
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.marquee__inner-wrap { height: 100%; width: 100%; overflow: hidden; }
.marquee__inner {
  display: flex;
  align-items: center;
  position: relative;
  height: 100%;
  width: fit-content;
  will-change: transform;
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.marquee__part { display: flex; align-items: center; flex-shrink: 0; }
.marquee span {
  white-space: nowrap;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 2.6vh;
  line-height: 1;
  padding: 0 1vw;
}
.marquee__img {
  width: 180px;
  height: 7vh;
  margin: 2em 2vw;
  border-radius: 50px;
  background-size: cover;
  background-position: 50% 50%;
}