/* The same navigation and primary project action on both portfolio pages. */
.glass-brand-name{display:block}
.glass-menu-panel{display:flex;flex-direction:column;flex:1;min-height:0;gap:24px}
.glass-menu-toggle,.glass-menu-panel[hidden]{display:none!important}
.glass-menu-telegram{display:inline-flex!important;align-items:center;gap:7px}
.glass-menu-telegram svg{width:15px;height:15px;flex:none}
.glass-nav a[aria-current="page"]{background:rgba(198,211,217,.07);border-color:var(--line);color:var(--text);box-shadow:inset 2px 0 #c4424e}
body[data-design="cyber"] .glass-menu-cta{
  display:flex;width:100%;gap:8px;min-height:50px;padding:14px 12px;
  border-radius:999px;border-color:rgba(224,155,172,.7);color:#fff;
  background:radial-gradient(ellipse at 18% 110%,rgba(192,64,94,.5),transparent 75%),linear-gradient(150deg,rgba(145,56,80,.55),rgba(73,25,42,.68));
  box-shadow:inset 0 1px 0 rgba(255,235,241,.52),inset 0 -1px 0 rgba(229,155,175,.2),0 8px 24px rgba(106,24,49,.32);
  font-size:11px;font-weight:600;line-height:1.5;letter-spacing:0;
}
.glass-menu-cta span{min-width:0;flex:1;text-align:left;white-space:nowrap}
.glass-menu-cta svg{width:15px;height:15px;flex:none}
body[data-design="cyber"] .glass-menu-cta:hover{border-color:rgba(255,212,224,.9);box-shadow:inset 0 1px 0 rgba(255,245,249,.7),0 10px 30px rgba(142,36,63,.4)}
@media(min-width:961px){
  .glass-side-inner{top:24px;gap:24px;padding-top:24px;padding-bottom:24px;height:calc(100vh - 48px);height:calc(100dvh - 48px);max-height:none;overflow-y:auto;scrollbar-width:thin}
  .glass-menu-cta{flex-shrink:0}
  body[data-design="cyber"] .glass-menu-cta{padding-left:8px;padding-right:8px}
  .glass-menu-cta span{text-align:center}
  .glass-menu-cta svg{display:none}
}
@media(max-width:960px){
  .glass-side-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 16px;align-items:center}
  .glass-brand{grid-column:1;grid-row:1;display:flex;align-items:center;gap:10px;min-width:0}
  .glass-brand .glass-mark{display:grid;flex:none;width:36px;height:36px;margin:0;font-size:19px}
  .glass-brand-name{font-size:11px;line-height:1.6}
  .glass-brand-name b{display:inline;font-size:11px}
  .glass-menu-toggle:not([hidden]){display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:6px;grid-column:2;grid-row:1;width:44px;height:44px;padding:10px;border:1px solid var(--line-strong);border-radius:50%;color:var(--text);background:linear-gradient(145deg,rgba(198,211,217,.13),rgba(17,23,27,.65));box-shadow:inset 0 1px 0 rgba(255,255,255,.25);cursor:pointer}
  .glass-menu-toggle span{display:block;width:20px;height:1.5px;background:currentColor;transition:transform .2s}
  .glass-menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.75px) rotate(45deg)}
  .glass-menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}
  .glass-menu-panel{grid-column:1/-1;display:grid;gap:18px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
  .glass-menu-panel .glass-nav{grid-row:1;display:grid;grid-template-columns:minmax(0,1fr);gap:5px;margin:0;overflow:visible}
  .glass-menu-panel .glass-nav a{justify-content:flex-start;min-height:44px;padding:11px 14px;font-size:13px;white-space:normal}
  body[data-design="cyber"] .glass-menu-cta{grid-row:3;width:100%;min-height:48px;padding:13px 18px;font-size:12px}
  .glass-menu-panel .glass-side-foot{grid-row:2;display:block;margin:0;font-size:12px}
  .glass-menu-panel .glass-side-caption{display:none}
  .glass-menu-panel .glass-menu-telegram{margin:0;min-height:44px;padding:8px 14px}
  .header-socials{display:none}
}
@media(max-width:600px){
  .glass-side-inner{gap:0 10px}
}
@media(prefers-reduced-motion:reduce){.glass-menu-toggle span{transition:none}}