.desktop-menu-trigger,.desktop-drawer { display:none; }
@media(min-width:1280px) {
  html { scrollbar-gutter:stable; }
  .desktop-menu-trigger { width:54px; height:54px; padding:0; display:grid; place-items:center; color:#e0e4e5; background:#15191ced; border:1px solid #ffffff24; border-radius:18px; cursor:pointer; }
  .desktop-menu-trigger { position:fixed; left:24px; top:24px; z-index:60; opacity:0; transform:translateX(-12px); transition:opacity .3s,transform .45s cubic-bezier(.22,1,.36,1),visibility .3s; visibility:hidden; pointer-events:none; }
  .desktop-menu-trigger[hidden] { display:none; }
  .desktop-menu-trigger.is-visible { opacity:1; transform:none; visibility:visible; pointer-events:auto; }
  .desktop-menu-trigger:hover { border-color:#ffffff50; background:#22282c; }
  .drawer-bars { display:block; position:relative; width:22px; height:18px; }
  .drawer-bars i { position:absolute; left:0; top:8px; width:22px; height:2px; border-radius:2px; background:currentColor; transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .2s; }
  .drawer-bars i:first-child { transform:translateY(-4px); }
  .drawer-bars i:last-child { transform:translateY(4px); }
  .desktop-menu-trigger[aria-expanded="true"] .drawer-bars i:first-child { transform:rotate(45deg); }
  .desktop-menu-trigger[aria-expanded="true"] .drawer-bars i:last-child { transform:rotate(-45deg); }
  .desktop-drawer[open] { display:block; position:fixed; inset:0; margin:0; padding:0; width:100%; max-width:none; height:100%; max-height:none; border:0; color:#fff; background:transparent; overflow:hidden; }
  .desktop-drawer::backdrop { background:rgba(2,9,12,.78); opacity:var(--drawer-shade,1); }
  .desktop-drawer-panel { position:relative; width:min(460px,40vw); height:100%; overflow:auto; padding:116px 44px 30px; background:linear-gradient(145deg,#1b2024,#101416 75%); border-right:1px solid #ffffff14; border-radius:0 28px 28px 0; box-shadow:24px 0 100px #0004; }
  .desktop-drawer-label { margin:0 0 26px; color:#b7c3c7; font:600 10px Manrope,sans-serif; letter-spacing:.24em; text-transform:uppercase; }
  .desktop-drawer nav { display:grid; gap:4px; }
  .desktop-drawer nav a { display:block; padding:10px 0; color:#e1ecef; font:600 clamp(22px,2.3vw,34px)/1.15 Syne,sans-serif; letter-spacing:-.045em; text-decoration:none; opacity:1; transition:color .2s,transform .3s; }
  .desktop-drawer nav a:hover,.desktop-drawer nav a[aria-current] { color:#b7c3c7; transform:translateX(6px); }
  .desktop-drawer-cta { display:flex; justify-content:space-between; align-items:center; margin-top:32px; padding-top:24px; border-top:1px solid #ffffff20; color:#b7c3c7; font:600 11px Manrope,sans-serif; text-transform:uppercase; letter-spacing:.12em; text-decoration:none; opacity:1; }
  .desktop-drawer-tagline { margin:34px 0 0; color:#7d888d; font:500 11px Manrope,sans-serif; letter-spacing:.15em; }
  .desktop-drawer :focus-visible,.desktop-menu-trigger:focus-visible { outline:2px solid #b7c3c7; outline-offset:5px; }
}
@media(prefers-reduced-motion:reduce) {
  .desktop-menu-trigger,.drawer-bars i,.desktop-drawer nav a { transition:none; }
}