/* phone menu: a "Menu" button beside the anvil opens the pages full screen. Laptops keep the normal nav links */
.nav .menu-btn{display:none}
@media (max-width:700px){
  .nav .menu-btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:36px;min-width:84px;padding:0 18px;border-radius:999px;background:rgba(243,240,232,.92);color:#111315;font-family:var(--mono,"Martian Mono",monospace);font-variation-settings:"wdth" 87.5;font-size:11px;letter-spacing:.07em;text-transform:uppercase;cursor:pointer}
  .nav .menu-btn:focus-visible{outline:2px solid var(--accent,#E4572E);outline-offset:2px}
}

.menu{position:fixed;inset:0;z-index:40;background:#111315;color:#F3F0E8;display:flex;flex-direction:column;padding:16px clamp(16px,4vw,56px) 28px;overflow-y:auto;visibility:hidden;opacity:0;transition:opacity .35s cubic-bezier(.32,.72,0,1),visibility 0s linear .35s}
.menu.open{visibility:visible;opacity:1;transition:opacity .35s cubic-bezier(.32,.72,0,1)}
.menu .nav{position:static;padding:0}
.menu .nav .menu-btn{display:inline-flex}
.menu ol{list-style:none;margin:56px 0 0;padding:0;border-top:1px solid #2C3035}
.menu li{border-bottom:1px solid #2C3035;opacity:0;transform:translateY(10px);transition:opacity .5s cubic-bezier(.32,.72,0,1),transform .5s cubic-bezier(.32,.72,0,1)}
.menu.open li{opacity:1;transform:none}
.menu.open li:nth-child(2){transition-delay:.04s}.menu.open li:nth-child(3){transition-delay:.08s}.menu.open li:nth-child(4){transition-delay:.12s}
.menu ol a{display:flex;align-items:baseline;gap:16px;padding:18px 0;color:inherit;text-decoration:none;font-family:var(--sans,"Schibsted Grotesk",system-ui,sans-serif);font-size:34px;line-height:1.1;letter-spacing:-.02em}
.menu ol a span{flex:none;width:28px;font-family:var(--mono,"Martian Mono",monospace);font-variation-settings:"wdth" 87.5;font-size:11px;letter-spacing:.07em;color:#E4572E}
.menu ol a[aria-current="page"]{color:#8A8F95}
.menu ol a:focus-visible{outline:2px solid #E4572E;outline-offset:4px}
.menu-open{overflow:hidden}
@media (min-width:701px){.menu{display:none}}
@media (prefers-reduced-motion:reduce){.menu,.menu li{transition:none}}