.journey-track{position:relative}.journey-path{position:absolute;inset-block:0;inset-inline-start:0;width:1px;background:var(--color-accent);opacity:.4;pointer-events:none;transform:scaleY(0);transform-origin:50% 0;transition:transform 1.6s var(--ease-brand) .08s;will-change:transform;-webkit-mask-image:linear-gradient(180deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(180deg,transparent,#000 6%,#000 94%,transparent)}.journey-track[data-in=true] .journey-path{transform:scaleY(1)}.journey-step{position:relative;padding-inline-start:30px;opacity:0;transform:translateY(18px);transition:opacity .8s var(--ease-brand),transform .8s var(--ease-brand);transition-delay:calc(.24s + var(--i, 0) * .16s);will-change:transform,opacity}.journey-track[data-in=true] .journey-step{opacity:1;transform:none}.journey-node{position:absolute;inset-inline-start:-5px;top:9px;width:11px;height:11px;border-radius:999px;background:var(--color-accent);border:2px solid var(--color-bg);opacity:0;transform:scale(.3);transition:opacity .5s var(--ease-brand),transform .5s var(--ease-brand);transition-delay:calc(.16s + var(--i, 0) * .16s)}.journey-track[data-in=true] .journey-node{opacity:1;transform:none}@media (min-width:1024px){.journey-step{padding-inline-start:46px}}.scan-window{position:relative;overflow:hidden;border-radius:var(--radius-tile);border:1px solid var(--color-line);background:var(--color-bg);aspect-ratio:1/1}.scan-sweep{position:absolute;inset-inline:8%;top:0;height:100%;border-top:2px solid var(--color-accent);opacity:.65;animation:scan-travel 3.6s var(--ease-brand) infinite}@keyframes scan-travel{0%{transform:translateY(0);opacity:0}14%{opacity:.7}86%{opacity:.7}to{transform:translateY(100%);opacity:0}}.hair-card{background:var(--color-raised);border:1px solid var(--color-line);border-radius:var(--radius-card);transition:border-color .35s var(--ease-brand)}.hair-card:focus-within,.hair-card:hover{border-color:var(--color-accent)}.article-row{position:relative;display:block}.article-row:after{content:"";position:absolute;inset-inline-start:0;bottom:0;width:100%;height:1px;background:var(--color-accent);transform:scaleX(0);transform-origin:0 50%;transition:transform .5s var(--ease-brand)}[dir=rtl] .article-row:after{transform-origin:100% 50%}.article-row:focus-visible:after,.article-row:hover:after{transform:scaleX(1)}@media (prefers-reduced-motion:reduce){.journey-path{transform:scaleY(1);transition:none}.journey-node,.journey-step{opacity:1;transform:none;transition:none}.scan-sweep{animation:none;opacity:.5;transform:translateY(50%)}.article-row:after{transition:none}}