.wk-detail{border-top:1px solid var(--wk-line);height:320vh;position:relative}.wk-detail__pin{isolation:isolate;place-items:center;height:100svh;display:grid;position:sticky;top:0;overflow:hidden}.wk-detail__head{top:clamp(5.5rem,12vh,8rem);left:var(--wk-gutter);z-index:3;--p:var(--progress,0);max-width:26rem;opacity:clamp(0, (.36 - var(--p)) / .12, 1);transform:translateY(calc((1 - clamp(0, (.36 - var(--p)) / .12, 1)) * -1.5rem));gap:1rem;display:grid;position:absolute}.wk-detail__circuit,.wk-detail__card-wrap{--p:var(--progress,0);position:absolute;inset:0}.wk-detail__circuit{z-index:1;opacity:clamp(0, (var(--p) - .38) / .18, 1);transform:scale(calc(.7 + .3 * clamp(0, (var(--p) - .38) / .47, 1)))}.wk-circuit{width:100%;height:100%;display:block}.wk-circuit__traces path{fill:none;stroke:#3dffaa8c;stroke-width:2px;stroke-linejoin:round}.wk-circuit__vias circle{fill:var(--wk-bg);stroke:var(--wk-accent);stroke-width:2px}.wk-circuit__die{fill:#0d2219;stroke:var(--wk-accent);stroke-width:2px}.wk-circuit__cells rect{fill:#3dffaa1f;stroke:#3dffaa66;stroke-width:1px}.wk-circuit__label{fill:var(--wk-accent-soft);font-family:var(--wk-mono);letter-spacing:.3em;font-size:18px}.wk-detail__card-wrap{z-index:2;opacity:clamp(0, (.6 - var(--p)) / .16, 1);transform:scale(calc(1 + min(var(--p), .62) * 1.94));pointer-events:none;place-items:center;display:grid}.wk-zoom-card{aspect-ratio:1.586;background:radial-gradient(120% 90% at 85% 0,#3dffaa29,#0000 60%),linear-gradient(145deg,#0d1c16,#050b08 70%);border-radius:1.25rem;width:min(26rem,78vw);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #78ffbe47,0 40px 80px -30px #000000e6,0 0 70px #3dffaa24}.wk-zoom-card__brand{letter-spacing:.08em;font-size:.78rem;font-weight:700;font-stretch:125%;position:absolute;top:1.3rem;left:1.5rem}.wk-zoom-card__line{color:var(--wk-muted);font-size:.62rem;position:absolute;bottom:1.3rem;left:1.5rem}.wk-zoom-card__chip{aspect-ratio:1;background:linear-gradient(90deg,#0000 32%,#8affc673 32% 34%,#0000 34% 66%,#8affc673 66% 68%,#0000 68%),linear-gradient(#0000 32%,#8affc673 32% 34%,#0000 34% 66%,#8affc673 66% 68%,#0000 68%),linear-gradient(145deg,#1d4a36,#0b2018);border:1px solid #8affc6b3;border-radius:.6rem;width:24%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 24px #3dffaa4d}.wk-zoom-card__chip>span{background:#3dffaa80;width:70%;height:1px;position:absolute;top:50%}.wk-zoom-card__chip>span:first-child{right:100%}.wk-zoom-card__chip>span:nth-child(2){left:100%}.wk-zoom-card__chip>span:nth-child(3){width:1px;height:60%;top:auto;bottom:100%;left:50%}.wk-detail__statement{--p:var(--progress,0);right:var(--wk-gutter);z-index:3;border:1px solid var(--wk-line);max-width:34rem;color:var(--wk-ink);text-wrap:pretty;opacity:clamp(0, (var(--p) - .68) / .14, 1);transform:translateY(calc((1 - clamp(0, (var(--p) - .68) / .14, 1)) * 1rem));background:#040a08db;border-radius:1rem;margin:0;padding:1.1rem 1.3rem;font-size:clamp(1rem,1.5vw,1.2rem);position:absolute;bottom:clamp(2rem,8vh,5rem)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.wk-detail{view-timeline:--wk-detail block;view-timeline-inset:0}.wk-detail__head,.wk-detail__circuit,.wk-detail__card-wrap,.wk-detail__statement{animation:none;animation-timeline:--wk-detail;animation-range:contain}.wk-detail__head{animation-name:wk-detail-head}.wk-detail__circuit{animation-name:wk-detail-circuit}.wk-detail__card-wrap{animation-name:wk-detail-card}.wk-detail__statement{animation-name:wk-detail-statement}}}@keyframes wk-detail-head{0%,24%{opacity:1;transform:none}36%,to{opacity:0;transform:translateY(-1.5rem)}}@keyframes wk-detail-circuit{0%,38%{opacity:0;transform:scale(.7)}56%{opacity:1}85%,to{opacity:1;transform:scale(1)}}@keyframes wk-detail-card{0%{opacity:1;transform:scale(1)}44%{opacity:1}60%{opacity:0}62%,to{opacity:0;transform:scale(2.2)}}@keyframes wk-detail-statement{0%,68%{opacity:0;transform:translateY(1rem)}82%,to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.wk-detail{height:auto}.wk-detail__pin{height:auto;min-height:44rem;padding:6rem var(--wk-gutter) 4rem;position:relative}.wk-detail__head,.wk-detail__circuit{opacity:1;transform:none}.wk-detail__circuit{-webkit-mask-image:linear-gradient(90deg,#0000 18%,#000 42%);mask-image:linear-gradient(90deg,#0000 18%,#000 42%)}.wk-detail__card-wrap{padding:0 0 4rem var(--wk-gutter);opacity:1;place-items:end start;transform:none}.wk-zoom-card{width:min(16rem,60vw)}.wk-detail__statement{opacity:1;transform:none}}@media (width<=760px){.wk-detail__head{right:var(--wk-gutter)}.wk-detail__statement{left:var(--wk-gutter)}}@media (width<=760px) and (prefers-reduced-motion:reduce){.wk-detail__pin{place-items:stretch stretch;gap:2rem;display:grid}.wk-detail__head,.wk-detail__statement{position:relative;inset:auto}.wk-detail__card-wrap{display:none}}