.animated-logo{--animated-logo-ease:cubic-bezier(.16, 1, .3, 1);isolation:isolate;position:relative;container-type:inline-size}.animated-logo-aura,.animated-logo-float,.animated-logo-body,.animated-logo-hover,.animated-logo-halo,.animated-logo-glow,.animated-logo-letters{pointer-events:none;position:absolute;inset:0}.animated-logo-letters{background-color:var(--logo);-webkit-mask:url(/brand/logo.png) 50%/contain no-repeat;mask:url(/brand/logo.png) 50%/contain no-repeat}.animated-logo-aura{z-index:-1;background:radial-gradient(closest-side, color-mix(in srgb, var(--logo-glow) 13%, transparent), color-mix(in srgb, var(--logo-glow) 11%, transparent) 14%, color-mix(in srgb, var(--logo-glow) 8%, transparent) 28%, color-mix(in srgb, var(--logo-glow) 5%, transparent) 42%, color-mix(in srgb, var(--logo-glow) 3%, transparent) 56%, color-mix(in srgb, var(--logo-glow) 1.5%, transparent) 70%, color-mix(in srgb, var(--logo-glow) 0.5%, transparent) 85%, transparent);inset:-80% -32%}.animated-logo-halo{opacity:.55;transition:opacity .5s}.animated-logo-glow{filter:blur(1.6cqw)}.animated-logo-glow>.animated-logo-letters{background-color:var(--logo-glow)}.animated-logo-fringe,.animated-logo-slice,.animated-logo-bright{opacity:0}.animated-logo-fringe[data-channel=warm]{background-color:var(--attention)}.animated-logo-fringe[data-channel=cool]{background-color:var(--focus)}.animated-logo-slice[data-slice=a]{clip-path:inset(16% 0 64%)}.animated-logo-slice[data-slice=b]{clip-path:inset(58% 0 26%)}.animated-logo-bright{background-color:#fff;transition:opacity .45s}.animated-logo-shine{background-color:#0000}.animated-logo-band{inset-block:0;background:linear-gradient(90deg,#0000,#ffffff14 20%,#ffffff52 40%,#ffffffd9 50%,#ffffff52 60%,#ffffff14 80%,#0000);width:38%;position:absolute;left:0;transform:translate(-115%)skew(-16deg)}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.animated-logo:not([data-state]) .animated-logo-aura,.animated-logo:not([data-state]) .animated-logo-body,.animated-logo[data-state=ready] .animated-logo-aura,.animated-logo[data-state=ready] .animated-logo-body{opacity:0}.animated-logo:not([data-state]) .animated-logo-aura,.animated-logo:not([data-state]) .animated-logo-body{animation:.6s 3s forwards animated-logo-failsafe}}.animated-logo[data-state=play] .animated-logo-aura{animation:animated-logo-aura-in 1.1s var(--animated-logo-ease) both}.animated-logo[data-state=play] .animated-logo-glow{animation:.9s ease-out both animated-logo-glow-in}.animated-logo[data-state=play] .animated-logo-body{animation:animated-logo-zoom 1.3s var(--animated-logo-ease) .12s both}.animated-logo[data-state=play] .animated-logo-ink{animation:.48s linear .12s both animated-logo-ink-in}.animated-logo[data-state=play] .animated-logo-fringe[data-channel=warm]{animation:.48s ease-out .22s both animated-logo-fringe-warm}.animated-logo[data-state=play] .animated-logo-fringe[data-channel=cool]{animation:.48s ease-out .22s both animated-logo-fringe-cool}.animated-logo[data-state=play] .animated-logo-slice[data-slice=a]{animation:.36s step-end .28s both animated-logo-slice-a}.animated-logo[data-state=play] .animated-logo-slice[data-slice=b]{animation:.3s step-end .4s both animated-logo-slice-b}.animated-logo[data-state=play] .animated-logo-band{animation:.9s cubic-bezier(.4,0,.2,1) .86s both animated-logo-sweep}.animated-logo[data-state=idle] .animated-logo-float{animation:3s ease-in-out infinite alternate animated-logo-float}.animated-logo[data-state=idle] .animated-logo-glow{animation:3.25s ease-in-out infinite alternate animated-logo-breathe}.animated-logo[data-state=idle] .animated-logo-aura{animation:3.25s ease-in-out infinite alternate animated-logo-aura-breathe}.animated-logo[data-offscreen] :is(.animated-logo-float,.animated-logo-glow,.animated-logo-aura){animation-play-state:paused}@media (hover:hover) and (pointer:fine){.animated-logo-hover{transition:transform .6s var(--animated-logo-ease)}.animated-logo[data-state=idle]:hover .animated-logo-hover{transform:scale(1.02)}.animated-logo:is([data-state=idle],[data-state=still]):hover .animated-logo-bright{opacity:.14}.animated-logo:is([data-state=idle],[data-state=still]):hover .animated-logo-halo{opacity:.9}.animated-logo[data-state=idle][data-sweep] .animated-logo-band{animation:.7s cubic-bezier(.4,0,.2,1) both animated-logo-hover-sweep}.animated-logo[data-state=idle][data-sweep] .animated-logo-slice[data-slice=a]{animation:.14s step-end animated-logo-stutter}}@media (prefers-reduced-motion:reduce){.animated-logo *{animation:none!important}.animated-logo-hover{transition:none}}@keyframes animated-logo-failsafe{to{opacity:1}}@keyframes animated-logo-aura-in{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:none}}@keyframes animated-logo-glow-in{0%{opacity:0;transform:scale(.9)}35%{opacity:1}to{opacity:1;transform:none}}@keyframes animated-logo-zoom{0%{transform:scale(.85)}to{transform:none}}@keyframes animated-logo-ink-in{0%{opacity:0}40%{opacity:.9}50%{opacity:.65}70%,to{opacity:1}}@keyframes animated-logo-fringe-warm{0%{opacity:0;transform:translate(-1.6%)}20%{opacity:.9}60%{opacity:.55;transform:translate(-.5%)}to{opacity:0;transform:none}}@keyframes animated-logo-fringe-cool{0%{opacity:0;transform:translate(1.6%)}20%{opacity:.9}60%{opacity:.55;transform:translate(.5%)}to{opacity:0;transform:none}}@keyframes animated-logo-slice-a{0%{opacity:0}12%{opacity:1;transform:translate(-2.6%)}34%{opacity:1;transform:translate(1.6%)}52%{opacity:1;transform:translate(-.7%)}64%,to{opacity:0;transform:none}}@keyframes animated-logo-slice-b{0%{opacity:0}15%{opacity:1;transform:translate(2.2%)}45%{opacity:1;transform:translate(-1.2%)}70%,to{opacity:0;transform:none}}@keyframes animated-logo-sweep{0%{transform:translate(-115%)skew(-16deg)}to{transform:translate(280%)skew(-16deg)}}@keyframes animated-logo-hover-sweep{0%{transform:translate(-115%)skew(-16deg)}to{transform:translate(280%)skew(-16deg)}}@keyframes animated-logo-stutter{0%{opacity:1;transform:translate(-1.2%)}50%{opacity:1;transform:translate(.8%)}to{opacity:0;transform:none}}@keyframes animated-logo-float{0%{transform:translate(0,0)}to{transform:translateY(-3px)}}@keyframes animated-logo-breathe{0%{opacity:1}to{opacity:.5}}@keyframes animated-logo-aura-breathe{0%{opacity:1}to{opacity:.7}}