/* Keep the hamburger centered against the shell header, not a guessed offset. */
@media (min-width: 1025px) {
  body.shell-page .desktop-works-menu {
    position: fixed !important;
    top: 39px !important;
    right: 128px !important;
    z-index: 100003 !important;
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: clamp(16px, 1.5vw, 26px);
    max-width: calc(100vw - 330px);
    transform: translateY(-50%);
    white-space: nowrap;
  }

  body.shell-page .desktop-works-menu a {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 2px;
    position: relative;
    color: rgba(203, 228, 239, 0.78);
    font-size: clamp(11px, 0.8vw, 14px);
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    transition: color 0.2s ease, text-shadow 0.2s ease;
  }

  body.shell-page .desktop-works-menu a::after {
    content: "";
    position: absolute;
    right: 2px;
    bottom: 2px;
    left: 2px;
    height: 1px;
    background: #5dd7ff;
    box-shadow: 0 0 8px rgba(93, 215, 255, 0.65);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.2s ease;
  }

  body.shell-page .desktop-works-menu a:hover,
  body.shell-page .desktop-works-menu a:focus-visible {
    color: #5dd7ff;
    text-shadow: 0 0 12px rgba(93, 215, 255, 0.42);
  }

  body.shell-page .desktop-works-menu a:hover::after,
  body.shell-page .desktop-works-menu a:focus-visible::after {
    transform: scaleX(1);
  }

  body.shell-page .desktop-works-menu a.is-active {
    color: #5dd7ff;
    text-shadow: 0 0 12px rgba(93, 215, 255, 0.42);
  }

  body.shell-page .hamburger {
    top: 39px !important;
    transform: translateY(-50%) !important;
  }
}

@media (max-width: 1024px) {
  body.shell-page .desktop-works-menu {
    display: none !important;
  }

  body.shell-page .hamburger {
    top: calc(env(safe-area-inset-top, 0px) + 30px) !important;
    transform: translateY(-50%) !important;
  }
}