/* vizns.com top bar: VIZN particle letters + a storm that fills the words one character at a time. */
.an-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;height:72px;position:relative;z-index:31}
.an-nav .logo{display:flex;align-items:center;min-width:0}
.an-nav a{font:400 15px var(--hv);letter-spacing:-.01em;color:#fff}
/* VIZN that spells things: drawn letters + typed endings */
.vz{--cap:16px;display:inline-flex;align-items:baseline;color:#fff;white-space:nowrap}
.an-nav .logo .vz .eye,.vz .eye{display:block;height:calc(var(--cap)*1.28);width:calc(var(--cap)*2.2);max-width:none;transform:translateY(calc(var(--cap)*.14));flex:none;overflow:visible}
.vz .row{display:flex;align-items:baseline;position:relative}
.vz .L{height:var(--cap);flex:none;display:block}
.vz .L.v{width:calc(var(--cap)*1.18)}.vz .L.i{width:calc(var(--cap)*.14)}.vz .L.z{width:calc(var(--cap)*1.06)}.vz .L.n{width:calc(var(--cap)*1.12)}
.vz .g1{width:calc(var(--cap)*.16)}.vz .g2{width:calc(var(--cap)*.28)}
.vz .T{display:block;width:0;clip-path:inset(-30% 0 -40% 0);font:500 calc(var(--cap)*1.39)/1 var(--hv);letter-spacing:-.015em;color:rgba(255,255,255,.66);flex:none}
.vz .T span{display:inline-block;white-space:pre;padding-left:calc(var(--cap)*.05)}
.vz .T span{color:#fff}
.vz .T i{font-style:normal;display:inline-block;white-space:pre}
.vz .T i.on{color:#e6f5ff;text-shadow:0 0 6px rgba(108,184,255,.95),0 0 16px rgba(108,184,255,.6)}
.vz .T i.cool{color:#fff;text-shadow:none;transition:color 1.2s ease,text-shadow 1.2s ease}
/* the page's old `.an-nav .logo span` rule would shrink these to 15px */
.an-nav .logo .vz .T{font:500 calc(var(--cap)*1.39)/1 var(--hv);letter-spacing:-.015em}
.an-nav .logo .vz .T span{font:inherit;letter-spacing:inherit}
.vz-fx{position:absolute;left:0;top:0;width:100%;height:190px;pointer-events:none;z-index:1}
.an-nav>a,.an-nav>button{position:relative;z-index:2}
.an-mbtn{appearance:none;border:0;background:none;cursor:pointer;display:flex;align-items:center;gap:12px;font:400 15px/1 var(--hv);letter-spacing:-.01em;color:#fff;padding:8px 0;flex:none}
.an-mbtn:hover{opacity:.7}
.an-mbtn i{position:relative;width:16px;height:9px;display:block}
.an-mbtn i::before,.an-mbtn i::after{content:"";position:absolute;left:0;right:0;height:1.5px;background:#fff;transition:transform .45s cubic-bezier(.7,0,.2,1),top .45s cubic-bezier(.7,0,.2,1)}
.an-mbtn i::before{top:0}.an-mbtn i::after{top:7.5px}
.an-mbtn.x i::before{top:3.75px;transform:rotate(45deg)}.an-mbtn.x i::after{top:3.75px;transform:rotate(-45deg)}
.an-scrim{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:opacity .5s}
.an-drawer{position:fixed;top:0;right:0;bottom:0;z-index:51;width:min(460px,100vw);background:rgba(10,14,20,.94);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-left:1px solid rgba(255,255,255,.08);transform:translateX(101%);transition:transform .6s cubic-bezier(.7,0,.2,1),visibility 0s .6s;visibility:hidden;display:grid;grid-template-rows:72px 1fr auto;padding:env(safe-area-inset-top,0px) max(32px,env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) 32px;overflow-y:auto}
.menu-open .an-scrim{opacity:1;pointer-events:auto}
.menu-open .an-drawer{transform:none;visibility:visible;transition:transform .6s cubic-bezier(.7,0,.2,1)}
.an-drawer .dh{display:flex;align-items:center;justify-content:space-between}
.an-drawer .dh span{font:400 11px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.an-drawer ul{list-style:none;margin:0;padding:0;display:grid;align-content:start}
.an-drawer li a{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:11px 0;border-top:1px solid rgba(255,255,255,.08);font:500 28px/1.1 var(--hv);letter-spacing:-.02em;color:#fff;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .5s cubic-bezier(.2,.7,.2,1),color .2s}
.an-drawer li a em{font:normal 400 11px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.an-drawer li a:hover{color:var(--blue)}
.an-drawer li.sec{margin-top:22px}
.menu-open .an-drawer li a{opacity:1;transform:none}
.an-drawer .ft{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-block:18px 24px;border-top:1px solid rgba(255,255,255,.08);font:400 12px/1.4 var(--f-mono);color:var(--mute);letter-spacing:.06em}
@media (max-width:700px){.vz{--cap:12px}.an-nav{height:60px}.an-drawer{grid-template-rows:60px 1fr auto;padding-left:16px;padding-right:max(16px,env(safe-area-inset-right,0px))}.an-drawer li a{font-size:22px}}
.an-nav .logo,.an-nav .logo:hover{opacity:1}