.hook-heading{display:block;max-width:100%;padding:4px 0;margin:-4px 0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;text-align:left;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.hook-heading:focus-visible{outline:2px solid var(--gold);outline-offset:8px;border-radius:3px}
.hook-heading .hook-word{display:inline-block;position:relative;transition:color .2s,transform .2s}
.hook-heading .hook-word::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--gold2),transparent);transform:scaleX(0);transition:transform .3s}
.hook-hint{display:block;margin:-14px 0 22px;color:var(--muted);font-size:9px;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;opacity:.7}
.hook-playing .hook-heading .hook-word{animation:hookLift .8s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--word)*65ms)}
.hook-playing .hook-heading .hook-word::after{transform:scaleX(1)}
.hook-playing .hook-paragraph .hook-word{animation:hookInk .9s ease both;animation-delay:min(calc(var(--word)*18ms),700ms)}
@keyframes hookLift{0%{transform:translateY(10px);color:var(--muted)}45%{transform:translateY(-3px);color:var(--gold2)}100%{transform:translateY(0)}}
@keyframes hookInk{0%{color:var(--muted)}45%{color:var(--gold2)}100%{color:var(--muted)}}
@media(hover:hover){.hook-heading:hover .hook-word{color:var(--gold2)}.hook-heading .hook-word:hover{transform:translateY(-3px)}.hook-heading:hover .hook-word::after{transform:scaleX(1)}}
@media(max-width:768px){.hook-heading{min-height:48px}.hook-hint{margin:-12px 0 22px;font-size:10px}.hook-playing .hook-heading .hook-word{animation-duration:.65s}}
@media(prefers-reduced-motion:reduce){.hook-copy *{animation:none!important;transition:none!important}.hook-hint{display:none}.hook-heading{cursor:default}}