/* Unique Amaze logo intro. Total run about 4.2s; skippable; shown once per session; off for reduced motion. */
.ua-intro{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:radial-gradient(120% 90% at 50% 40%,#0E2A34 0%,#0A1A21 55%,#061015 100%);
  transition:clip-path 1s cubic-bezier(.76,0,.24,1),opacity .6s ease;clip-path:inset(0 0 0 0)}
.ua-intro__art{width:min(340px,62vw);height:auto;overflow:visible}
.ua-intro.is-done{clip-path:inset(0 0 100% 0)}
.ua-intro.is-gone{display:none}
.ua-intro__skip{position:absolute;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));
  font:500 11px/1 "Space Grotesk",system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#8FA9B2;
  background:transparent;border:1px solid rgba(143,169,178,.35);border-radius:8px;padding:10px 14px;cursor:pointer;opacity:0;animation:uai-fade .6s ease 1.2s forwards}
.ua-intro__skip:hover,.ua-intro__skip:focus-visible{color:#fff;border-color:#01BEE1;outline:none}

/* 1. Orbit: the thin ring from the triptych traces round, then gathers into the mark */
.ua-orbit{stroke-dasharray:1;stroke-dashoffset:1;opacity:.55;transform-origin:50px 72px;
  animation:uai-draw 1.1s cubic-bezier(.65,0,.35,1) .1s forwards,uai-orbit-out .9s cubic-bezier(.7,0,.3,1) 1.15s forwards}
/* 2. The U draws itself, stem to stem */
.ua-u{stroke-dasharray:1;stroke-dashoffset:1;animation:uai-draw 1s cubic-bezier(.65,0,.35,1) .45s forwards}
/* 3. The A drops onto the U and settles */
.ua-a{opacity:0;transform:translateY(-34px);animation:uai-cap .8s cubic-bezier(.2,1.3,.35,1) 1.25s forwards}
/* 4. The leaf unfurls from its stem */
.ua-leaf{opacity:0;transform-origin:30px 103px;transform:rotate(-55deg) scale(.15);animation:uai-leaf .9s cubic-bezier(.22,1.2,.36,1) 1.75s forwards}
/* 5. A sweep of light runs across the metal */
.ua-sweep{animation:uai-sweep 1s cubic-bezier(.45,0,.2,1) 2.55s forwards}
/* 6. The wordmark tracks in, letters arriving from the centre outward */
.ua-ch{opacity:0;transform:translateX(calc(var(--d) * 60px));filter:blur(4px);
  animation:uai-track .9s cubic-bezier(.16,1,.3,1) calc(2.6s + var(--i) * 45ms) forwards}

@keyframes uai-draw{to{stroke-dashoffset:0}}
@keyframes uai-orbit-out{to{opacity:0;transform:scale(.55) rotate(40deg)}}
@keyframes uai-cap{to{opacity:1;transform:none}}
@keyframes uai-leaf{to{opacity:1;transform:none}}
@keyframes uai-sweep{to{transform:skewX(-18deg) translateX(190px)}}
@keyframes uai-track{to{opacity:1;transform:none;filter:none}}
@keyframes uai-fade{to{opacity:1}}

@media (prefers-reduced-motion:reduce){.ua-intro{display:none}}