.brand-flight{position:relative;display:block;line-height:0;isolation:isolate;perspective:500px}
.brand-flight>.brand-logo{animation:none!important;position:relative;z-index:1}
.brand-flight-text,.brand-flight-bird{position:absolute;pointer-events:none;opacity:0}
.brand-flight-text{inset:0;width:100%;height:100%;object-fit:contain;clip-path:inset(0 0 0 34%)}
.brand-flight-bird{left:9.5%;top:10%;width:26%;height:78%;object-fit:contain;transform-origin:center}
.brand-flight.is-playing>.brand-logo{animation:logo-settle 3.2s linear both!important}
.brand-flight.is-playing>.brand-flight-text{animation:logo-unveil 3.2s ease-in-out both}
.brand-flight.is-playing>.brand-flight-bird{animation:logo-bird-arrive 3.2s ease-in-out both}
@keyframes logo-settle{0%,86%{opacity:0}100%{opacity:1}}
@keyframes logo-unveil{0%,8%{opacity:1;clip-path:inset(0 0 0 100%)}70%,92%{opacity:1;clip-path:inset(0 0 0 34%)}100%{opacity:0;clip-path:inset(0 0 0 34%)}}
@keyframes logo-bird-arrive{0%{opacity:0;transform:translate(330%,-18%) scaleX(-1) rotate(-8deg)}8%{opacity:1;transform:translate(300%,-30%) scaleX(-1) rotate(8deg)}24%{opacity:1;transform:translate(220%,-6%) scaleX(-1) rotate(-9deg)}40%{opacity:1;transform:translate(145%,-24%) scaleX(-1) rotate(8deg)}56%{opacity:1;transform:translate(65%,-7%) scaleX(-1) rotate(-7deg)}72%{opacity:1;transform:translate(0,0) scaleX(-1) rotate(0)}80%{opacity:1;transform:translate(0,0) scaleX(-1)}90%{opacity:1;transform:translate(0,0) scaleX(1)}100%{opacity:0;transform:translate(0,0) scaleX(1)}}
@media(prefers-reduced-motion:reduce){.brand-flight.is-playing>.brand-logo{animation:none!important;opacity:1}.brand-flight-text,.brand-flight-bird{display:none}}