.brand{display:inline-flex;align-items:center;gap:.4rem}.brand .clip-svg{width:22px;height:33px}
.clip-hop .clip-svg{animation:hop 2.8s ease-in-out infinite;transform-origin:50% 100%}
@keyframes hop{0%,60%,100%{transform:translateY(0) rotate(0)}70%{transform:translateY(-10px) rotate(-6deg)}80%{transform:translateY(0) rotate(4deg)}88%{transform:translateY(-3px) rotate(0)}}
.clip-eyes{animation:blink 5s infinite;transform-origin:50% 45%}@keyframes blink{0%,95%,100%{transform:scaleY(1)}97%{transform:scaleY(.1)}}
.hero-clip{display:flex;gap:1.2rem;align-items:center;margin:1rem 0 1.5rem}.hero-clip .clip-svg{width:84px;height:126px;flex:none}
.story{border:2px solid #d62828;border-radius:14px;padding:1rem 1.2rem;margin:1rem 0 2rem;background:#fff7f5}
.cta{display:inline-block;background:#d62828;color:#fff!important;padding:.6rem 1rem;border-radius:999px;text-decoration:none;font-weight:600;margin:.3rem .5rem .3rem 0}
.cta.alt{background:transparent;color:#d62828!important;border:2px solid #d62828}
.peek{position:fixed;right:0;bottom:18%;width:46px;transform:translateX(60%);animation:peek 7s ease-in-out 1s infinite;pointer-events:none;z-index:5}.peek .clip-svg{width:46px;height:69px;transform:rotate(-20deg)}
@keyframes peek{0%,15%,85%,100%{transform:translateX(70%)}30%,70%{transform:translateX(8%)}}
.entry-list{list-style:none;padding:0}.entry-list li{margin:0 0 1.1rem}.entry-list .d{font-family:"IBM Plex Mono",monospace;font-size:.85rem;color:#8a3b3b}
.tlh{font-family:"IBM Plex Mono",monospace;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:#8a3b3b;margin:1.2rem 0 .2rem}
.nav-entries{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem;font-size:.95rem}
@media (prefers-reduced-motion:reduce){.clip-hop .clip-svg,.clip-eyes,.peek{animation:none!important}.peek{transform:translateX(30%)}}