@font-face{font-family:DepartureNav;src:url('./assets/fonts/DepartureMono-Regular.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:TikTokNav;src:url('./assets/fonts/TikTokSans.ttf') format('truetype');font-weight:100 900;font-display:swap}
.site-nav{position:fixed;inset:0 0 auto;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:28px 56px;color:#fff;background:transparent;pointer-events:none;font:400 16px/24px DepartureNav,monospace}
.site-nav a{position:relative;display:inline-block;padding:8px;color:#fff;text-decoration:none;pointer-events:auto;white-space:nowrap}
.site-nav a::before{content:"";position:absolute;inset:0;border:2px dotted transparent;pointer-events:none;transition:border-color .2s}
.site-nav a:hover::before,.site-nav a:focus-visible::before{border-color:#fff}.site-nav a:focus-visible{outline:none}
.site-nav .site-brand{font:700 16px/24px TikTokNav,sans-serif;font-variation-settings:"wght" 700,"wdth" 120;text-transform:uppercase}
.site-nav nav{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-basis:33.333%}
@media(max-width:1279px){.site-nav nav{flex-basis:50%}}
@media(max-width:767px){.site-nav{padding:16px;font-size:13px}.site-nav nav{flex-basis:auto;gap:4px}.site-nav .site-brand{font-size:13px}.site-nav a{padding:6px}}
@media(max-width:479px){.site-nav{padding:10px 8px;flex-wrap:wrap;gap:2px}.site-nav nav{width:100%}.site-nav .site-brand{padding-bottom:2px}}
@media(prefers-reduced-motion:reduce){.site-nav a::before{transition:none}}