@layer components{.brand-mark,.brand-name{--brand-spring:linear(0, .041, .14, .272, .418, .562, .689, .804, .898, .97, 1.023, 1.056, 1.077, 1.085, 1.084, 1.078, 1.068, 1.056, 1.043, 1.031, 1.021, 1.012, 1.005, 1, .996, .994, .993, .993, .993, .994, .995, .996, .997, .998, .999, .999, 1);--brand-pop:linear(0, .064, .219, .409, .613, .793, .946, 1.053, 1.125, 1.159, 1.164, 1.149, 1.122, 1.089, 1.056, 1.027, 1.004, .987, .977, .973, .973, .976, .981, .987, .992, .997, 1, 1.003, 1.004, 1.004, 1.004, 1.004, 1.003, 1.002, 1.001, 1, 1)}.brand-mark{width:1rem;height:1rem}.brand-tile,.brand-brick,.brand-brick-in{transform-box:fill-box;transform-origin:50%}.brand-mark[data-build] .brand-tile{animation:brand-tile 1.2s var(--brand-spring) both}@keyframes brand-tile{0%{opacity:0;rotate:-14deg;scale:.15}}.brand-mark[data-build] .brand-brick{animation:brand-brick 1.1s var(--brand-pop) calc(.25s + var(--i) * .14s) both}@keyframes brand-brick{0%{translate:0 3px;scale:0}}.brand-name[data-build]{animation:brand-name 1.15s var(--brand-pop) .55s both, brand-appear .3s linear .55s both}.brand-name-he{--toward:.18em;transform-origin:100%}.brand-name-en{--toward:-.18em;transform-origin:0}@keyframes brand-name{0%{scale:.55;translate:var(--toward) 0}}@keyframes brand-appear{0%{opacity:0}}.brand-mark[data-wait=wave] .brand-brick-in,.brand-mark[data-hop] .brand-brick-in{transform-origin:bottom}.brand-mark[data-wait=wave] .brand-brick-in{animation:brand-bump 1.6s linear calc(var(--i) * .13s) infinite}.brand-mark[data-build][data-wait=wave] .brand-brick-in{animation-delay:calc(1.8s + var(--i) * .13s)}.brand-mark[data-hop] .brand-brick-in{animation:brand-bump 1.1s linear calc(var(--i) * 70ms) 1}@keyframes brand-bump{0%{animation-timing-function:cubic-bezier(.3,0,.2,1);translate:0;scale:1}14%{animation-timing-function:cubic-bezier(.5,0,.8,.4);translate:0 -2.5px;scale:1.12}26%{animation-timing-function:ease-out;translate:0;scale:1.07 .9}36%{animation-timing-function:ease-in-out;scale:.98 1.03}44%,to{translate:0;scale:1}}.brand-brick-in{transition:translate .75s var(--brand-pop), scale .75s var(--brand-pop), rotate .75s var(--brand-pop), opacity .25s ease}.brand-tile{transition:rotate .75s var(--brand-pop)}.brand-mark[data-saving] .brand-b1 .brand-brick-in{opacity:.6;transition-delay:.6s;animation:.7s ease-in-out 1.35s infinite alternate brand-breathe;translate:0 -6px;scale:.92}@keyframes brand-breathe{0%{translate:0 -6px}to{translate:0 -3.5px}}.brand-mark[data-fallen] .brand-tile{rotate:-4deg}.brand-mark[data-fallen] .brand-b1 .brand-brick-in{translate:-4px 44px;rotate:-9deg}.brand-mark[data-fallen] .brand-b2 .brand-brick-in{translate:14px 24px;rotate:28deg}.brand-mark[data-fallen] .brand-b3 .brand-brick-in{translate:-20px 26px;rotate:-34deg}.brand-mark[data-stagger] .brand-brick-in{transition-delay:calc(var(--i) * 70ms)}@media (prefers-reduced-motion:reduce){.brand-mark *,.brand-name{transition:none!important;animation:none!important}}}
