/* c-menu.css — converted from Menu.module.css
   CSS-module local names become `c-Menu_<name>`; globals from globals.css keep
   their names. */

.c-Menu_menu {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100svh;
  padding: var(--container-pad);
  background: var(--color-dark-charcoal);
  color: var(--color-text);
  display: flex;
  flex-direction: column;
  clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
  overflow: hidden;
  z-index: 50;
  pointer-events: none;
}

.c-Menu_body {
  position: relative;
  flex: 1;
  width: 100%;
  max-width: var(--container-max);
  margin-inline: auto;
  display: flex;
  gap: var(--space-3xl);
  padding-top: var(--space-pane);
  padding-bottom: var(--space-xl);
}

.c-Menu_col {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: var(--space-3xl);
}

.c-Menu_links {
  display: flex;
  flex-direction: column;
}

.c-Menu_link {
  overflow: hidden;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.c-Menu_link h1 {
  position: relative;
  will-change: transform;
}

.c-Menu_link a {
  color: inherit;
  line-height: 1.3;
}

.c-Menu_menuLink {
  position: relative;
  display: inline-block;
}

.c-Menu_linkUnderline {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0em;
  height: 1.75px;
  background: var(--color-amber-yellow);
  transform: scaleX(0);
  transform-origin: left center;
  pointer-events: none;
}

.c-Menu_footer {
  flex: 1;
  display: flex;
  gap: var(--space-3xl);
  align-items: flex-end;
}

.c-Menu_subCol {
  flex: 1;
}

.c-Menu_subItem {
  overflow: hidden;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.c-Menu_subItem p {
  position: relative;
  will-change: transform;
}

@media (max-width: 1000px) {
  .c-Menu_body {
    flex-direction: column;
    padding-top: var(--space-section);
    gap: var(--space-4xl);
  }

  .c-Menu_footer {
    align-items: flex-start;
  }

  .c-Menu_menu {
    padding: 2rem;
  }
}