.wk-vault{border-top:1px solid var(--wk-line);background:radial-gradient(40% 50% at 70%,#3dffaa12,#0000 75%);height:280vh;position:relative}.wk-vault__pin{height:100svh;padding:5rem var(--wk-gutter) 2rem;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(2rem,4vw,4rem);display:grid;position:sticky;top:0}.wk-vault__copy{gap:1.1rem;display:grid}.wk-vault__items{border-top:1px solid var(--wk-line);gap:0;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.wk-vault__item{--p:var(--progress,1);--start:.18;border-bottom:1px solid var(--wk-line);opacity:calc(.28 + .72 * clamp(0, (var(--p) - var(--start)) / .1, 1));transform:translateX(calc((1 - clamp(0, (var(--p) - var(--start)) / .1, 1)) * -.6rem));grid-template-columns:2.2rem 1fr;column-gap:.75rem;padding:.85rem .4rem;display:grid}.wk-vault__item:nth-child(2){--start:.34}.wk-vault__item:nth-child(3){--start:.5}.wk-vault__item:nth-child(4){--start:.66}.wk-vault__item strong{font-size:1rem;font-weight:650;font-stretch:112%}.wk-vault__item>span:last-child{color:var(--wk-muted);grid-column:2;font-size:.9rem}.wk-vault__index{color:var(--wk-accent);grid-row:span 2;padding-top:.2rem}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.wk-vault{view-timeline:--wk-vault block;view-timeline-inset:0}.wk-vault__item{animation:linear both wk-vault-item;animation-timeline:--wk-vault;animation-range:contain 18% contain 28%}.wk-vault__item:nth-child(2){animation-range:contain 34% contain 44%}.wk-vault__item:nth-child(3){animation-range:contain 50% contain 60%}.wk-vault__item:nth-child(4){animation-range:contain 66% contain 76%}}}@keyframes wk-vault-item{0%{opacity:.28;transform:translate(-.6rem)}to{opacity:1;transform:none}}.wk-vault__stage{width:100%;height:min(78svh,46rem);position:relative}.wk-vault__canvas,.wk-vault__canvas canvas{width:100%;height:100%;position:absolute;inset:0}.wk-vault__canvas canvas{opacity:0;transition:opacity .9s var(--wk-ease)}.wk-vault__stage[data-ready=true] .wk-vault__canvas canvas{opacity:1}.wk-vault__fallback{transition:opacity .9s var(--wk-ease);place-items:center;display:grid;position:absolute;inset:0}.wk-vault__fallback>span{aspect-ratio:1;border:clamp(6px,1.6vw,18px) solid #1a2621;border-radius:50%;grid-area:1/1;max-height:100%;box-shadow:inset 0 1px #8affc640,0 0 0 1px #3dffaa33,0 -1px #8affc62e}.wk-vault__fallback>span:first-child{background:radial-gradient(circle,#3dffaa73,#0b1611 70%)}.wk-vault__stage[data-ready=true] .wk-vault__fallback{opacity:0}@media (prefers-reduced-motion:reduce){.wk-vault{height:auto}.wk-vault__pin{height:auto;min-height:100svh;position:relative}.wk-vault__item{opacity:1;transform:none}}@media (width<=900px){.wk-vault{height:auto}.wk-vault__pin{grid-template-columns:minmax(0,1fr);height:auto;padding-top:clamp(5rem,12vw,9rem);position:relative}.wk-vault__stage{z-index:0;grid-row:1;height:52svh;position:sticky;top:4rem}.wk-vault__copy{z-index:1;border:1px solid var(--wk-line);background:#040907e6;border-radius:1.25rem;padding:1.25rem;position:relative}.wk-vault__item{opacity:1;animation:none;transform:none}}@media (width<=900px) and (prefers-reduced-motion:no-preference){.wk-vault__copy{margin-top:45svh}}