.hc-intro { position: fixed; inset: 0; z-index: 9999; display: grid; place-items: center; background: #0A0A0B; transition: opacity .7s ease, visibility .7s; }
.hc-intro.is-out { opacity: 0; visibility: hidden; }
.hc-intro-in { display: flex; align-items: center; }
.hc-intro-mark { position: relative; width: 64px; height: 64px; animation: hcMarkIn 1.1s cubic-bezier(.2,.8,.2,1) both; }
.hc-intro-mark i { position: absolute; inset: 0; }
.hc-intro-mark .ave { background: #fff; -webkit-mask: url("/assets/brand/mark-ave.png") center / contain no-repeat; mask: url("/assets/brand/mark-ave.png") center / contain no-repeat; }
.hc-intro-mark .lua { background: url("/assets/brand/mark-lua-cor.png") center / contain no-repeat; animation: hcLua 1.2s .35s cubic-bezier(.2,.8,.2,1) both; }
.hc-intro-word { overflow: hidden; max-width: 0; margin-left: 0; color: #F4F4F5; font: 600 40px/1 "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; letter-spacing: -0.04em; white-space: nowrap; animation: hcWord .9s 1.05s cubic-bezier(.2,.8,.2,1) forwards; }
@keyframes hcMarkIn { from { opacity: 0; transform: scale(.7); filter: blur(10px); } to { opacity: 1; transform: none; filter: none; } }
@keyframes hcLua { from { clip-path: inset(100% 0 0 0); } to { clip-path: inset(0 0 0 0); } }
@keyframes hcWord { to { max-width: 260px; margin-left: 16px; } }
@media (prefers-reduced-motion: reduce) { .hc-intro { display: none; } }