/* A compact disclosure keeps the mobile header clear on every portfolio page. */
.mobile-nav-toggle{display:none}

@media(max-width:800px){
  .site-nav.has-mobile-menu{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:0;
    padding:8px 16px;
    max-height:100vh;
    max-height:100dvh;
    overflow-y:auto;
    background:#000;
    color:#fff;
    mix-blend-mode:normal;
    border-bottom:1px solid #333;
    font-size:12px;
  }
  .site-nav.has-mobile-menu>.mobile-nav-toggle{
    grid-column:1;
    grid-row:1;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:5px;
    width:44px;
    height:44px;
    margin-left:-10px;
    padding:10px;
    border:0;
    border-radius:0;
    background:transparent;
    color:inherit;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
  }
  .mobile-nav-toggle>span{
    display:block;
    width:24px;
    height:2px;
    flex:none;
    background:currentColor;
    transition:transform .2s ease,opacity .2s ease;
  }
  .mobile-nav-toggle[aria-expanded="true"]>span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .mobile-nav-toggle[aria-expanded="true"]>span:nth-child(2){opacity:0}
  .mobile-nav-toggle[aria-expanded="true"]>span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .mobile-nav-toggle:focus-visible{outline:1px solid currentColor;outline-offset:-4px}
  .site-nav.has-mobile-menu>.language-switch{
    grid-column:2;
    grid-row:1;
    justify-self:end;
    font-size:11px;
  }
  .site-nav.has-mobile-menu>a{
    display:none;
    grid-column:1/-1;
    grid-row:auto;
    justify-self:stretch;
    align-items:center;
    width:100%;
    min-height:56px;
    height:auto;
    padding:16px 0;
    border-top:1px solid #333;
    font-size:18px;
    line-height:1.35;
    letter-spacing:.02em;
    white-space:normal;
  }
  .site-nav.has-mobile-menu.is-menu-open>a{display:flex}
  .site-nav.has-mobile-menu>a::after{right:auto;width:28px;bottom:9px}
  .site-nav.has-mobile-menu>a:focus-visible{outline:1px solid currentColor;outline-offset:-4px}
  /* Anchor destinations stay below the fixed, collapsed header. */
  #home,#contact{scroll-margin-top:76px}
}

@media(prefers-reduced-motion:reduce){.mobile-nav-toggle>span{transition:none}}