/* FORM phone menu (site/menu.js). Hidden above 700px. */
.m-toggle { display: none; }
.m-menu[hidden] { display: none; }
@media (max-width: 700px) {
  /* the page's own header links step aside; the main button stays */
  .nav-links a:not(.primary), .p-links { display: none !important; }
  .top-about { font-size: 12px !important; padding: 9px 11px !important; white-space: nowrap; margin-left: auto; }
  header.top .m-toggle { margin-left: 8px !important; }
  .m-toggle { display: inline-flex; align-items: center; gap: 8px; margin-left: 10px; padding: 10px 12px; background: transparent; color: inherit;
    border: 1px solid currentColor; font-family: var(--f-ui, sans-serif); font-size: 13px; font-weight: 600; letter-spacing: .04em; cursor: pointer; line-height: 1; }
  .m-bars { display: grid; gap: 4px; width: 16px; }
  .m-bars i { display: block; height: 1.5px; background: currentColor; }
  .top .m-toggle, .p-nav .m-toggle, #nav.on-dark .m-toggle { color: var(--paper, #f6f2e8); }
  #nav.on-light .m-toggle, nav.nav .m-toggle { color: var(--ink, #1f1a15); }
  .p-nav-inner, .nav-inner, header.top, nav.nav { align-items: center; }
  .p-nav-cta { margin-left: auto; }
  header.top { display: flex; justify-content: space-between; }
  header.top .m-toggle { margin-left: auto; }
}
html.m-locked, html.m-locked body { overflow: hidden; }
.m-menu { position: fixed; inset: 0; z-index: 200; background: var(--ink, #1f1a15); color: var(--paper, #f6f2e8); display: flex; flex-direction: column;
  padding: 18px 22px 28px; overflow-y: auto; opacity: 0; transform: translateY(-8px); transition: opacity .28s, transform .28s var(--ease, ease); }
.m-menu.is-open { opacity: 1; transform: none; }
.m-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 28px; }
.m-mark { font-family: var(--f-display, serif); font-size: 26px; color: var(--paper, #f6f2e8); text-decoration: none; letter-spacing: .02em; }
.m-mark em { color: var(--accent, #b84e2c); font-style: normal; }
.m-close { background: none; border: 1px solid rgba(246,242,232,.5); color: var(--paper, #f6f2e8); font-family: var(--f-ui, sans-serif); font-size: 13px; font-weight: 600;
  padding: 10px 12px; cursor: pointer; }
.m-links { display: grid; border-top: 1px solid rgba(246,242,232,.14); }
.m-links a { display: flex; align-items: baseline; gap: 14px; padding: 15px 0; border-bottom: 1px solid rgba(246,242,232,.14); color: var(--paper, #f6f2e8);
  text-decoration: none; font-family: var(--f-display, serif); font-size: clamp(24px, 7vw, 32px); line-height: 1.1; }
.m-links a[aria-current="page"] { color: var(--accent-lt, #d47753); }
.m-n { font-family: var(--f-mono, monospace); font-size: 11px; color: var(--accent-lt, #d47753); letter-spacing: .1em; }
.m-cta { margin-top: 28px; display: block; text-align: center; background: var(--accent, #b84e2c); color: var(--paper, #f6f2e8); text-decoration: none;
  font-family: var(--f-ui, sans-serif); font-weight: 700; font-size: 16px; padding: 18px; }
.m-small { margin: 14px 0 0; text-align: center; font-family: var(--f-ui, sans-serif); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; opacity: .6; }
.m-legal { margin: auto 0 0; padding-top: 30px; text-align: center; font-family: var(--f-ui, sans-serif); font-size: 13px; opacity: .7; }
.m-legal a { color: inherit; }
.m-menu :focus-visible { outline: 2px solid var(--accent-lt, #d47753); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .m-menu { transition: none; transform: none; } }
@media (max-width: 700px) {
  /* one tidy row: wordmark, main button, menu */
  .p-nav-inner { flex-wrap: nowrap !important; padding-bottom: 16px !important; }
  .nav-links { gap: 0 !important; }
  .nav-links a.primary, .p-nav-cta, nav.nav .nav-links a.primary { white-space: nowrap; font-size: 12.5px !important; padding: 9px 11px !important; letter-spacing: .02em; text-transform: none; line-height: 1.2; }
  .m-toggle { padding: 9px 10px; margin-left: 8px; }
}
@media (max-width: 380px) {
  .m-label { display: none; }
  .m-toggle { padding: 9px; }
  .nav-links a.primary, .p-nav-cta, nav.nav .nav-links a.primary { font-size: 12px !important; padding: 9px 9px !important; }
}