nav{position:fixed;top:0;left:0;width:100%;display:flex;z-index:10;mix-blend-mode:difference}nav .container{display:flex;align-items:flex-start}nav .nav-clock,nav .nav-logo,nav .nav-location{flex:1}nav .nav-clock{text-align:left}nav .nav-location{text-align:right;display:flex;justify-content:flex-end;align-items:center}nav .nav-location ion-icon{font-size:.6rem}.nav-logo{display:flex;justify-content:center;align-items:center}.nav-logo a{position:relative;transform:translateY(-.6rem);width:2.75rem;height:auto}.nav-logo a svg{width:100%;height:auto;display:block}nav .nav-clock p,nav .nav-location p,nav .nav-location a{color:var(--bg)}nav .nav-location a{transition:opacity .25s ease}nav .nav-location a:hover{opacity:.6}.nav-clock .lang-switcher{display:flex;align-items:center;gap:.35rem;margin-top:.4rem;color:var(--bg)}.nav-clock .lang-switcher .lang-btn{background:none;border:none;padding:0;font-family:var(--type-3);font-size:.7rem;text-transform:uppercase;color:inherit;opacity:.45;cursor:pointer;transition:opacity .2s ease}.nav-clock .lang-switcher .lang-btn:hover{opacity:.8}.nav-clock .lang-switcher .lang-btn.is-active{opacity:1}.nav-clock .lang-switcher .lang-sep{font-size:.7rem;opacity:.3}nav .nav-logo a svg path{fill:var(--bg)}nav .nav-location ion-icon{color:var(--bg)}