@property --dk-p{syntax:"<number>";inherits:true;initial-value:0}@property --dk-i{syntax:"<number>";inherits:false;initial-value:0}@property --dk-m{syntax:"<number>";inherits:true;initial-value:0}@property --dk-im{syntax:"<number>";inherits:true;initial-value:0}@property --dk-me{syntax:"<number>";inherits:true;initial-value:0}@property --dk-th{syntax:"<angle>";inherits:false;initial-value:0deg}@property --dk-gx{syntax:"<length>";inherits:false;initial-value:0}@property --dk-gy{syntax:"<length>";inherits:false;initial-value:0}@property --dk-gz{syntax:"<length>";inherits:false;initial-value:0}@property --dk-gr{syntax:"<angle>";inherits:false;initial-value:0deg}@property --dk-grz{syntax:"<angle>";inherits:false;initial-value:0deg}@property --dk-gs{syntax:"<number>";inherits:false;initial-value:1}@property --dk-d{syntax:"<number>";inherits:false;initial-value:0}@property --dk-wf{syntax:"<number>";inherits:false;initial-value:0}@property --dk-w{syntax:"<length>";inherits:true;initial-value:0}@property --dk-yaw{syntax:"<angle>";inherits:true;initial-value:0deg}@property --dk-depth-k{syntax:"<number>";inherits:true;initial-value:0}@property --dk-rise-k{syntax:"<number>";inherits:true;initial-value:0}@property --dk-fan-r{syntax:"<length>";inherits:true;initial-value:0}@property --dk-fan-step{syntax:"<angle>";inherits:true;initial-value:0deg}@property --dk-ring-r{syntax:"<length>";inherits:true;initial-value:0}@property --dk-ring-step{syntax:"<angle>";inherits:true;initial-value:0deg}@property --dk-flat-k{syntax:"<number>";inherits:true;initial-value:1}@property --dk-fan-c0{syntax:"<number>";inherits:true;initial-value:0}@property --dk-fan-pitch{syntax:"<number>";inherits:true;initial-value:0}@property --dk-din{syntax:"<number>";inherits:false;initial-value:0}@property --dk-dout{syntax:"<number>";inherits:false;initial-value:0}@property --dk-arc{syntax:"<number>";inherits:false;initial-value:0}.deck{--persp:3600px;--off-x:-14%;--off-y:13%;--dk-yaw:40deg;--w-vmin:44;--w-min:180px;--dk-w:clamp(var(--w-min), calc(var(--w-vmin) * 1vmin), 560px);--dk-depth-k:.13;--dk-rise-k:.042;--dk-thick-k:.022;--dk-thick:calc(var(--dk-w) * var(--dk-thick-k));--dk-wash:.1;--dk-board:linear-gradient(color-mix(in srgb, var(--neutral-100) calc(var(--dk-wash) * 100%), transparent) 0%, color-mix(in srgb, var(--neutral-100) calc(var(--dk-wash) * 100%), transparent) 100%);--dk-sheen:linear-gradient(to right, #ffffff6b 0%, #ffffff29 7%, #ffffff0a 20%, #0000000f 46%, #0003 76%, #00000057 100%);--dk-sheen-flip:linear-gradient(to left, #ffffff6b 0%, #ffffff29 7%, #ffffff0a 20%, #0000000f 46%, #0003 76%, #00000057 100%);--dk-stock:linear-gradient(to right, var(--neutral-0) 0%, var(--neutral-100) 38%, var(--neutral-200) 70%, var(--neutral-300) 100%);--pop-k:.55;--focus:1.15;--pop-ry:-5deg;--travel:10;--travel-x:26;--follow:.46s;--ease-follow:cubic-bezier(.34, 1.3, .64, 1);--dk-m:0;--m-dur:.68s;--dk-fan-step:9deg;--fan-fall:.045;--fan-min:.4;--fan-gap:1.06;--dk-fan-r:calc(var(--dk-w) * var(--fan-gap) / (2 * sin(calc(var(--dk-fan-step) / 2))));--dk-fan-c0:calc(sqrt((1 - var(--fan-min)) / var(--fan-fall)));--dk-fan-pitch:calc(2 * sin(calc(var(--dk-fan-step) / 2)) / var(--fan-gap));--dk-flat-k:1.12;--dk-ring-step:7deg;--dk-ring-r:calc(var(--dk-w) * 4);--intro-dur:2s;--intro-rise:64px;--intro-card:.52s;--intro-step:55ms;--intro-cap:12;height:calc(100svh + var(--count,50) * var(--travel) * 1svh);transition:--dk-m var(--m-dur) var(--ease-entrance);animation:deck-intro var(--intro-dur) backwards;--dk-me:max(var(--dk-m), var(--dk-im));animation-play-state:paused;position:relative}.deck__track{display:contents}@media (max-width:640px){.deck{--w-min:72vw;--off-x:-8%;--off-y:8%;--follow:.3s}}@media (min-width:641px){.page-card.is-active .deck__stage{top:var(--snap,0px);position:absolute;left:0;right:0}}.deck__stage{height:100svh;perspective:var(--persp);perspective-origin:50%;touch-action:pan-y;cursor:grab;transition:--dk-p var(--follow) var(--ease-follow);position:sticky;top:0;overflow:clip}@media (max-width:640px){.deck{overscroll-behavior-x:contain;scrollbar-width:none;height:100svh;overflow:auto hidden}.deck::-webkit-scrollbar{display:none}.deck__track{width:calc(100vw + var(--count,22) * var(--travel-x) * 1vw);height:100svh;display:block;position:relative}.deck__stage{touch-action:pan-x;cursor:default;width:100vw;height:100svh;left:0}}.deck__stage[data-drag="1"]{transition-duration:80ms;transition-timing-function:linear}@media (prefers-reduced-motion:reduce){.deck,.deck__stage{transition:none}}.deck__stage:active{cursor:grabbing}.deck__rail{transform-style:preserve-3d;transform:translate3d(calc(var(--off-x) * (1 - var(--dk-me))), calc(var(--off-y) * (1 - var(--dk-me))), 0) rotateY(calc(var(--dk-yaw) * -1 * (1 - var(--dk-me))));position:absolute;inset:0}.deck__card{width:var(--dk-w);height:var(--dk-w);margin:calc(var(--dk-w) / -2) 0 0 calc(var(--dk-w) / -2);transform-style:preserve-3d;transform-origin:50% 100%;--dk-d:calc(var(--dk-i) - var(--dk-p));--dk-wf:clamp(0, calc(1 - var(--dk-d) * var(--dk-d) / var(--focus)), 1);--sx:calc(var(--dk-wf) * var(--dk-w) * var(--pop-k));--sy:calc(var(--dk-d) * var(--dk-w) * var(--dk-rise-k) * -1);--sz:calc(var(--dk-d) * var(--dk-w) * var(--dk-depth-k) * -1);--sr:calc(var(--dk-wf) * var(--pop-ry));--dk-din:clamp(calc(-1 * var(--dk-fan-c0)), var(--dk-d), var(--dk-fan-c0));--dk-dout:calc(var(--dk-d) - var(--dk-din));--dk-arc:calc(var(--dk-din) - var(--fan-fall) * var(--dk-din) * var(--dk-din) * var(--dk-din) / 3 - var(--fan-fall) * var(--dk-din) / 6 + var(--fan-min) * var(--dk-dout) + (var(--fan-gap) - 1) * var(--dk-d));--dk-th:calc(var(--dk-arc) * var(--dk-fan-pitch) * 57.2958deg);--dk-gx:calc(sin(var(--dk-th)) * var(--dk-fan-r));--dk-gy:calc(var(--dk-fan-r) - cos(var(--dk-th)) * var(--dk-fan-r));--dk-gz:calc(var(--dk-d) * var(--dk-d) * -2px);--dk-gr:0deg;--dk-grz:var(--dk-th);--dk-gs:clamp(var(--fan-min), calc(1 - var(--dk-d) * var(--dk-d) * var(--fan-fall)), 1);transform:translate3d(calc(var(--sx) + (var(--dk-gx) - var(--sx)) * var(--dk-me)), calc(var(--sy) + (var(--dk-gy) - var(--sy)) * var(--dk-me)), calc(var(--sz) + (var(--dk-gz) - var(--sz)) * var(--dk-me))) rotateY(calc(var(--sr) + (var(--dk-gr) - var(--sr)) * var(--dk-me))) rotateZ(calc(var(--dk-grz) * var(--dk-me)))  scale3d(calc(1 + (var(--dk-gs) - 1) * var(--dk-me)), calc(1 + (var(--dk-gs) - 1) * var(--dk-me)), calc(1 + (var(--dk-gs) - 1) * var(--dk-me)));animation:deck-card-rise var(--intro-card) cubic-bezier(.16, 1, .3, 1) backwards;animation-delay:calc(min(var(--dk-i), var(--intro-cap)) * var(--intro-step));animation-play-state:paused;display:block;position:absolute;top:50%;left:50%}.deck__art{object-fit:cover;backface-visibility:hidden;width:100%;height:100%;display:block;position:absolute;inset:0}div.deck__art{background-image:var(--dk-art);background-size:100% 100%}.deck__card:before,.deck__card:after{content:"";height:100%;width:var(--dk-thick);backface-visibility:hidden;pointer-events:none;background-repeat:no-repeat;background-size:auto;position:absolute;top:0}.deck__card:before{transform-origin:0;transform:translateZ(calc(var(--dk-thick) * -1)) rotateY(-90deg);background-image:var(--dk-sheen-flip), var(--dk-board), var(--dk-edge,var(--dk-stock));left:0}.deck__card:after{transform-origin:100%;transform:translateZ(calc(var(--dk-thick) * -1)) rotateY(90deg);background-image:var(--dk-sheen), var(--dk-board), var(--dk-edge,var(--dk-stock));right:0}.deck[data-shape=flat] .deck__card{--dk-gx:calc(var(--dk-d) * var(--dk-w) * var(--dk-flat-k));--dk-gy:0px;--dk-gz:0px;--dk-grz:0deg;--dk-gs:1}.deck[data-shape=ring] .deck__card{--dk-th:calc(var(--dk-d) * var(--dk-ring-step));--dk-gx:calc(sin(var(--dk-th)) * var(--dk-ring-r));--dk-gy:0px;--dk-gz:calc(cos(var(--dk-th)) * var(--dk-ring-r) - var(--dk-ring-r));--dk-gr:var(--dk-th);--dk-grz:0deg;--dk-gs:1}.deck[data-spread="1"] .deck__stage{cursor:ew-resize}.deck__ui{z-index:3;place-items:center;display:grid;position:absolute;bottom:clamp(1.5rem,5vh,3rem);left:0;right:0}@keyframes deck-intro{0%{--dk-im:1;animation-timing-function:linear}58%{--dk-im:1;animation-timing-function:cubic-bezier(.65,0,.35,1)}to{--dk-im:0}}@keyframes deck-card-rise{0%{translate:0 var(--intro-rise);opacity:0}}@keyframes deck-fade{0%{opacity:0}}.deck__stage{animation:.24s backwards paused deck-fade}.deck[data-ready="1"],.deck[data-ready="1"] .deck__stage,.deck[data-ready="1"] .deck__card{animation-play-state:running}@media (prefers-reduced-motion:reduce){.deck,.deck__stage,.deck__card{animation:none}}.deck__count{z-index:2;font-family:var(--font-mono);font-size:var(--text-ui-lg);font-variant-numeric:tabular-nums;color:var(--color-ink);pointer-events:none;position:absolute;top:clamp(5.5rem,12vh,8rem);right:clamp(1.25rem,4vw,3rem)}
