.intro-veil{z-index:110;background:var(--color-navy);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);animation:introCue 1ms linear var(--exit-at) both, introOut var(--exit-dur) var(--ease-in-out) var(--exit-at) both;place-items:center;display:none;position:fixed;inset:0}html.intro .intro-veil,html.intro-out .intro-veil{display:grid}html.intro-out .intro-veil{pointer-events:none}.intro-logo{fill:#fff;width:clamp(260px,62vw,480px);height:auto;animation:introLogoOut var(--logo-out-dur) ease-in var(--logo-out-at) both;overflow:visible}.intro-tampa{fill:var(--color-navy);transform-box:fill-box;transform-origin:50% 100%;animation:introTampa var(--casa-dur) var(--ease-in-out) var(--casa-at) both;transform:scaleY(0)}.intro-letra{animation:introLetra var(--letra-dur) var(--ease-out) calc(var(--letra-at) + var(--i) * var(--letra-step)) both}.intro-linha{animation:introLinha var(--linha-dur) var(--ease-out) var(--linha-at) both}@keyframes introTampa{0%{transform:scaleY(1)}}@keyframes introLetra{0%{transform:translateY(220px)}}@keyframes introLinha{0%{opacity:0;transform:translateY(28px)}}@keyframes introLogoOut{to{opacity:0;transform:translateY(-1.5vh)}}@keyframes introCue{0%{opacity:1}}@keyframes introOut{0%{clip-path:inset(0)}to{clip-path:inset(0 0 100%)}}html.intro :is(.hero-panel,.hero-text,.hero-foto,.hero-fade),html.intro-played :is(.hero-panel,.hero-text,.hero-foto,.hero-fade){animation:none}html.intro.intro-out .hero-panel{animation:.55s cubic-bezier(.22,1,.36,1) both introHeroSettle}@keyframes introHeroSettle{0%{transform:translateY(3vh)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.intro-veil{display:none!important}}
