/* Bring the two upright entrance bars immediately next to the signature. */
@media (max-width: 900px) {
  .intro-bars .bar-b { top: 15%; height: 35%; }
  .intro-bars .bar-d { bottom: 22%; height: 28%; }
}

@media (max-width: 540px) and (orientation: portrait) {
  .intro-bars .bar-b { top: 15%; height: 34%; }
  .intro-bars .bar-d { bottom: 22%; height: 27%; }

  /* Separate the purple left edge from the purple top header. */
  .stage { margin-top: 0; }
  .stage::before { top: 8px; }

  /* Small dropdown aligned beneath MENU, rather than a full-width block. */
  .navigation,
  .navigation.open {
    right: 0;
    left: auto;
    width: min(212px, calc(100vw - 32px));
    max-width: calc(100vw - 32px);
    padding: .3rem .55rem .45rem;
    gap: 0;
    box-sizing: border-box;
  }
  .navigation button {
    min-height: 34px;
    padding: .3rem .45rem;
    font-size: .55rem;
    line-height: 1.2;
  }
  .navigation .language { margin-top: .15rem; }

  /* Two compact copyright lines with the framed background visible below. */
  footer {
    min-height: 0;
    gap: .15rem;
    padding: .38rem .8rem;
    font-size: .46rem;
    line-height: 1.25;
  }
}