/* ═══ Hero headline — sewing-machine stitch reveal (blue phrase only) ═══
   The needle/thread/guide are decorative overlays injected by js/stitch.js.
   The real text always lives in .stitch-label so it stays readable/SEO'd
   even if JS never runs (clip-path just hides it visually, not from AT). */
.hero-h .stitch{position:relative;display:inline-block;vertical-align:baseline}
.hero-h .stitch-label{position:relative;display:inline-block;color:var(--accent-lt);white-space:nowrap;clip-path:inset(0 100% 0 0)}
/* shine is a real, separate, aria-hidden element — never part of the label's accessible name */
.hero-h .stitch-shine{position:absolute;inset:0;white-space:nowrap;color:transparent;background-image:linear-gradient(100deg,transparent 42%,rgba(255,255,255,.65) 50%,transparent 58%);background-size:240% 100%;background-position:170% 0;-webkit-background-clip:text;background-clip:text;opacity:0;pointer-events:none}
.hero-h .stitch-shine.shine{animation:stitchShine 1.15s cubic-bezier(.4,0,.2,1)}
@keyframes stitchShine{
  0%{opacity:0;background-position:170% 0}
  14%{opacity:1}
  82%{opacity:1}
  100%{opacity:0;background-position:-60% 0}
}

.hero-h .stitch-guide{position:absolute;left:0;right:0;bottom:.16em;height:1px;background-image:repeating-linear-gradient(90deg,var(--text-faint) 0,var(--text-faint) 3px,transparent 3px,transparent 8px);opacity:.16;transition:opacity .6s ease}
.hero-h .stitch-guide.done{opacity:0}

.hero-h .stitch-needle{position:absolute;left:0;bottom:-.34em;width:24px;height:38px;opacity:0;pointer-events:none;will-change:transform,opacity;overflow:visible}
.stitch-needle .sn-thread{stroke:var(--accent-lt);stroke-width:1;fill:none;opacity:.9}
.stitch-needle .sn-bar{transform:translateY(0)}
.stitch-needle .sn-bar,.stitch-needle .sn-foot{transition:opacity .1s linear}
@media(min-width:561px){.hero-h .stitch-needle{width:28px;height:45px}}
@media(min-width:901px){.hero-h .stitch-needle{width:32px;height:52px}}

@media(prefers-reduced-motion:reduce){
  .hero-h .stitch-label{clip-path:none!important}
  .hero-h .stitch-guide,.hero-h .stitch-shine,.hero-h .stitch-needle{display:none}
}