.hero-thread{--thread-hero-duration:.56s;position:relative}.hero-thread__photo{position:relative}.hero-thread__fil,.hero-thread__reach,.hero-thread__knot{pointer-events:none;position:absolute;overflow:visible}.hero-thread__fil,.hero-thread__reach{block-size:100%;inline-size:100%;inset:0}.hero-thread__fil{transform:translateZ(var(--depth-fil,24px))}.hero-thread__knot{block-size:16px;inline-size:16px;transform:translateZ(var(--depth-knot,48px));margin:-8px 0 0 -8px}.hero-thread path{stroke-width:var(--thread-width,2px);vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:0}@media (prefers-reduced-motion:no-preference){:root[data-js]:not([data-comfort=on]):not([data-motion=reduce]) .hero-thread[data-state=idle] path{stroke-dashoffset:1px}}.hero-thread[data-state=drawn] path{stroke-dashoffset:0;transition:stroke-dashoffset calc(var(--thread-hero-duration,.56s) * .55) var(--ease-out,ease-out) calc(var(--thread-hero-duration,.56s) * .3)}.hero-thread[data-state=drawn] .hero-thread__reach path{transition-duration:calc(var(--thread-hero-duration,.56s) * .3);transition-delay:0s}.hero-thread[data-state=drawn] .hero-thread__knot path{transition-duration:calc(var(--thread-hero-duration,.56s) * .15);transition-delay:calc(var(--thread-hero-duration,.56s) * .85)}@media (prefers-reduced-motion:reduce){.hero-thread path{stroke-dashoffset:0;transition:none}}:root[data-comfort=on] .hero-thread path,:root[data-motion=reduce] .hero-thread path{stroke-dashoffset:0;transition:none}