@charset "UTF-8";

a:focus, button:focus { outline: none; }
a:focus-visible, button:focus-visible { opacity: .7; }

.menu-site-link {
  display: block;
  box-sizing: border-box;
  width: min(68vw, 340px);
  max-width: 100%;
  margin: clamp(32px, 6vh, 56px) auto 0;
  text-decoration: none;
  transition: opacity .2s ease;
}
.menu-site-link img { display: block; width: 100%; height: auto; }
.menu-site-link:hover { opacity: .7; }
.menu-dialog[open] .menu-site-link { animation: menu-items-reveal .28s ease-out both; }
.menu-dialog.is-closing .menu-site-link { animation: menu-items-dismiss .22s ease-in both; }

@media (min-width: 768px) {
  .menu-dialog .menu-site-link { width: min(68vw, 480px); }
}

/* Keep the logo link reachable in Jojou's menu on short screens. */
.dropdown_nav {
  box-sizing: border-box;
  height: 100vh;
  height: 100dvh;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.dropdown_nav > .wrapper { height: auto; }
.dropdown_nav .menu-site-link {
  padding: 18px 22px;
}
.dropdown_nav .menu-site-link img { filter: brightness(0); }

@media (prefers-reduced-motion: reduce) {
  .menu-site-link { animation: none !important; transition: none; }
}