/* ==========================================================================
   SCRAPPY BRAND SIGN (Inverted Slant - Precision High-Valance Overlay)
   ========================================================================== */
header > nav:first-of-type {
 transform-origin: center top;
}

 header > nav:first-of-type > h3 {
  /* Hinge origin locks accurately onto the right string attachment point */
  transform-origin: calc(100% - 1.5rem) top;
  transform: rotate(-5.5deg);
 }

nav menu li {
 transform-origin: center top;
}

 nav menu li a {
  transition: transform 0.2s ease, border-color 0.2s ease, color 0.2s ease;
 }

  nav menu li a:hover {
   transform: translateY(0.1rem) scale(1.03);
  }

/* ==========================================================================
   MARIONETTE NAVIGATION (Janky Hanging Signs)
   ========================================================================== */
header > nav:nth-of-type(2) {
 transform: translateX(-50%);
}

/* ==========================================================================
   HEAVY-MASS KINETICS (Slow, dragging structural wobble)
   ========================================================================== */
header > nav:first-of-type {
 animation: heavy-prop-wobble 6.5s ease-in-out infinite alternate;
}

@keyframes heavy-prop-wobble {
 0% {
  transform: rotate(-1deg) translateY(0);
 }

 40% {
  transform: rotate(0.5deg) translateY(0.02rem);
 }

 50% {
  transform: rotate(0.2deg) translateY(0);
 }

 100% {
  transform: rotate(1.5deg) translateY(-0.02rem);
 }
}

/* ==========================================================================
   JANKY KINEMATICS ENGINE (Nested Asymmetrical Sway Cycles)
   ========================================================================== */
nav menu li:nth-of-type(even) {
 animation: janky-sway 3.8s ease-in-out infinite alternate-reverse;
}

nav menu li:nth-of-type(odd) {
 animation: janky-sway 5s ease-in-out infinite alternate;
}

nav menu li:first-of-type {
 animation: janky-sway 4.4s ease-in-out infinite alternate;
}

nav menu li:nth-of-type(3n) {
 animation-delay: -0.7s;
}

nav menu li:nth-of-type(5n) {
 animation-delay: -1.5s;
}

nav menu li:nth-of-type(7n) {
 animation-delay: -0.5s;
}

@keyframes janky-sway {
 0% {
  transform: rotate(-5deg);
 }

 33% {
  transform: rotate(2deg);
 }

 66% {
  transform: rotate(-1deg);
 }

 100% {
  transform: rotate(6deg);
 }
}