/* Shared Characterz-inspired details, using the ThreeDee coral tokens. */
body[data-site="headz"]:not(.headz-pack) .hero h1{
  font-kerning:normal;font-variant-ligatures:normal;letter-spacing:-.035em;
  font-size:clamp(80px,28vw,240px);padding-right:0;
}
body[data-site="headz"] :is(.hero h1>span,.pack-hero h1 .pack-title-z){
  display:inline-block;background-image:linear-gradient(110deg,var(--td-coral) 30%,var(--td-color-action-hover) 50%,var(--td-coral) 70%);
  background-size:240% 100%;background-clip:text;-webkit-background-clip:text;
  color:transparent;-webkit-text-fill-color:transparent;
  animation:headz-z-slide 14s ease-in-out infinite alternate;
}
/* Only the collection wordmark gets the kerning fix. Pack wordmarks keep their previous geometry. */
body[data-site="headz"]:not(.headz-pack) .hero h1>span{display:inline}
@keyframes headz-z-slide{from{background-position:170% 0}to{background-position:-70% 0}}
body[data-site="headz"] .button.headz-sidekick{
  position:relative;isolation:isolate;padding-left:72px;border-radius:19px 28px 28px 19px;
  overflow:visible;transition:background-color .25s,box-shadow .25s;
}
.headz-sidekick .cta-side-character{position:absolute;left:3px;bottom:0;width:65px;height:55px;pointer-events:none;z-index:2}
.headz-sidekick .cta-side-character .character-wave{display:none}
.headz-sidekick .cta-side-character .wink-eye{transform-box:fill-box;transform-origin:center;animation:headz-sidekick-wink 6.8s ease-in-out infinite}
@keyframes headz-sidekick-wink{0%,64%,70%,100%{transform:scaleY(1)}66%,68%{transform:scaleY(.1)}}
.headz-sidekick .cta-glint{position:absolute;inset:0;border:0;padding:0;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:-1}
.headz-sidekick .cta-glint::after{content:'';position:absolute;inset:-30% auto -30% -55%;width:35%;background:linear-gradient(90deg,transparent,#ffffff24,transparent);transform:skewX(-20deg);opacity:0}
.headz-sidekick:is(:hover,:focus-visible) .cta-glint::after{animation:headz-cta-glint 1.15s ease-out both}
@keyframes headz-cta-glint{0%{left:-55%;opacity:0}18%{opacity:1}100%{left:125%;opacity:0}}
body[data-site="headz"] .related-cover{background:#fff;border-radius:12px;aspect-ratio:1;padding:20px 0 12px}
body[data-site="headz"] .related-cover>img{transition:transform .35s ease}
body[data-site="headz"] .related-pack:is(:hover,:focus-visible) .related-cover>img{transform:translateY(-3px)}
@media(prefers-reduced-motion:reduce){
  body[data-site="headz"] :is(.hero h1>span,.pack-hero h1 .pack-title-z){animation:none;background:none;color:var(--td-coral);-webkit-text-fill-color:var(--td-coral)}
  .headz-sidekick .cta-side-character .wink-eye,.headz-sidekick:is(:hover,:focus-visible) .cta-glint::after{animation:none}
  body[data-site="headz"] .related-cover>img{transition:none;transform:none!important}
}