.ui-arrow{display:inline-block;width:1.15em;height:1.15em;vertical-align:-.15em;flex-shrink:0}
.mobile-contact{display:none}
@media(max-width:760px){
  .nav{position:sticky;top:0;height:82px;z-index:1000;justify-content:space-between;gap:16px}
  .nav .brand{max-width:200px;font-size:15px}
  .nav>.nav-cta{display:none}
  .nav .menu{display:flex;align-items:center;justify-content:center;gap:12px;min-width:106px;min-height:52px;padding:10px 14px;border:1px solid #555;border-radius:8px;color:#fff;font-size:16px;line-height:1;background:#151515}
  .menu-icon{width:28px;height:24px;display:flex;flex-direction:column;justify-content:space-between}
  .menu-icon i{height:2px;width:100%;background:currentColor;display:block;transition:transform .3s,opacity .2s}
  .menu[aria-expanded=true] .menu-icon i:first-child{transform:translateY(11px) rotate(45deg)}
  .menu[aria-expanded=true] .menu-icon i:nth-child(2){opacity:0}
  .menu[aria-expanded=true] .menu-icon i:last-child{transform:translateY(-11px) rotate(-45deg)}
  .nav nav,.nav nav.open{display:flex;position:fixed;top:82px;left:0;right:0;bottom:0;height:calc(100vh - 82px);height:calc(100dvh - 82px);margin:0;padding:24px 6% max(32px,env(safe-area-inset-bottom));flex-direction:column;gap:12px;background:#080808;border:0;overflow-y:auto;overscroll-behavior:contain;visibility:hidden;opacity:0;transform:translateY(-18px);clip-path:inset(0 0 100%);transition:clip-path .45s cubic-bezier(.22,1,.36,1),transform .4s,opacity .25s,visibility .45s;pointer-events:none}
  .nav nav.open{visibility:visible;opacity:1;transform:translateY(0);clip-path:inset(0);pointer-events:auto}
  .nav nav a{display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:18px 20px;font-size:clamp(1.25rem,5vw,1.8rem);line-height:1.25;border:1px solid #3a3a3a;border-radius:8px;color:#fff;background:#111}
  .nav nav a:hover,.nav nav a:focus-visible{background:#222;border-color:#6ae4d5;color:#fff}
  .nav nav .mobile-contact{display:flex;background:#6ae4d5;color:#080808;border-color:#6ae4d5;margin-top:12px;font-weight:600;min-height:72px}
  .nav nav .mobile-contact:hover,.nav nav .mobile-contact:focus-visible{background:#9bf0e7;color:#080808}
  html.mobile-menu-open,html.mobile-menu-open body{overflow:hidden;overscroll-behavior:none}
}
@media(prefers-reduced-motion:reduce){.nav nav,.nav nav.open,.menu-icon i{transition:none}}

.wordmark{white-space:nowrap;color:#fff}
.transition-cover .wordmark{font-size:clamp(1.5rem,6vw,4rem)}
.transition-cover .wordmark span{font-size:inherit}
@media(max-width:760px){
  .nav .brand{max-width:none;font-size:14px;letter-spacing:.035em}
  .nav .menu{min-width:44px;min-height:44px;width:44px;height:44px;padding:12px;border:0;border-radius:0;background:transparent;gap:0}
  .nav .menu-label{display:none}
  .menu-icon{width:19.6px;height:16.8px;flex-shrink:0}
  .menu[aria-expanded=true] .menu-icon i:first-child{transform:translateY(7.4px) rotate(45deg)}
  .menu[aria-expanded=true] .menu-icon i:last-child{transform:translateY(-7.4px) rotate(-45deg)}
  .nav nav a{border:0;border-radius:0;background:transparent;padding:18px 0}
  .nav nav a:hover,.nav nav a:focus-visible{background:transparent;color:#6ae4d5}
  .nav nav .mobile-contact{border:1px solid #6ae4d5;border-radius:8px;padding:18px 20px;background:#6ae4d5;color:#080808}
}