.inner-menu-panel {
  --inner-page:#08090a;
  --inner-ink:#f3f3f1;
  --inner-muted:rgba(243,243,241,.52);
  --inner-pill:#28292b;
  --inner-gutter:clamp(20px,2.8vw,46px);
  position:fixed;
  z-index:40;
  inset:0;
  display:block;
  padding:0;
  overflow:hidden;
  background:var(--inner-page);
  color:var(--inner-ink);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:none;
  -webkit-tap-highlight-color:transparent;
}
html[data-theme="light"] .inner-menu-panel {
  --inner-page:#fff;
  --inner-ink:#171719;
  --inner-muted:#77777a;
  --inner-pill:#eeeeec;
}
.inner-menu-panel.is-present { opacity:1; visibility:visible; pointer-events:auto; transition:none; }
.inner-menu-panel.is-open { transition:none; }
.inner-menu-frame {
  --menu-inset-top:88px;
  --menu-inset-right:35%;
  --menu-inset-bottom:40px;
  --menu-inset-left:35%;
  position:absolute;
  z-index:3;
  inset:0;
  overflow:hidden;
  clip-path:inset(0 round 0);
}
.inner-menu-panel.is-open .inner-menu-frame,
.inner-menu-panel[data-frame-mode="page"].is-closing .inner-menu-frame {
  clip-path:inset(var(--menu-inset-top) var(--menu-inset-right) var(--menu-inset-bottom) var(--menu-inset-left) round 6px);
}
.inner-menu-stage { position:relative; isolation:isolate; width:100%; height:100%; overflow:hidden; }
.inner-menu-visual { position:absolute; inset:0; overflow:hidden; background:#ededed url('./assets/wavy-cubes-fallback.svg?v=20261009-103') center / cover no-repeat; }
.inner-menu-visual canvas { display:block; width:100%; height:100%; opacity:0; }
.inner-menu-visual[data-renderer="webgl"] canvas { opacity:1; }
.inner-menu-preview-slot { display:none; }
.inner-menu-drawers {
  position:absolute;
  z-index:2;
  inset:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) 30vw minmax(0,1fr);
  grid-template-rows:minmax(0,1fr);
  align-items:center;
  gap:clamp(20px,4vw,82px);
  padding:64px var(--inner-gutter);
  pointer-events:none;
}
.inner-menu-scroll {
  grid-column:1;
  grid-row:1;
  min-width:0;
  max-height:100%;
  padding:6px 8px 8px 0;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:none;
  -webkit-user-select:none;
  user-select:none;
}
.inner-menu-scroll::-webkit-scrollbar { display:none; }
.inner-menu-news {
  grid-column:3;
  grid-row:1;
  justify-self:end;
  align-self:center;
  display:flex;
  flex-direction:column;
  min-width:0;
  max-height:100%;
}
.inner-menu-panel.is-open :is(.inner-menu-scroll,.inner-menu-news) { pointer-events:auto; }
.inner-menu-panel.is-closing :is(.inner-menu-scroll,.inner-menu-news) { pointer-events:none; }
.inner-menu-news::-webkit-scrollbar { display:none; }
.inner-menu-sections,.inner-menu-cases { display:flex; flex-direction:column; align-items:flex-start; }
.inner-menu-sections { gap:0; }
.inner-menu-sections>a,.inner-menu-projects>summary { color:inherit; font-family:'Songti SC','STSong','SimSun',serif; font-size:20px; line-height:35px; text-decoration:none; }
.inner-menu-sections a:is(:hover,:focus-visible) { opacity:.65; }
.inner-menu-panel .inner-menu-projects { width:100%; margin:8px 0; }
.inner-menu-label { margin:0 0 13px; color:var(--inner-muted); font:10px/1.4 'PingFang SC','Microsoft YaHei',sans-serif; }
.inner-menu-cases { gap:6px; }
.inner-menu-cases a {
  width:max-content;
  max-width:100%;
  padding:6px 15px;
  border:1px solid transparent;
  border-radius:999px;
  background:var(--inner-pill);
  color:inherit;
  font:14px/1.15 'PingFang SC','Microsoft YaHei',sans-serif;
  text-decoration:none;
  transition:border-color .2s ease,background-color .2s ease;
}
.inner-menu-cases a:is(:hover,:focus-visible),.inner-menu-cases a[aria-current] { border-color:currentColor; }
.inner-menu-panel.is-open .inner-menu-cases a[aria-current="page"] { border-color:currentColor; }
.inner-menu-panel a:focus-visible { outline:2px solid currentColor; outline-offset:3px; }
body.inner-menu-active :is(.case-header,.page-header,.image-actions,.image-home) { z-index:50; }
body.inner-menu-active .image-actions { top:18px; right:18px; bottom:auto; }
body.inner-menu-active .image-actions .image-back { display:none; }
@media (max-width:700px) {
  .image-actions:has([data-inner-menu-toggle]) { bottom:calc(90px + env(safe-area-inset-bottom,0px)); }
}
html[data-theme="light"] body.inner-menu-active .page-header { color:#171719; background:#fff; }
.page-header [data-inner-menu-toggle]:not(.quick-nav-toggle) { justify-self:start; width:max-content; background:transparent; color:inherit; font:inherit; cursor:pointer; }
.inner-menu-panel a { -webkit-touch-callout:none; }
@media (max-width:767px) {
  .inner-menu-frame {
    --menu-inset-top:80px;
    --menu-inset-right:16px;
    --menu-inset-bottom:calc(100% - 80px - 28svh);
    --menu-inset-left:16px;
  }
  .inner-menu-scroll {
    align-self:stretch;
    min-height:0;
    padding:6px 8px 12px 0;
    touch-action:pan-y;
  }
  .inner-menu-drawers {
    top:calc(96px + 28svh);
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:minmax(0,1fr) auto;
    gap:12px;
    padding:0 20px calc(12px + env(safe-area-inset-bottom,0px));
  }
  .inner-menu-news { grid-column:1; grid-row:2; flex-direction:row; align-self:end; max-height:none; }
  .inner-menu-news > .menu-label { display:none; }
  .inner-menu-sections { gap:3px; }
  .inner-menu-sections>a,.inner-menu-projects>summary { min-height:32px; font-size:22px; line-height:1.4; }
  .inner-menu-panel .inner-menu-projects { margin:8px 0; }
  .inner-menu-cases a { padding:7px 15px; }
}
@media (max-height:540px) and (min-width:768px) {
  .inner-menu-frame { --menu-inset-top:75px; --menu-inset-bottom:16px; }
  .inner-menu-drawers { padding-top:80px; padding-bottom:16px; }
  .inner-menu-panel .inner-menu-projects { margin:8px 0; }
}

/* Current navigation remains four peer sections, with one collapsible case list. */
.inner-menu-panel .inner-menu-projects>summary { display:flex; align-items:center; justify-content:space-between; gap:12px; width:max-content; max-width:100%; min-height:35px; list-style:none; cursor:pointer; touch-action:manipulation; color:var(--inner-ink); }
.inner-menu-projects>summary::-webkit-details-marker { display:none; }
.inner-menu-projects>summary svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; transition:transform .18s ease; }
.inner-menu-projects[open]>summary svg { transform:rotate(180deg); }
.inner-menu-projects>summary.is-current { color:var(--inner-ink); }
.inner-menu-projects>summary:focus-visible { outline:2px solid currentColor; outline-offset:3px; }
.inner-menu-panel .inner-menu-projects .inner-menu-cases { display:flex; flex-direction:column; align-items:flex-start; gap:5px; margin:8px 0 10px; }
.inner-menu-panel .inner-menu-projects:not([open]) .inner-menu-cases { display:none; }
.inner-menu-panel.is-present .inner-menu-sections .inner-menu-cases a { min-height:32px; margin:0; padding:6px 14px; font:14px/1.3 'PingFang SC','Microsoft YaHei',sans-serif; letter-spacing:0; }
.inner-menu-panel .inner-menu-sections .inner-menu-cases a::after { display:none; }
.inner-menu-panel .inner-menu-sections>a { flex:none; }
@media (prefers-reduced-motion:reduce) {
  .inner-menu-projects>summary svg { transition:none; }
}