.film-intro{position:fixed;inset:0;z-index:1000;background:#080a09;display:grid;place-items:center;overflow:hidden;isolation:isolate;animation:intro-exit 3.5s ease-in-out forwards}
.intro-halo{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 46%,#80653c32 0%,#14332c22 28%,transparent 65%);animation:intro-light 2.9s ease-in-out both}
.intro-signature{text-align:center;display:flex;flex-direction:column;align-items:center;transform:translateY(-12px)}
.intro-bird{position:relative;width:clamp(150px,23vw,240px);aspect-ratio:1;animation:intro-bird 2.9s cubic-bezier(.19,1,.22,1) both}
.intro-bird img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 18px #cdb07720)}
.intro-glint{position:absolute;inset:0;mask:url('/beija-flor-transparente.png') center/contain no-repeat;-webkit-mask:url('/beija-flor-transparente.png') center/contain no-repeat;background:linear-gradient(115deg,transparent 38%,#fff0cfcc 49%,transparent 60%);background-size:350% 100%;animation:intro-shimmer 2.2s .2s ease-in-out both;mix-blend-mode:screen}
.intro-name{color:#dfc79e;font-family:Georgia,serif;font-size:clamp(16px,2vw,22px);letter-spacing:.38em;padding-left:.38em;margin:15px 0 24px;animation:intro-type 2.7s ease both}
.intro-rule{height:1px;width:58px;background:#b4966480;animation:intro-line 2.8s ease both}
.intro-motto{color:#c0bdaf;font-size:12px;letter-spacing:.13em;margin:20px 0 0;animation:intro-motto 2.9s ease both}
@keyframes intro-bird{0%{opacity:0;transform:translateY(16px) scale(.8);filter:blur(8px)}24%{opacity:1;filter:blur(0)}78%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:1;transform:scale(1.035)}}
@keyframes intro-shimmer{0%,12%{background-position:100% 0;opacity:0}30%{opacity:1}85%,100%{background-position:0% 0;opacity:0}}
@keyframes intro-type{0%,18%{opacity:0;transform:translateY(8px)}48%,100%{opacity:1;transform:translateY(0)}}
@keyframes intro-motto{0%,34%{opacity:0;transform:translateY(5px)}60%,100%{opacity:1;transform:translateY(0)}}
@keyframes intro-line{0%,30%{opacity:0;transform:scaleX(0)}60%,100%{opacity:1;transform:scaleX(1)}}
@keyframes intro-light{0%{opacity:0;transform:scale(.85)}55%,100%{opacity:1;transform:scale(1.12)}}
@keyframes intro-exit{0%,78%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden;pointer-events:none}}
@media(prefers-reduced-motion:reduce){.film-intro{display:none}.film-intro *{animation:none!important}}


.film-intro .intro-halo,.film-intro .intro-glint,.film-intro .intro-rule{display:none}.film-intro .intro-bird img{filter:none}.film-intro .intro-name{font-family:Arial,sans-serif;font-size:18px;letter-spacing:0;text-transform:none;padding:0}.film-intro .intro-motto{font-family:Arial,sans-serif;font-size:16px;letter-spacing:0}

.film-intro:focus{outline:none}