.oh{justify-content:center;align-items:flex-end;gap:8px;display:flex}@media (min-width:640px){.oh{gap:18px}}.oh-odd{--lx:0px;--ly:0px;--lr:0deg;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;align-items:center;padding:0;animation:3.6s ease-in-out infinite oh-breathe;display:flex;position:relative}.oh-body{transform:translate(var(--lx), var(--ly)) rotate(var(--lr));transition:transform .5s cubic-bezier(.22,1,.36,1);display:block}.oh-body img{transform-origin:50% 100%;width:58px;height:58px;display:block}.oh-odd--lead .oh-body img{width:78px;height:78px}@media (min-width:640px){.oh-body img{width:104px;height:104px}.oh-odd--lead .oh-body img{width:132px;height:132px}}.oh-odd.is-hop .oh-body img{animation:.62s cubic-bezier(.3,.7,.4,1) oh-hop}.oh-word{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#a6a7ad;white-space:nowrap;opacity:0;pointer-events:none;font-size:11.5px;transition:opacity .2s,transform .3s cubic-bezier(.22,1,.36,1);position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%,-4px)}.oh-odd.is-hop .oh-word,.oh-odd:focus-visible .oh-word{opacity:1;transform:translate(-50%)}@keyframes oh-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes oh-hop{0%{transform:translateY(0)scale(1)}18%{transform:translateY(0)scale(1.08,.9)}45%{transform:translateY(-22px)scale(.95,1.06)}72%{transform:translateY(0)scale(1.06,.94)}to{transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.oh-odd,.oh-odd.is-hop .oh-body img{animation:none}}.oh-odd:first-child .oh-word{left:0;transform:translateY(-4px)}.oh-odd:last-child .oh-word{left:auto;right:0;transform:translateY(-4px)}.oh-odd:first-child.is-hop .oh-word,.oh-odd:first-child:focus-visible .oh-word,.oh-odd:last-child.is-hop .oh-word,.oh-odd:last-child:focus-visible .oh-word{transform:translate(0)}.ot-word{display:inline-flex}.ot-l{transition:transform .3s cubic-bezier(.3,1.6,.5,1);animation:.7s cubic-bezier(.3,1.4,.5,1) both ot-in;display:inline-block}.ot-l:hover{transform:translateY(-.12em)rotate(-4deg)}.ot-l0{color:#5fd3a2}.ot-l1{color:#f7bd48}.ot-l2{color:#f2736c}.ot-l3{color:#a99bff}@keyframes ot-in{0%{opacity:0;transform:translateY(.35em)scale(.9)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.ot-l{transition:none;animation:none}}main h1.ot.ot.ot.ot.ot{font-size:clamp(44px,6.4vw,76px)!important}
