.vh-path{--_dot: 14px;--_line: color-mix(in srgb, var(--vh-ink) 18%, transparent);background:var(--vh-paint, var(--vh-surface));color:var(--vh-ink);padding-block:clamp(72px,9vw,140px);overflow:clip}.vh-path__inner{max-width:calc(1180px + 2 * var(--vh-edge));margin-inline:auto;padding-inline:var(--vh-edge)}.vh-path__head{max-width:40rem;margin-bottom:clamp(48px,7vw,96px)}.vh-path__title{margin:0;font-family:var(--font-heading-family);font-size:var(--vh-h1);font-weight:var(--vh-heading-weight);line-height:1.04;letter-spacing:-.015em;color:var(--vh-white)}.vh-path__lede{margin:18px 0 0;font-size:var(--vh-body);line-height:1.55;color:var(--vh-ink-soft)}.vh-path__track{position:relative}.vh-path__line{position:absolute;inset-inline:calc(var(--_dot) / 2) calc(12.5% - var(--_dot) / 2);inset-block-start:calc(28px + var(--_dot) / 2);block-size:1px;background:var(--_line);transform-origin:left center;transform:scaleX(0);transition:transform 1.6s var(--vh-ease-out) .15s;pointer-events:none}.vh-path__track.is-in .vh-path__line{transform:scaleX(1)}.vh-reveal-all .vh-path__line{transform:none}.vh-path__light{position:absolute;inset-block-start:-3px;inline-size:72px;block-size:7px;border-radius:9999px;background:radial-gradient(closest-side,rgb(255 255 255 / .55),transparent);opacity:0}.vh-path__track.is-in .vh-path__light{animation:vh-path-travel 4.8s var(--vh-ease-out) 1.8s infinite}@keyframes vh-path-travel{0%{left:-72px;opacity:0}12%{opacity:1}80%{opacity:1}to{left:100%;opacity:0}}.vh-path__stops{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,40px);margin:0;padding:0;list-style:none}.vh-path__stop{position:relative;padding-top:28px;opacity:0;transform:translate3d(0,14px,0);transition:opacity .8s var(--vh-ease-out),transform .9s var(--vh-ease-out);transition-delay:calc(.35s + var(--i, 0) * .32s)}.vh-path__track.is-in .vh-path__stop,.vh-reveal-all .vh-path__stop{opacity:1;transform:none}.vh-path__dot{display:block;inline-size:var(--_dot);block-size:var(--_dot);margin-bottom:22px;border-radius:50%;background:var(--vh-paint, var(--vh-surface));box-shadow:inset 0 0 0 1.5px var(--vh-ink)}.vh-path__stop.is-felt .vh-path__dot{background:var(--vh-orange);box-shadow:0 0 0 6px #ff7a1a24,0 0 28px 6px #ff7a1a47}.vh-path__track.is-in .vh-path__stop.is-felt .vh-path__dot{animation:vh-path-glow 3.2s ease-in-out 2s infinite}@keyframes vh-path-glow{50%{box-shadow:0 0 0 9px #ff7a1a1a,0 0 40px 10px #ff7a1a57}}.vh-path__enzyme{position:absolute;inset-block-start:0;inset-inline-start:calc(-.5*clamp(20px,3vw,40px));transform:translate(-50%);font:600 11px/1 var(--vh-font);letter-spacing:.12em;color:var(--vh-ink-soft)}.vh-path__name{margin:0;font-family:var(--font-heading-family);font-size:clamp(20px,1.9vw,26px);font-weight:500;line-height:1.15;color:var(--vh-white)}.vh-path__tag{margin:8px 0 0;font:600 12.5px/1.3 var(--vh-font);color:var(--vh-orange)}.vh-path__text{margin:10px 0 0;max-width:22ch;font-size:15px;line-height:1.5;color:var(--vh-ink-soft)}.vh-path__branch{position:relative;margin-top:clamp(40px,5vw,64px);margin-inline-start:calc(25% + clamp(20px,3vw,40px)/4);padding-inline-start:28px;max-width:36rem;opacity:0;transition:opacity .9s var(--vh-ease-out) 1.7s}.vh-path__track.is-in .vh-path__branch,.vh-reveal-all .vh-path__branch{opacity:1}.vh-path__drop{position:absolute;inset-inline-start:0;inset-block:-28px 6px;border-inline-start:1px dashed color-mix(in srgb,var(--vh-ink) 30%,transparent)}.vh-path__note{margin:0 0 12px;font-size:15px;line-height:1.55;color:var(--vh-ink-soft)}.vh-path__note strong{font-weight:500;color:var(--vh-white);margin-inline-end:6px}.vh-path__foot{margin:clamp(40px,5vw,64px) 0 0;max-width:52ch;font-size:13px;line-height:1.5;color:var(--vh-ink-soft)}@media(max-width:749px){.vh-path__line{inset-inline:calc(var(--_dot) / 2 - .5px) auto;inset-block:34px 34px;inline-size:1px;block-size:auto;transform-origin:center top;transform:scaleY(0)}.vh-path__track.is-in .vh-path__line{transform:scaleY(1)}.vh-path__light{display:none}.vh-path__stops{grid-template-columns:1fr;gap:34px}.vh-path__stop{display:grid;grid-template-columns:var(--_dot) 1fr;column-gap:22px;padding-top:0}.vh-path__stop>:not(.vh-path__dot,.vh-path__enzyme){grid-column:2}.vh-path__dot{grid-row:1 / span 3;margin:6px 0 0}.vh-path__enzyme{position:static;transform:none;grid-column:2;margin-bottom:8px}.vh-path__text{max-width:none}.vh-path__branch{margin-inline-start:calc(var(--_dot) + 22px);padding-inline-start:20px}.vh-path__drop{inset-block-start:-18px}}@media(prefers-reduced-motion:reduce){.vh-path__line{transform:none!important;transition:none}.vh-path__stop,.vh-path__branch{opacity:1;transform:none;transition:none}.vh-path__light,.vh-path__stop.is-felt .vh-path__dot{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/vh-pathway.css.map */
