.ot{background:var(--hair);border:1px solid var(--hair);grid-template-columns:1fr 1fr;gap:1px;display:grid}.ot-block{background:var(--bg);flex-direction:column;padding:clamp(24px,3vw,40px);display:flex}.ot-k{font-family:var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--cream-dimmer);margin-bottom:28px;font-size:9px}.ot-broken{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ot-break{background:repeating-linear-gradient(90deg,#14141347 0 4px,#0000 4px 9px);flex:1;min-width:16px;height:1px}.ot-chip{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:11px 16px;font-size:10px}.ot-chip.off{color:var(--cream-dimmer);border:1px solid var(--hair);opacity:0;transition:opacity .6s var(--ease), transform .6s var(--ease);transform:translateY(6px)}.ot.in .ot-chip.off{opacity:1;transform:none}.ot.in .ot-chip.off:nth-child(3){transition-delay:80ms}.ot.in .ot-chip.off:nth-child(5){transition-delay:.16s}.ot-flow{flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:relative}.ot-rail{background:var(--brand-grad);width:0;height:2px;transition:width 1.4s cubic-bezier(.16,1,.3,1) .2s;position:absolute;top:50%;left:0;transform:translateY(-.5px)}.ot.in .ot-rail{width:100%}.ot-chip.on{z-index:1;color:var(--cream);background:var(--bg);opacity:0;transition:opacity .5s var(--ease);border:1px solid #1414133d;position:relative}.ot.in .ot-chip.on{opacity:1}.ot.in .ot-chip.on:nth-child(2){transition-delay:.3s}.ot.in .ot-chip.on:nth-child(3){transition-delay:.5s}.ot.in .ot-chip.on:nth-child(4){transition-delay:.7s}.ot-out{z-index:1;background:var(--cream);opacity:0;transition:opacity .6s var(--ease) .9s, transform .6s var(--ease) .9s;border-radius:999px;margin-left:auto;padding:11px 18px;position:relative;transform:scale(.9)}.ot.in .ot-out{opacity:1;transform:none}.ot-out b{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#fff;font-size:9.5px;font-weight:400}.ot-note{color:var(--cream-dim);max-width:34ch;margin:26px 0 0;font-size:12.5px;line-height:1.65}@media (max-width:720px){.ot{grid-template-columns:1fr}.ot-out{margin-left:0}}@media (prefers-reduced-motion:reduce){.ot-chip.off,.ot-chip.on,.ot-rail,.ot-out{transition:none}.ot-rail{width:100%}}