[data-header][hidden] { display: none !important; }
/* Leave room for Blog alongside the existing desktop links. */
@media (min-width: 1001px) and (max-width: 1280px) {
  .site-header { gap: 1rem; }
  .site-header .brand { flex: 0 1 220px; min-width: 160px; }
  .site-header .nav { gap: 1.15rem; font-size: .68rem; letter-spacing: .08em; }
  .site-header .nav__button { padding: .8rem 1rem; }
}
@media (max-width: 700px) {
  .portfolio-header nav a[href="/blog/"] { display: inline-flex; }
  .portfolio-header nav { gap: .7rem; }
  .portfolio-header .portfolio-brand { width: min(35vw, 160px); }
}
[hidden] { display:none !important; }
.portfolio-menu-toggle { display:none; color:inherit; background:none; border:1px solid #777; padding:10px 16px; font:inherit; }
@media(max-width:1000px) {
  .portfolio-menu-toggle { display:block; }
  .portfolio-header nav { display:none; position:absolute; left:0; right:0; top:100%; padding:24px; background:#101010; flex-direction:column; align-items:flex-start; gap:14px; }
  .portfolio-header.menu-open nav { display:flex; }
  .portfolio-header nav a:not([hidden]) { display:inline-flex; }
}
.portfolio-menu-toggle { border:0; padding:12px 8px; font-size:0; }
.portfolio-menu-toggle::before { content:""; display:block; width:20px; height:8px; border-top:1px solid currentColor; border-bottom:1px solid currentColor; }

.portfolio-menu-toggle { min-width:44px; min-height:44px; }
.portfolio-header nav { max-height:calc(100dvh - 90px); overflow-y:auto; }
.portfolio-header nav a { min-height:44px; align-items:center; }