.logo-motion-frame{display:block;position:relative}
.logo-motion-frame>img{display:block;opacity:0}
.logo-motion-frame>.logo-motion{display:block!important;position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.logo-motion__emblem{transform-origin:1011px 256px;transform-box:view-box}
@media(prefers-reduced-motion:no-preference){
  .logo-motion__letters{animation:gobliss-wordmark-unfold 1000ms cubic-bezier(.16,1,.3,1) backwards}
  .logo-motion__emblem{animation:gobliss-emblem-settle 800ms 200ms cubic-bezier(.16,1,.3,1) backwards}
}
.logo-motion--settled .logo-motion__letters,.logo-motion--settled .logo-motion__emblem{animation:none}
@keyframes gobliss-wordmark-unfold{from{clip-path:inset(0 100% 0 0);opacity:.25}to{clip-path:inset(0 0 0 0);opacity:1}}
@keyframes gobliss-emblem-settle{from{transform:rotate(-20deg) scale(.82);opacity:0}to{transform:rotate(0) scale(1);opacity:1}}
@media(prefers-reduced-motion:reduce){
  .logo-motion-frame>img{opacity:1}
  .logo-motion-frame>.logo-motion{display:none!important}
}