/* The phone menu. On a phone the nav keeps the wordmark, "Menu" and the call; "Menu" opens this sheet over the page:
   paper, the nav's own top row, the pages as one ruled list at the 36px tier, the call at the foot. Every page loads it,
   the homepage included (its own styles are kept as designed). */
.sheet-menu{position:fixed;inset:0;z-index:70;background:var(--paper);color:var(--ink);display:flex;flex-direction:column;padding:0 20px 28px;overflow-y:auto;overscroll-behavior:contain}
.sheet-menu[hidden]{display:none}
.sheet-menu .top{display:flex;justify-content:space-between;align-items:baseline;height:64px;padding-top:19px;flex:none}
.sheet-menu .wm{font-size:22px}
.sheet-menu .close{font-family:var(--sans);font-size:15px;font-weight:500;color:var(--ink);background:none;border:0;padding:13px 0;margin:-13px 0;cursor:pointer}
.sheet-menu ul{list-style:none;margin:32px 0 0;padding:0;border-top:1px solid var(--ink);flex:none}
.sheet-menu li a{display:block;padding:14px 0 13px;border-bottom:1px solid var(--ink);font-family:var(--serif);font-weight:300;font-size:30px;line-height:36px;letter-spacing:-.012em;color:var(--ink);text-decoration:none}
.sheet-menu li a[aria-current]{color:var(--ink-60)}
.sheet-menu .btn{margin-top:28px;width:100%;justify-content:center;flex:none}
html.menu-open,html.menu-open body{overflow:hidden}
/* never on a wide screen: the nav shows its links there */
@media (min-width:821px){.sheet-menu{display:none}}