@import"https://fonts.googleapis.com/css2?family=Outfit:wght@500;700&display=swap";.logo-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.logo-content{position:relative;display:flex;align-items:center;padding:10px;gap:24px}.logo-bar-icon{display:flex;align-items:flex-end;gap:8px;height:40px;position:relative}.bar{width:5px;background-color:#fff;border-radius:10px;transform-origin:bottom center;transform:rotate(-28deg);box-shadow:0 0 8px #ffffff1a;flex-shrink:0;transition:all .3s ease;margin:0}.bar-1{height:12px;transform:rotate(-28deg) translateY(0)}.bar-2{height:22px;transform:rotate(-28deg) translateY(0)}.bar-3{height:22px;transform:rotate(-28deg) translateY(-10px)}.bar-4,.bar-5{height:32px;transform:rotate(-28deg) translateY(0)}.bar-6{height:22px;transform:rotate(-28deg) translateY(-6px)}.bar-7,.bar-8{height:32px;transform:rotate(-28deg) translateY(0)}.logo-text{display:flex;flex-direction:column;align-items:flex-start;gap:4px;transform:translateY(2px)}.logo-main{font-family:Outfit,sans-serif!important;font-weight:700;font-size:36px;letter-spacing:3px;color:#fff;line-height:.9;text-transform:uppercase}.logo-sub{font-family:Outfit,sans-serif!important;font-weight:500;font-size:13px;letter-spacing:1.2px;color:#ffffffd9;text-transform:uppercase;margin-left:2px}@media(max-width:768px){.logo-content{padding:8px;gap:16px}.logo-bar-icon{gap:6px;height:32px}.bar{width:3.6px}.bar{transform-origin:bottom center;transform:rotate(-28deg)}.bar-1{height:6px;transform:rotate(-28deg) translateY(0)}.bar-2{height:16px;transform:rotate(-28deg) translateY(0)}.bar-3{height:16px;transform:rotate(-28deg) translateY(-10px)}.bar-4,.bar-5{height:32px;transform:rotate(-28deg) translateY(0)}.bar-6{height:16px;transform:rotate(-28deg) translateY(-4px)}.bar-7,.bar-8{height:32px;transform:rotate(-28deg) translateY(0)}.logo-main{font-size:24px;letter-spacing:2px}.logo-sub{font-size:10px}}@keyframes wake-bar-1{0%,to{height:var(--original-height);opacity:1}20%,60%,80%{height:calc(var(--original-height) * 1.2);opacity:1}40%,70%{height:calc(var(--original-height) * 1.05);opacity:1}}@keyframes wake-bar-2{0%,to{height:var(--original-height);opacity:1}50%{height:calc(var(--original-height) * 1.4);opacity:1}}@keyframes wake-bar-3{0%,to{height:var(--original-height);opacity:1}30%,70%{height:calc(var(--original-height) * 1.3);opacity:1}}@keyframes wake-bar-4{0%,to{height:var(--original-height);opacity:1}25%{height:calc(var(--original-height) * 1.5);opacity:1}50%{height:calc(var(--original-height) * 1.1);opacity:1}75%{height:calc(var(--original-height) * 1.4);opacity:1}}@keyframes wake-bar-5{0%,to{height:var(--original-height);opacity:1}60%{height:calc(var(--original-height) * 1.25);opacity:1}}@keyframes wake-bar-6{0%,to{height:var(--original-height);opacity:1}40%{height:calc(var(--original-height) * 1.2);opacity:1}}@keyframes wake-bar-7{0%,to{height:var(--original-height);opacity:1}30%{height:calc(var(--original-height) * 1.35);opacity:1}60%{height:calc(var(--original-height) * 1.15);opacity:1}}@keyframes wake-bar-8{0%,to{height:var(--original-height);opacity:1}20%{height:calc(var(--original-height) * 1.1);opacity:1}50%{height:calc(var(--original-height) * 1.45);opacity:1}80%{height:calc(var(--original-height) * 1.2);opacity:1}}.bar{--original-height: var(--bar-height, 12px);height:var(--original-height);opacity:1;box-shadow:0 0 4px #ffffff1a;will-change:opacity}@keyframes breathe-subtle-1{0%,to{opacity:.85}50%{opacity:1}}@keyframes breathe-subtle-2{0%,to{opacity:1}50%{opacity:.9}}@keyframes breathe-subtle-3{0%,to{opacity:.9}50%{opacity:.8}}@keyframes breathe-subtle-4{0%,to{opacity:1}50%{opacity:.85}}@keyframes breathe-subtle-5{0%,to{opacity:.8}50%{opacity:.95}}.bar-1{--bar-height: 12px;transform:rotate(-28deg) translateY(0);animation:breathe-subtle-1 5s ease-in-out infinite}.bar-2{--bar-height: 22px;transform:rotate(-28deg) translateY(0);animation:breathe-subtle-2 6s ease-in-out infinite 1s}.bar-3{--bar-height: 22px;transform:rotate(-28deg) translateY(-10px);animation:breathe-subtle-3 7s ease-in-out infinite 2s}.bar-4{--bar-height: 32px;transform:rotate(-28deg) translateY(0);animation:breathe-subtle-4 8s ease-in-out infinite 3s}.bar-5{--bar-height: 32px;transform:rotate(-28deg) translateY(0);animation:breathe-subtle-5 9s ease-in-out infinite 4s}.bar-6{--bar-height: 22px;transform:rotate(-28deg) translateY(-6px);animation:breathe-subtle-1 10s ease-in-out infinite 5s}.bar-7{--bar-height: 32px;transform:rotate(-28deg) translateY(0);animation:breathe-subtle-2 11s ease-in-out infinite 6s}.bar-8{--bar-height: 32px;transform:rotate(-28deg) translateY(0);animation:breathe-subtle-3 12s ease-in-out infinite 7s}.logo-wrapper.is-active .bar-1{animation:wake-bar-1 1.8s ease-in-out;animation-delay:0s}.logo-wrapper.is-active .bar-2{animation:wake-bar-2 2.2s ease-in-out;animation-delay:.1s}.logo-wrapper.is-active .bar-3{animation:wake-bar-3 2s ease-in-out;animation-delay:.2s}.logo-wrapper.is-active .bar-4{animation:wake-bar-4 1.6s ease-in-out;animation-delay:.3s}.logo-wrapper.is-active .bar-5{animation:wake-bar-5 2.4s ease-in-out;animation-delay:.4s}.logo-wrapper.is-active .bar-6{animation:wake-bar-6 1.4s ease-in-out;animation-delay:.5s}.logo-wrapper.is-active .bar-7{animation:wake-bar-7 1.9s ease-in-out;animation-delay:.6s}.logo-wrapper.is-active .bar-8{animation:wake-bar-8 2.1s ease-in-out;animation-delay:.7s}@media(max-width:768px){.bar-1{--bar-height: 6px;transform:rotate(-28deg) translateY(0)}.bar-2{--bar-height: 16px;transform:rotate(-28deg) translateY(0)}.bar-3{--bar-height: 16px;transform:rotate(-28deg) translateY(-10px)}.bar-4,.bar-5{--bar-height: 32px;transform:rotate(-28deg) translateY(0)}.bar-6{--bar-height: 16px;transform:rotate(-28deg) translateY(-4px)}.bar-7,.bar-8{--bar-height: 32px;transform:rotate(-28deg) translateY(0)}}@media(prefers-color-scheme:dark){.bar{background-color:#fff;box-shadow:0 0 8px #ffffff1a}.logo-main{color:#fff}.logo-sub{color:#ffffffd9}}