.mobile-nav-actions{display:none}
@media(max-width:1050px){
  :root{--header-height:calc(64px + env(safe-area-inset-top,0px))}
  .site-header{height:var(--header-height);gap:10px;padding:calc(10px + env(safe-area-inset-top,0px)) max(14px,env(safe-area-inset-right,0px)) 10px max(14px,env(safe-area-inset-left,0px));background:#f7f8fa}
  .site-header .brand{font-size:1.05rem;gap:7px;min-height:44px;flex-shrink:0}
  .site-header .brand svg{display:block;width:25px;height:25px}
  .site-header .brand small{font-size:.52em;margin-top:5px}
  .mobile-nav-actions{display:flex;align-items:center;gap:8px}
  .site-header .mobile-index{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 9px;border:0;font-size:.8125rem}
  .mobile-nav-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 11px;border:1px solid #bec3c8;border-radius:2px;background:transparent;color:var(--ink);font-size:.8125rem;line-height:1}
  .mobile-nav-toggle:hover,.mobile-nav-toggle[aria-expanded=true]{background:#e9ecee}
  .mobile-nav-icon{width:16px;height:16px;position:relative;display:block}
  .mobile-nav-icon:before,.mobile-nav-icon:after{content:"";position:absolute;left:0;width:16px;height:1px;background:currentColor;top:5px}
  .mobile-nav-icon:after{top:10px}
  .mobile-nav-toggle[aria-expanded=true] .mobile-nav-icon:before{top:8px;transform:rotate(45deg)}
  .mobile-nav-toggle[aria-expanded=true] .mobile-nav-icon:after{top:8px;transform:rotate(-45deg)}
  .site-header #portfolio-navigation{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - var(--header-height));overflow-y:auto;overscroll-behavior:contain;padding:10px max(20px,env(safe-area-inset-right,0px)) calc(18px + env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px));background:#f7f8fa;border-bottom:1px solid var(--line);box-shadow:0 16px 24px #15181b15}
  .site-header #portfolio-navigation.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .site-header #portfolio-navigation a{display:flex;align-items:center;min-height:46px;padding:10px 2px;font-size:.9375rem;white-space:normal}
  .site-header #portfolio-navigation a:not(.nav-cta){border-bottom:1px solid var(--line)}
  .site-header #portfolio-navigation a:hover{color:#74572f}
  .site-header #portfolio-navigation .nav-cta{margin-top:14px;background:var(--ink);color:#fff;min-height:46px;padding-inline:14px}
}
@media(max-width:360px){
  .site-header{padding-inline:max(10px,env(safe-area-inset-left,0px)) max(10px,env(safe-area-inset-right,0px));gap:6px}
  .mobile-nav-actions{gap:4px}
}

@media(min-width:1051px){.site-header #portfolio-navigation{order:1}}