#headline{cursor:default;outline:none;transform:translateZ(0);transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .45s ease}
#headline span,#headline em{display:inline-block;transition:transform .45s cubic-bezier(.2,.8,.2,1),letter-spacing .45s ease,text-shadow .45s ease}
#headline em{color:transparent;background:linear-gradient(110deg,#fcb116 15%,#fff3c2 43%,#fcb116 60%,#ffda68 82%);background-size:240% 100%;background-position:100% 50%;-webkit-background-clip:text;background-clip:text}
#headline:hover,#headline:focus-visible{transform:scale(1.025);filter:drop-shadow(0 22px 26px rgba(94,4,3,.23))}
#headline:hover span,#headline:focus-visible span{transform:translateX(-.055em);letter-spacing:-.055em;text-shadow:-4px 4px 0 rgba(125,8,5,.18)}
#headline:hover em,#headline:focus-visible em{transform:translateX(.055em);letter-spacing:-.045em;animation:headline-shine 1.25s ease both;text-shadow:4px 7px 0 rgba(125,8,5,.16)}
#headline:focus-visible{outline:2px solid rgba(255,255,255,.85);outline-offset:12px;border-radius:8px}
.coming-soon{margin:28px 0 -18px;color:rgba(255,255,255,.82);font-size:clamp(14px,1.5vw,19px);font-weight:600;letter-spacing:.08em}
@keyframes headline-shine{0%{background-position:100% 50%}100%{background-position:-110% 50%}}
@media(max-width:640px){#headline:hover,#headline:focus-visible{transform:scale(1.012)}.coming-soon{margin-top:22px;font-size:13px;letter-spacing:.045em}}
@media(prefers-reduced-motion:reduce){#headline,#headline span,#headline em{transition:none}#headline:hover em,#headline:focus-visible em{animation:none;background-position:50%}}
