@keyframes bus-wiggle {
  from {
    rotate: 0deg;
    transform: scaleY(1.005);
  }
  25% {
    rotate: -0.25deg;
    transform: scaleY(1);
  }
  50% {
    rotate: 0deg;
    transform: scaleY(1.005);
  }
  75% {
    rotate: 0.25deg;
    transform: scaleY(1);
  }
  to {
    rotate: 0deg;
    transform: scaleY(1.005);
  }
}
ul.menu {
  margin-left: 1em; /* LTR */
  padding: 0;
  list-style: none outside;
  text-align: left; /* LTR */
}

[dir=rtl] ul.menu {
  margin-right: 1em;
  margin-left: 0;
  text-align: right;
}

.menu--main__toggle {
  display: none;
  transition: ease-in-out 0.15s;
  transition-property: left;
  will-change: left;
}

.menu-item--expanded {
  list-style-type: circle;
  list-style-image: url(../../images/icons/menu-expanded.png);
}

.menu-item--collapsed {
  list-style-type: disc;
  list-style-image: url(../../images/icons/menu-collapsed.png); /* LTR */
}

[dir=rtl] .menu-item--collapsed {
  list-style-image: url(../../images/icons/menu-collapsed-rtl.png);
}

.region-header .menu-item {
  margin: 0;
  padding-top: 0.2em;
}
.region-header .menu--main {
  container: main-menu/inline-size;
  flex-grow: 1;
  display: grid;
}
.region-header .menu--main__inner {
  display: grid;
  align-self: stretch;
  position: relative;
  right: 50%;
  animation: bus-wiggle 2s linear;
  animation-iteration-count: infinite;
  transform-origin: center bottom;
}
.region-header .menu--main .menu {
  grid-row-start: 1;
  grid-column-start: 1;
  margin: 0;
  margin-top: 7cqh;
  margin-left: 3cqh;
  font-size: 3cqh;
}
.region-header .menu--main .menu-item {
  margin-bottom: 0.5cqh;
  padding: 0;
}
.region-header .menu--main .menu-item a {
  display: block;
  position: relative;
  width: fit-content;
  padding: 2cqh 2cqh 2cqh 22cqh;
  text-decoration: none;
  white-space: nowrap;
  line-height: 1;
  font-family: "Amatic SC", cursive;
  font-weight: bold;
  letter-spacing: 0.0625em;
  color: var(--color-black);
}
.region-header .menu--main .menu-item a::after {
  content: "";
  position: absolute;
  top: 2px;
  right: -2px;
  bottom: 1px;
  left: -1px;
  display: block;
  border: 1px solid #000;
  border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
  transition: ease-in-out 0.15s;
  transition-property: background-color;
}
.region-header .menu--main .menu-item a:hover::after {
  top: -1px;
  right: -3px;
  bottom: -1px;
  left: -2px;
  background-color: rgba(221, 221, 221, 0.062745098);
  border-radius: 15px 225px 15px 225px/225px 15px 225px 15px;
  border-width: 2px;
}
.region-header .menu--main .menu-item--film-television a {
  background-color: var(--tallorders-mint);
}
.region-header .menu--main .menu-item--photography a {
  background-color: #a18f77;
}
.region-header .menu--main .menu-item--about-us a {
  background-color: var(--tallorders-tan);
}
.region-header .menu--main .menu-item--contact a {
  background-color: #ab9f95;
}
.region-header .menu--main .menu-item--news a {
  background-color: var(--tallorders-brown);
}
.region-header .menu--main__toggle {
  position: fixed !important;
  top: 0;
  left: 100%;
  margin: 0.5vh;
  background-color: transparent;
  border: none;
  font-size: 2.5vh;
  cursor: pointer;
}
.region-header .menu--main__toggle::after {
  content: "\f0c9";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  line-height: 1.5rem;
  color: var(--tallorders-mint);
}
.region-header .menu--main__toggle:hover::after {
  color: var(--tallorders-green);
}
.region-header .menu--main__toggle:checked {
  background-color: transparent;
  color: var(--tallorders-mint);
}
.region-header .menu--main__toggle:checked::after {
  content: "\f057";
}
.region-header .menu--main__toggle:checked:hover::after {
  color: var(--tallorders-green);
}
@media (max-width: 991px) {
  body:not(.path-frontpage) .region-header .menu--main__toggle {
    display: block;
  }
}
@media (max-width: 991px) {
  body:not(.path-frontpage):has(.region-header .menu--main__toggle:checked) .layout-content {
    height: 100%;
    pointer-events: none;
    overflow: hidden;
    opacity: 0.2 !important;
  }
}
.region-header .menu--main .menu__bus {
  grid-row-start: 1;
  grid-column-start: 1;
  z-index: 1;
  width: 27cqh;
  aspect-ratio: 1/2.55;
  background-image: url("../../images/menu__bus.png");
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}

body.path-frontpage .region-header .menu--main {
  bottom: -1.5%;
}
body.path-frontpage .region-header .menu--main__inner {
  right: auto;
}
body.path-frontpage .region-header .menu--main .menu {
  margin-top: 6cqh;
  margin-left: 2.2cqh;
  font-size: 2.2cqh;
}
body.path-frontpage .region-header .menu--main .menu-item {
  margin-bottom: 0.35cqh;
}
body.path-frontpage .region-header .menu--main .menu-item a {
  padding: 1.75cqh 1.75cqh 1.75cqh 18cqh;
}
body.path-frontpage .region-header .menu--main .menu__bus {
  aspect-ratio: auto;
}

@container layout-container (aspect-ratio > 0.65) {
  body.path-frontpage .region-header .menu--main {
    justify-content: center;
  }
  body.path-frontpage .region-header .menu--main__inner {
    margin-left: 20cqh;
  }
}