/**
 * nav-menu.css — the two things the Webflow Designer cannot express for the
 * full-screen menu. Everything else lives on the .nav-menu* classes in the
 * Designer, where it belongs.
 */

/* 1 ------------------------------------------------------------------------
 * Scroll containment.
 *
 * The open panel scrolls its own overflow when the links do not fit. Without
 * this, a scroll gesture that reaches the end of the panel chains to the page
 * behind it, which is still there — just inert. Webflow exposes `overflow` but
 * not `overscroll-behavior`, so this one declaration has to live in a file.
 */
[data-nav-menu] {
  overscroll-behavior: contain;
}

/* 2 ------------------------------------------------------------------------
 * The clip-path carrier.
 *
 * nav-menu.js injects a zero-size <svg> holding the <clipPath> whose path is
 * redrawn each frame. The panel references it with `clip-path: url(#…)`, so the
 * panel is what animates in — nothing sweeps over the top of it and no shape is
 * ever painted. This element renders nothing itself and must never affect
 * layout.
 *
 * It exists in no Webflow page, so a Designer class for it would be applied to
 * nothing and the next dead-style sweep would correctly remove it. Hence a file.
 */
.nav-menu_clip {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  pointer-events: none;
}