.menu-button{width:48px;height:48px;border-radius:50%;border:1px solid currentColor;background:transparent;color:inherit;display:grid;place-items:center;cursor:pointer;position:relative;z-index:30}
.menu-button span,.menu-button:before,.menu-button:after{content:"";display:block;width:19px;height:1.5px;background:currentColor;position:absolute;transition:.25s ease}
.menu-button:before{transform:translateY(-6px)}.menu-button:after{transform:translateY(6px)}
.menu-button[aria-expanded="true"] span{opacity:0}.menu-button[aria-expanded="true"]:before{transform:rotate(45deg)}.menu-button[aria-expanded="true"]:after{transform:rotate(-45deg)}
.menu-panel{position:fixed;inset:0;background:#10281f;color:#fff8f0;z-index:20;display:grid;place-items:center;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}
.menu-panel.open{opacity:1;visibility:visible}.menu-panel nav{display:grid;text-align:center;gap:8px}.menu-panel a{font-family:"Newsreader",serif;font-size:clamp(2.7rem,7vw,5.8rem);line-height:1.05;text-decoration:none}.menu-panel a:hover{text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:1px}
.menu-panel a.social-menu{font-family:"DM Sans",sans-serif;font-size:.9rem;letter-spacing:.12em;text-transform:uppercase;margin-top:22px}
.menu-panel a.social-menu + a.social-menu{margin-top:0}
body.menu-open{overflow:hidden}.nav-actions{display:flex;align-items:center;gap:15px}
@media(max-width:520px){.nav-actions .pill{display:none}.menu-panel nav{gap:15px}.menu-panel a{font-size:2.7rem}}