.hop-transition{background:#141414;color:#f3ecdf;font-family:Inter,Arial,sans-serif;overflow:hidden;isolation:isolate;position:relative}.transition-overlay{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;justify-content:center}.transition-inline{height:100%;min-height:360px;display:flex;flex-direction:column;justify-content:center}.transition-brand{position:absolute;top:28px;left:32px;font-size:12px;font-weight:800;letter-spacing:.06em}.transition-status{position:absolute;bottom:26px;inset-inline:24px;text-align:center;font-size:12px;line-height:1.5;color:#b0ada6}.transition-scene{position:relative;width:100%;height:320px;display:grid;place-items:center}.hop-slate{width:min(400px,78vw);position:relative;transform:rotate(-3deg)}.slate-body{background:#e3000f;border-radius:0 0 12px 12px;padding:24px;color:#fff;box-shadow:0 20px 50px #0004}.slate-arm{height:42px;background:#f3ecdf;display:flex;gap:24px;overflow:hidden;transform-origin:12px 100%;transform:rotate(-17deg);border-radius:5px 5px 0 0}.slate-arm i{height:80px;width:34px;background:#141414;transform:skew(-28deg);flex:none;margin-top:-18px}.slate-hinge{position:absolute;left:6px;top:32px;width:12px;height:12px;border:3px solid #f3ecdf;background:#141414;border-radius:50%;z-index:2}.slate-maker{display:flex;align-items:center;gap:13px;font-size:14px;font-weight:900;line-height:1.05}.slate-maker img{width:55px;height:40px;object-fit:contain}.slate-caption{font:9px 'JetBrains Mono',monospace;letter-spacing:.04em;margin-top:20px}.slate-title{font-weight:900;font-size:58px;letter-spacing:-.04em;line-height:1.2;margin:6px 0 18px;opacity:0;transform:translateY(8px);transition:opacity .18s,transform .18s}.slate-bottom{border-top:1px solid #ffffff70;padding-top:14px;display:grid;grid-template-columns:auto 1fr auto 1fr;align-items:center;gap:8px;font-size:10px}.slate-bottom span{font-size:7px;letter-spacing:.06em}.slate-bottom strong{font-weight:500}.is-rabbit .hop-slate,.is-slate .rabbit-stage{display:none}.rabbit-stage{position:absolute;inset:0;display:grid;place-items:center}.run-track{position:absolute;top:52%;left:0;right:0;height:2px;background:#e3000f;transform-origin:left;transform:scaleX(0)}.running-rabbit{position:absolute;width:120px;height:90px;left:0;top:calc(52% - 82px);object-fit:contain;transform:translateX(-140px);z-index:3}.run-message{font-size:clamp(54px,7vw,92px);font-weight:900;letter-spacing:-.04em;line-height:1;opacity:0;transform:translateY(14px);transition:opacity .25s,transform .35s;background:#141414;padding:12px 25px;z-index:2}.run-message em{color:#e3000f;font-family:'Instrument Serif',Georgia,serif;font-weight:400}.run-message small{display:block;font-size:13px;letter-spacing:0;font-weight:400;color:#b0ada6;margin-top:18px}.finished .run-message,.finished .slate-title{opacity:1;transform:none}.finished .slate-arm{transform:rotate(0)}@media(max-width:500px){.hop-slate{width:78vw}.slate-body{padding:20px}.slate-title{font-size:48px}.slate-bottom{grid-template-columns:auto 1fr;gap:8px}.transition-brand{left:24px;top:24px}.transition-status{font-size:11px}.transition-inline .hop-slate{width:270px}.run-message{font-size:62px}}
@media(prefers-reduced-motion:reduce){.hop-transition *{animation:none!important;transition:none!important}.running-rabbit{display:block;width:65px;height:48px;top:25px;left:calc(50% - 32px);transform:none}.run-message{opacity:1;transform:none}.slate-arm{transform:none}}
.slate-maker{margin-bottom:20px}