.spine-root{gap:var(--s5);display:grid}.rel-cards{gap:var(--s5);grid-template-columns:1fr;display:grid}@media (width>=56rem){.rel-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.rel-card{--card-pad:1.5rem;border:1px solid var(--line);background:var(--surface);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}@media (width<=39.99rem){.rel-card{--card-pad:1.25rem}}.rel-meta{align-items:center;gap:var(--s2) var(--s3);padding:var(--s3) var(--card-pad);border-bottom:1px solid var(--line);color:var(--muted);flex-wrap:wrap;display:flex}.rel-meta img{border-radius:var(--r-sm);width:28px;height:28px}.rel-meta b{color:var(--text);font-size:1rem;font-weight:600}.rel-meta .mono{font:var(--t-meta);letter-spacing:var(--t-meta-track);color:var(--muted)}.rel-meta .rel-date{margin-left:auto}.rel-main{gap:var(--s4);padding:var(--card-pad) var(--card-pad) var(--s4);flex-direction:column;display:flex}.rel-card h3{color:var(--text);letter-spacing:var(--t-title-track);font-size:1.125rem;font-weight:600;line-height:var(--t-title-lh)}.rel-lines{display:grid}.rel-lines li{border-top:1px solid var(--line);grid-template-columns:6.25rem 4.75rem minmax(0,1fr);align-items:baseline;column-gap:.75rem;padding-block:.625rem;display:grid}.kd{font:var(--t-kind);text-transform:uppercase;letter-spacing:.08em;color:var(--signal)}.kd-fixed .kd{color:var(--muted)}.rel-lines .ar{font:var(--t-area);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.rel-lines .txt{max-width:68ch;font-size:var(--t-body-size);line-height:var(--t-body-lh);color:var(--muted)}@media (width<=40rem){.rel-lines li{flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;display:flex}.rel-lines .txt{flex-basis:100%}}.rel-foot{padding:var(--s3) var(--card-pad);border-top:1px solid var(--line);margin-top:auto}.rel-read{color:var(--text);font-size:.9375rem;font-weight:600;display:inline-block}.rel-all{color:var(--muted);justify-self:start;padding-block:.25rem;font-size:.9375rem;font-weight:540}.rel-read:hover,.rel-all:hover{color:var(--text)}@property --lift{syntax:"<number>";inherits:true;initial-value:1}@property --settle{syntax:"<number>";inherits:true;initial-value:1}@property --pop{syntax:"<number>";inherits:true;initial-value:0}@property --cx{syntax:"<length>";inherits:false;initial-value:9em}@property --cy{syntax:"<length>";inherits:false;initial-value:14em}@property --cz{syntax:"<length>";inherits:false;initial-value:9em}.hx{isolation:isolate;min-height:min(100svh - 4.25rem,58rem);padding-block:var(--s8);place-items:center;display:grid;position:relative;overflow:clip}.hx-in{text-align:center;justify-items:center;display:grid;position:relative}.hx-in:before{content:"";z-index:-1;background:radial-gradient(closest-side, color-mix(in oklab, var(--bg) 88%, transparent) 30%, color-mix(in oklab, var(--bg) 55%, transparent) 70%, transparent);pointer-events:none;position:absolute;inset:-18% -12%}.hx-h1{letter-spacing:-.035em;text-wrap:balance;max-width:15ch;margin:0;font-size:clamp(2.75rem,1rem + 5.4vw,5.5rem);font-weight:600;font-stretch:92%;line-height:.98}.hx-lead{margin:var(--s5) 0 0;max-width:44ch;color:var(--muted);text-wrap:balance;font-size:1.125rem}.hx-actions{justify-content:center;gap:var(--s4);margin:var(--s7) 0 0;flex-wrap:wrap;display:flex}.hx-art{z-index:-1;perspective:2600px;perspective-origin:50% 30%;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 66%,#0000 97%);mask-image:linear-gradient(#000 0 66%,#0000 97%)}.hx-scene{--lift:1;--settle:1;width:80em;height:50em;transform-style:preserve-3d;font-size:clamp(7px,1.02vw,14px);position:relative;transform:translateY(14%)rotateX(57deg)rotate(-33deg)}.hx-page{border:1px solid var(--line-strong);background:color-mix(in oklab, var(--surface) 55%, transparent);transform-style:preserve-3d;border-radius:1.4em;position:absolute;inset:0}.hx-page i{display:block;position:absolute}.hx-page s,.hx-page b,.hx-page u{text-decoration:none;display:block}.pg-bar{border-bottom:1px solid var(--line);align-items:center;gap:.7em;height:3.6em;padding-inline:1.4em;display:flex;inset:0 0 auto}.pg-bar b{background:var(--line-strong);border-radius:50%;width:.8em;height:.8em}.pg-bar u{border:1px solid var(--line);border-radius:.8em;width:30em;height:1.6em;margin-left:1.2em}.pg-side{align-content:start;gap:1.6em;width:15em;height:41em;padding-top:1em;display:grid;top:6em;left:1.5em}.pg-side s{background:var(--line);border-radius:.45em;height:.9em}.pg-side s:nth-child(2n){width:70%}.pg-title{background:var(--line-strong);opacity:.7;border-radius:.5em;width:26em;height:2.6em;top:6.4em;left:20em}.pg-video{border:1px solid var(--line-strong);background:color-mix(in oklab, var(--line) 45%, transparent);border-radius:.8em;width:32em;height:18.5em;top:11em;left:20em}.pg-text{gap:1.2em;width:32em;display:grid;top:32em;left:20em}.pg-text s{background:var(--line);border-radius:.4em;height:.8em}.pg-text s:last-child{width:60%}.pg-btn{background:var(--line-strong);opacity:.8;border-radius:1.6em;width:9em;height:3.2em;top:41.6em;left:20em}.pg-tiles{grid-template-columns:1fr 1fr;gap:1.2em;width:21em;display:grid;top:6.4em;left:56em}.pg-tiles s{border:1px solid var(--line);background:color-mix(in oklab, var(--line) 30%, transparent);border-radius:.7em;height:11.5em}.hx-layer{--zz:calc((var(--z) + var(--pop) * 1.6em) * var(--lift) * var(--settle));left:var(--x);top:var(--y);width:var(--w);height:var(--h);transform-style:preserve-3d;position:absolute}.hx-pane{border:1px solid color-mix(in oklab, var(--signal) calc(60% + 40% * var(--pop)), transparent);background:color-mix(in oklab, var(--raised) 78%, transparent);box-shadow:0 0 0 1px color-mix(in oklab, var(--bg) 40%, transparent);transform:translateZ(var(--zz));border-radius:.7em;position:absolute;inset:0}.hx-name{font:600 1em/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--signal);white-space:nowrap;position:absolute;bottom:calc(100% + .6em);left:0}.hx-foot{border:1px dashed color-mix(in oklab, var(--signal) 60%, transparent);background:color-mix(in oklab, var(--signal) calc(10% * var(--lift) * var(--settle)), transparent);border-radius:.7em;position:absolute;inset:0}.hx-pane s,.hx-pane b{text-decoration:none;display:block}.ly-folders{align-content:start;gap:1.1em;display:grid;position:absolute;inset:1.4em}.ly-folders s{border:1px solid color-mix(in oklab, var(--signal) 55%, transparent);background:linear-gradient(90deg, color-mix(in oklab, var(--signal) 70%, transparent) 0 .5em, transparent .5em);border-radius:.4em;height:2.6em}.ly-captions{justify-items:center;gap:.7em;display:grid;position:absolute;inset:.9em 2em}.ly-captions s{width:calc(88% - 24% * var(--pop));background:color-mix(in oklab, var(--text) 75%, transparent);border-radius:.3em;height:1.2em}.ly-captions s+s{width:calc(70% + 18% * var(--pop));background:var(--signal)}.ly-rank{grid-template-columns:auto 1fr 1fr 1fr;align-items:end;gap:.9em;display:grid;position:absolute;inset:1.4em}.ly-rank b{font:700 3.6em/1 var(--mono);color:var(--signal);letter-spacing:-.04em;align-self:start}.ly-rank s{background:color-mix(in oklab, var(--signal) 45%, transparent);border-radius:.3em .3em 0 0}.ly-rank s:first-of-type{height:calc(4em + 1em * var(--pop))}.ly-rank s:nth-of-type(2){height:calc(7em + 2em * var(--pop))}.ly-rank s:nth-of-type(3){height:calc(11em + 2.5em * var(--pop));background:var(--signal)}.ly-step{--c:var(--signal);background:linear-gradient(var(--c), var(--c)) top left / 1.6em 2px, linear-gradient(var(--c), var(--c)) top left / 2px 1.6em, linear-gradient(var(--c), var(--c)) top right / 1.6em 2px, linear-gradient(var(--c), var(--c)) top right / 2px 1.6em, linear-gradient(var(--c), var(--c)) bottom left / 1.6em 2px, linear-gradient(var(--c), var(--c)) bottom left / 2px 1.6em, linear-gradient(var(--c), var(--c)) bottom right / 1.6em 2px, linear-gradient(var(--c), var(--c)) bottom right / 2px 1.6em;background-repeat:no-repeat;border:2px solid #0000;position:absolute;inset:-.6em}.ly-step b{background:var(--signal);width:2.4em;height:2.4em;color:var(--bg);font:700 1.3em/1 var(--mono);border-radius:50%;place-items:center;display:grid;position:absolute;top:-1.2em;right:-1.2em}.hx-layer--step .hx-pane{box-shadow:none;background:0 0;border-color:#0000}.ly-folders s:nth-child(2){background:linear-gradient(90deg, color-mix(in oklab, var(--signal) 70%, transparent) 0 .5em, color-mix(in oklab, var(--signal) calc(22% * var(--pop)), transparent) .5em)}.ly-step{opacity:calc(.55 + .45 * var(--pop));transform:scale(calc(1.1 - .1 * var(--pop)))}.ly-step b{transform:scale(calc(1 + .18 * var(--pop)))}.hx-cursor{width:1.7em;color:var(--text);transform-style:preserve-3d;transform:translate3d(var(--cx), var(--cy), calc(var(--cz) * var(--settle) + .6em)) rotateZ(33deg) rotateX(-57deg);display:none;position:absolute;top:0;left:0}.hx-cursor svg{width:100%;height:auto;fill:var(--text);stroke:var(--bg);stroke-width:1.2px;stroke-linejoin:round;filter:drop-shadow(0 .3em .4em oklch(0% 0 0/.35));display:block}@media (prefers-reduced-motion:no-preference){.hx-layer{animation-name:hx-lift,hx-pop;animation-duration:.9s,12s;animation-delay:var(--d), calc(1.7s + var(--i) * 3s);animation-timing-function:cubic-bezier(.34,1.25,.64,1),cubic-bezier(.45,0,.2,1);animation-iteration-count:1,infinite;animation-fill-mode:both,both}.hx-cursor{animation-name:hx-cursor,hx-show;animation-duration:12s,.4s;animation-timing-function:cubic-bezier(.45,0,.2,1),ease-out;animation-iteration-count:infinite,1;animation-delay:1.7s,1.5s;animation-fill-mode:both,both;display:block}@keyframes hx-lift{0%{--lift:0}to{--lift:1}}@keyframes hx-pop{0%,5%{--pop:0}10%,20%{--pop:1}26%,to{--pop:0}}@keyframes hx-show{0%{opacity:0}to{opacity:1}}@keyframes hx-cursor{0%,18%{--cx:9em;--cy:14.5em;--cz:9em}25%,43%{--cx:37em;--cy:27em;--cz:13em}50%,68%{--cx:66em;--cy:15em;--cz:17em}75%,93%{--cx:24.5em;--cy:43em;--cz:6em}to{--cx:9em;--cy:14.5em;--cz:9em}}@supports (animation-timeline:scroll()){.hx-layer{animation-name:hx-lift,hx-pop,hx-settle;animation-duration:.9s, 12s, auto;animation-delay:var(--d), calc(1.7s + var(--i) * 3s), 0s;animation-timing-function:cubic-bezier(.34,1.25,.64,1),cubic-bezier(.45,0,.2,1),linear;animation-iteration-count:1,infinite,1;animation-fill-mode:both,both,both;animation-timeline:auto,auto,scroll(root);animation-range:normal,normal,0 75vh}.hx-cursor{animation-name:hx-cursor,hx-show,hx-settle;animation-duration:12s, .4s, auto;animation-timing-function:cubic-bezier(.45,0,.2,1),ease-out,linear;animation-iteration-count:infinite,1,1;animation-delay:1.7s,1.5s,0s;animation-fill-mode:both,both,both;animation-timeline:auto,auto,scroll(root);animation-range:normal,normal,0 75vh}@keyframes hx-settle{0%{--settle:1}to{--settle:.04}}}}@media (width<=39.99rem){.hx{min-height:0;padding-block:var(--s8) var(--s9)}.hx-scene{font-size:6.5px;transform:translateY(30%)rotateX(57deg)rotate(-33deg)}.hx-name{font-size:1.4em}}@media (width>=64rem){#tools .kit-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=80rem){#tools .kit-grid--3{grid-template-columns:repeat(4,minmax(0,1fr))}}