.site-nav__toggle{
  display:none;
}

.site-nav__menu{
  display:contents;
}

@media(max-width:760px){
  .masthead{
    opacity:1;
    pointer-events:auto;
  }

  html.site-js .mast-row{
    position:relative;
    flex-wrap:nowrap;
    gap:16px;
    min-height:72px;
    padding-top:0;
  }

  html.site-js .site-nav{
    position:relative;
    flex:0 0 auto;
    width:auto;
    margin:0;
    padding:0;
    border:0;
    gap:0;
    overflow:visible;
  }

  html.site-js .site-nav__toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:44px;
    min-width:44px;
    height:44px;
    min-height:44px;
    padding:0;
    border:1px solid var(--ink,#111827);
    border-radius:0;
    appearance:none;
    background:var(--paper,var(--card,#fff));
    color:var(--ink,#111827);
    cursor:pointer;
  }

  html.site-js .site-nav__toggle:hover{
    background:var(--soft,#f1f5f9);
  }

  html.site-js .site-nav__toggle:focus-visible{
    outline:3px solid var(--accessible-orange,#f4513a);
    outline-offset:3px;
  }

  .site-nav__icon{
    position:relative;
    display:block;
    width:20px;
    height:14px;
    border-top:2px solid currentColor;
    border-bottom:2px solid currentColor;
  }

  .site-nav__icon::before{
    position:absolute;
    top:50%;
    right:0;
    left:0;
    height:2px;
    background:currentColor;
    content:"";
    transform:translateY(-50%);
  }

  html.site-js .site-nav__toggle[aria-expanded="true"] .site-nav__icon{
    border-color:transparent;
  }

  html.site-js .site-nav__toggle[aria-expanded="true"] .site-nav__icon::before{
    transform:translateY(-50%) rotate(45deg);
  }

  html.site-js .site-nav__toggle[aria-expanded="true"] .site-nav__icon::after{
    position:absolute;
    top:50%;
    right:0;
    left:0;
    height:2px;
    background:currentColor;
    content:"";
    transform:translateY(-50%) rotate(-45deg);
  }

  html.site-js .site-nav__menu{
    position:absolute;
    top:calc(100% + 8px);
    right:0;
    z-index:1000;
    display:none;
    flex-direction:column;
    align-items:stretch;
    width:min(286px,calc(100vw - 28px));
    padding:6px;
    border:1px solid var(--ink,#111827);
    background:var(--paper,var(--card,#fff));
    box-shadow:0 12px 28px rgba(17,24,39,.16);
  }

  html.site-js .site-nav__menu[data-open]{
    display:flex;
  }

  html.site-js .site-nav__menu a,
  html.site-js .site-nav__menu .nav-cta{
    display:flex;
    flex:0 0 auto;
    align-items:center;
    justify-content:flex-start;
    width:100%;
    min-width:0;
    min-height:44px;
    margin:0;
    padding:10px 12px;
    border-radius:0;
    font-size:15px;
    white-space:normal;
  }

  html.site-js .site-nav__menu a:focus-visible{
    outline:3px solid var(--accessible-orange,#f4513a);
    outline-offset:-3px;
  }

  html.site-js .site-nav__menu .nav-cta{
    margin-top:4px;
  }
}