.g4-logo{display:block;position:relative;width:100%;aspect-ratio:832/660;isolation:isolate;overflow:visible;--g4-entry-x:calc(-100vw - 100%)}
.g4-logo-original{position:relative;z-index:3;width:100%;height:100%;object-fit:contain}
.g4-logo-letters,.g4-logo-dagger{display:none;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.g4-logo-letters{z-index:2}.g4-logo-dagger{z-index:1}
@media(prefers-reduced-motion:no-preference){
  .g4-logo[data-logo-state="waiting"] .g4-logo-original{visibility:hidden;animation:g4-logo-fallback-show 1ms 2400ms forwards}
  .g4-logo[data-logo-state="waiting"] .g4-logo-letters{display:block;visibility:hidden;animation:g4-logo-fallback-hide 1ms 2400ms forwards}
  .g4-logo[data-logo-state="flying"] .g4-logo-original{visibility:hidden}
  .g4-logo[data-logo-state="flying"] .g4-logo-letters,.g4-logo[data-logo-state="flying"] .g4-logo-dagger{display:block}
  .g4-logo[data-logo-state="flying"] .g4-logo-dagger{will-change:transform;animation:g4-logo-entry 350ms 210ms cubic-bezier(.54,.02,.83,.54) both}
  .g4-logo[data-logo-state="impact"]{animation:g4-logo-impact 260ms ease-out both;transform-origin:68% 57%}
}
@keyframes g4-logo-entry{from{transform:translateX(var(--g4-entry-x))}to{transform:translateX(0)}}
@keyframes g4-logo-impact{0%{transform:translateX(1.5px) rotate(.8deg)}24%{transform:translateX(-.65px) rotate(-.48deg)}49%{transform:translateX(.35px) rotate(.22deg)}76%{transform:translateX(-.13px) rotate(-.08deg)}100%{transform:none}}
@keyframes g4-logo-fallback-show{to{visibility:visible}}
@keyframes g4-logo-fallback-hide{to{visibility:hidden}}
@media(prefers-reduced-motion:reduce){.g4-logo,.g4-logo *{animation:none!important;transform:none!important}.g4-logo .g4-logo-original{visibility:visible}.g4-logo .g4-logo-letters,.g4-logo .g4-logo-dagger{display:none}}