.menu-toggle,.mobile-menu{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media (max-width:720px){
  .site-header{position:relative;z-index:30;height:88px}
  .logo-mark,.menu-toggle{position:relative;z-index:32}
  .menu-toggle{display:grid;place-content:center;gap:6px;width:42px;height:42px;padding:8px;background:transparent;border:0;color:var(--ink);cursor:pointer}
  .menu-toggle span{display:block;width:30px;height:2px;background:currentColor;transition:transform .2s ease,opacity .2s ease}
  .menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(8px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
  .mobile-menu{position:fixed;z-index:31;inset:0;padding:calc(88px + 3.5rem) 4vw 3rem;background:var(--cream)}
  .mobile-menu.is-open{display:grid;align-content:start;gap:1.4rem}
  .mobile-menu a{color:var(--ink);font-size:clamp(2rem,9vw,3.25rem);font-weight:500;letter-spacing:-.045em;text-decoration:none}
  .mobile-menu a:last-child{color:var(--orange);font-weight:700}
  body.menu-open{overflow:hidden}
  .team-dots i{transition:background-color .18s ease,transform .18s ease}
  .team-dots i:not(.is-active){background:#666}
  .team-dots i.is-active{background:var(--orange);transform:scale(1.08)}
}