.dh-site-nav {
  position: fixed;
  inset: 0 0 auto;
  z-index: 100;
  height: 0;
  color: #ededed;
  font-family: Inter, sans-serif;
}
.dh-menu { position: relative; }
.dh-menu__toggle {
  position: fixed;
  z-index: 3;
  top: 20px;
  right: var(--gutter, 32px);
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 7px;
  width: 52px;
  height: 52px;
  padding: 0;
  border: 1px solid #b8b8c0;
  background: #050505;
  color: #ededed;
  cursor: pointer;
  list-style: none;
  -webkit-tap-highlight-color: transparent;
}
.dh-menu__toggle::-webkit-details-marker { display: none; }
.dh-menu__toggle::marker { content: ""; }
.dh-menu__toggle > span[aria-hidden] {
  width: 22px;
  height: 1px;
  background: currentColor;
  transition: transform .25s ease;
}
.dh-menu[open] .dh-menu__toggle > span[aria-hidden]:first-of-type { transform: translateY(4px) rotate(45deg); }
.dh-menu[open] .dh-menu__toggle > span[aria-hidden]:nth-of-type(2) { transform: translateY(-4px) rotate(-45deg); }
.dh-menu__toggle:hover { border-color: #ff3b1f; color: #ff3b1f; }
.dh-menu__toggle:focus-visible, .dh-menu__panel a:focus-visible, .dh-menu__panel button:focus-visible {
  outline: 2px solid #ff3b1f;
  outline-offset: 5px;
}
.dh-menu__sr {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.dh-menu__backdrop {
  position: fixed;
  inset: 0;
  z-index: 1;
  border: 0;
  padding: 0;
  background: rgb(5 5 5 / .78);
  cursor: pointer;
}
.dh-menu__panel {
  position: fixed;
  inset: 0 0 0 auto;
  z-index: 2;
  display: flex;
  flex-direction: column;
  width: min(100%, 540px);
  height: 100vh;
  height: 100dvh;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: max(104px, env(safe-area-inset-top)) clamp(24px, 5vw, 52px) max(32px, env(safe-area-inset-bottom));
  border-left: 1px solid #37373c;
  box-sizing: border-box;
  background: #1a1a1d;
  color: #ededed;
  scrollbar-color: #b8b8c0 #1a1a1d;
}
.dh-menu__brand {
  max-width: 26ch;
  margin: 0 0 36px;
  color: #b8b8c0;
  font: 400 11px/1.8 Michroma, sans-serif;
  letter-spacing: .2em;
}
.dh-menu__links { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.dh-menu__links li { border-top: 1px solid #37373c; }
.dh-menu__links li:last-child { border-bottom: 1px solid #37373c; }
.dh-menu__links a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 60px;
  padding: 15px 0;
  box-sizing: border-box;
  color: #ededed;
  font: 400 clamp(23px, 4vw, 32px)/1.25 Sora, sans-serif;
  letter-spacing: -.035em;
  text-decoration: none;
}
.dh-menu__links a::after {
  content: "";
  width: 8px;
  height: 8px;
  margin-right: 4px;
  border-top: 1px solid #ff3b1f;
  border-right: 1px solid #ff3b1f;
  transform: rotate(45deg);
}
.dh-menu__links a:hover, .dh-menu__links a[aria-current="page"] { color: #ff3b1f; }
.dh-menu__footer { display: grid; gap: 24px; margin-top: auto; padding-top: 36px; }
.dh-menu__email { width: fit-content; color: #b8b8c0; font: 400 14px/1.5 Inter, sans-serif; text-decoration: underline; text-underline-offset: 5px; }
.dh-menu__email:hover { color: #ededed; }
.dh-menu__panel .dh-motion {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  width: fit-content;
  min-height: 44px;
  border: 0;
  padding: 0;
  background: transparent;
  color: #b8b8c0;
  font: 400 12px/1.5 Inter, sans-serif;
  letter-spacing: .03em;
  text-transform: none;
  cursor: pointer;
}
.dh-menu__panel .dh-motion__label { display: inline; }
.dh-menu__panel .dh-motion__track { position: relative; display: inline-block; width: 28px; height: 16px; border: 1px solid currentColor; border-radius: 9px; }
.dh-menu__panel .dh-motion__track::after { content: ""; position: absolute; inset: 3px auto auto 3px; width: 8px; height: 8px; border-radius: 50%; background: #ff3b1f; }
.dh-menu__panel .dh-motion[aria-pressed="false"] .dh-motion__track::after { transform: translateX(12px); background: currentColor; }
html:not(.js) .dh-menu .dh-motion, .dh-menu:not([data-enhanced]) .dh-menu__backdrop { display: none; }
.dh-menu[data-enhanced][open] .dh-menu__panel { animation: dh-menu-enter .3s cubic-bezier(.16, 1, .3, 1) both; }
.dh-menu[data-enhanced][open] .dh-menu__backdrop { animation: dh-menu-dim .3s ease both; }
.dh-menu[data-enhanced].is-closing .dh-menu__panel { animation: dh-menu-exit .2s ease both; }
.dh-menu[data-enhanced].is-closing .dh-menu__backdrop { animation: dh-menu-undim .2s ease both; }
@keyframes dh-menu-enter { from { transform: translateX(100%); } to { transform: translateX(0); } }
@keyframes dh-menu-exit { from { transform: translateX(0); } to { transform: translateX(100%); } }
@keyframes dh-menu-dim { from { opacity: 0; } to { opacity: 1; } }
@keyframes dh-menu-undim { from { opacity: 1; } to { opacity: 0; } }
.dh-still .dh-menu *, .dh-menu[data-still] * { animation: none !important; transition: none !important; }
@media (prefers-reduced-motion: reduce) { html:not(.js) .dh-menu * { animation: none !important; transition: none !important; } }
@media (max-width: 640px) { .dh-menu__toggle { top: 16px; right: 20px; } .dh-menu__brand { margin-bottom: 24px; } }
@media (max-height: 620px) { .dh-menu__panel { padding-top: 88px; } .dh-menu__brand { margin-bottom: 18px; } .dh-menu__links a { min-height: 48px; padding-block: 10px; font-size: 23px; } .dh-menu__footer { padding-top: 20px; gap: 12px; } }