:root{--total-duration:10s;--bg-color:#dd272d}.reveal-band,.reveal-band:after,.reveal-band>.name{background-color:var(--bg-color)}.animated.headband-logo{transform-origin:50%;animation:.5s ease-out forwards reveal-logo,.5s ease-in-out 9.5s forwards hide-logo;transform:scale(0)rotate(0)}.animated.reveal-band{transform-origin:0;animation:reveal-element .8s cubic-bezier(.22, 1, .36, 1) forwards var(--delay,.3s), hide-element .7s cubic-bezier(.22, 1, .36, 1) forwards 8.8s;transform:scaleX(0)}.animated.reveal-band>.name{clip-path:inset(0 100% 0 0);animation:reveal-text .8s cubic-bezier(.22, 1, .36, 1) forwards calc(var(--delay,.3s) + .2s), hide-text .5s cubic-bezier(.22, 1, .36, 1) forwards 8.4s}@keyframes reveal-logo{0%{transform:scale(0)rotate(0)}to{transform:scale(1)rotate(360deg)}}@keyframes hide-logo{0%{transform:scale(1)rotate(360deg)}to{transform:scale(0)rotate(0)}}@keyframes reveal-element{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes hide-element{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes reveal-text{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes hide-text{0%{clip-path:inset(0)}to{clip-path:inset(0 100% 0 0)}}