/* ALLTIUM animated logo intro (plays once per visit) */
#al-intro{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;overflow:hidden;
  background:radial-gradient(ellipse at 50% 45%,#0e1618 0%,#050607 60%,#000 100%);transition:opacity .9s ease,visibility .9s}
#al-intro.al-done{opacity:0;visibility:hidden;pointer-events:none}
#al-intro canvas{position:absolute;inset:0;width:100%;height:100%}
.al-stage{position:relative;width:min(80vw,620px);opacity:0;transform:scale(.94);filter:blur(14px);display:flex;flex-direction:column;align-items:center;gap:12px}
.al-stage img{width:100%;height:auto;display:block}
.al-tagline{font:500 clamp(9px,1.35vw,13px)/1.4 Jost,system-ui,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#c5d8d1;text-align:center}
.al-stage::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(105deg,transparent 40%,rgba(190,255,240,.45) 50%,transparent 60%) no-repeat;background-size:300% 100%;background-position:130% 0;
  -webkit-mask:url(assets/logo/new/logo-dark.png) center/100% 100% no-repeat;mask:url(assets/logo/new/logo-dark.png) center/100% 100% no-repeat}
#al-intro.al-show .al-stage{animation:alIn 1.6s cubic-bezier(.2,.7,.2,1) 1.5s forwards}
#al-intro.al-show .al-stage::after{animation:alSweep 1.3s ease-in-out 2.7s forwards}
@keyframes alIn{to{opacity:1;transform:scale(1);filter:blur(0)}}
@keyframes alSweep{to{background-position:-30% 0}}
.al-skip{position:absolute;right:18px;bottom:18px;background:none;border:1px solid rgba(255,255,255,.25);color:#cfcfcf;
  font:500 12px/1 'Jost',system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;padding:11px 16px;border-radius:999px;cursor:pointer;opacity:.75}
.al-skip:hover,.al-skip:focus-visible{opacity:1;border-color:#18B49E}
@media (prefers-reduced-motion:reduce){#al-intro{display:none}}