.read-prog{position:fixed;z-index:190;left:50%;top:84px;translate:-50% 0;width:calc(min(100% - 2 * var(--pad),var(--wrap)) - 2 * var(--r-m));height:2px;border-radius:2px;overflow:hidden;pointer-events:none;transition:top .4s var(--ease)}.nav.is-scrolled~main .read-prog{top:78px}.read-prog i{display:block;height:100%;background:var(--fg);border-radius:inherit;transform-origin:left;transform:scaleX(var(--p,0))}.post-hero::before{background:radial-gradient(40% 45% at 80% 20%,var(--glow),transparent 70%),radial-gradient(45% 40% at 15% 5%,var(--spot),transparent 70%)}.ph-top{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-bottom:clamp(28px,3vw,40px)}.ph-top .btn{min-height:44px}.ph-top .btn svg{width:14px;height:14px;transition:transform 350ms var(--ease)}.ph-top .btn:hover svg{transform:translateX(-3px)}.post-hero .ptitle{max-width:19ch;font-size:clamp(2.5rem, 1.1rem + 4.1vw, 5rem);line-height:1.02}.ph-meta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:24px clamp(32px,6vw,96px);margin-top:clamp(36px,4vw,56px);padding-top:28px;border-top:1px solid var(--line)}.ph-meta .lead{justify-self:end}.byline{display:flex;flex-wrap:wrap;align-items:center;gap:14px 16px}.av{flex:none;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--bg-3);box-shadow:inset 0 0 0 1px var(--line-2);font-family:var(--mono);font-size:13px;font-weight:500;letter-spacing:.04em;color:var(--fg)}.by-who{display:grid;line-height:1.35}.by-who b{font-size:16px;font-weight:600}.by-who small{font-size:14px;color:var(--fg-2)}.by-when{display:grid;gap:2px;padding-left:18px;border-left:1px solid var(--line-2);font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);line-height:1.5}@media (max-width:860px){.ph-meta{grid-template-columns:minmax(0,1fr)}.ph-meta .lead{justify-self:start}}.post-poster{display:grid;gap:14px;margin-top:clamp(40px,5vw,72px)}.post-poster .media{border-radius:var(--r-l);box-shadow:0 0 0 1px var(--line-2),0 40px 80px -40px rgb(0 0 0 / .8)}.post-poster .playbtn{width:84px;height:84px}.post-poster .playbtn svg{width:22px;height:22px}.post-poster figcaption{display:flex;align-items:baseline;gap:14px;font-size:15px;color:var(--fg-2)}.post-poster figcaption .label{flex:none;font-size:11.5px}.post-grid{display:grid;grid-template-columns:minmax(0,68ch) 250px;justify-content:space-between;align-items:start;gap:40px clamp(40px,6vw,96px);font-size:18px}.prose{grid-column:1;grid-row:1;max-width:68ch;font-size:18px;line-height:1.75;color:var(--fg-2)}.post-aside{grid-column:2;grid-row:1;position:sticky;top:112px;display:grid;gap:18px;align-content:start;font-size:17px;transition:opacity .8s var(--ease) var(--d, 0ms),transform .9s var(--ease) var(--d, 0ms)}.toc-nav{position:relative}.toc{list-style:none;padding:0;display:grid;border-left:1px solid var(--line)}.toc a{display:flex;align-items:center;min-height:44px;padding:6px 0 6px 18px;font-size:14.5px;line-height:1.35;color:var(--fg-2);text-decoration:none;transition:color 250ms,transform .4s var(--ease)}.toc a:hover{color:var(--fg);transform:translateX(3px)}.toc a[aria-current=true]{color:var(--fg);font-weight:600}.toc a:focus-visible{outline-offset:-2px}.toc-ind{position:absolute;left:-.5px;top:0;width:2px;height:var(--h,44px);border-radius:2px;background:var(--fg);opacity:0;transform:translateY(var(--y,0));transition:transform .5s var(--ease),height .5s var(--ease),opacity .3s;pointer-events:none}.toc-nav.is-ready .toc-ind{opacity:1}.share{display:grid;gap:12px;padding-top:22px;border-top:1px solid var(--line)}.share-btns{display:flex;flex-wrap:wrap;gap:8px}.share-btns .btn{flex:1 1 auto;min-height:44px;padding:0 14px}.share-btns .btn svg{width:15px;height:15px}@media (max-width:1060px){.post-grid{grid-template-columns:minmax(0,1fr)}.prose{grid-row:2}.post-aside{grid-column:1;grid-row:1;position:static;max-width:680px;width:100%;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);column-gap:28px;padding:22px 24px;border:1px solid var(--line);border-radius:var(--r-l)}.post-aside>.label{grid-column:1}.toc-nav{grid-column:1}.share{grid-column:2;grid-row:1/span 2;align-content:start;padding-top:0;padding-left:24px;border-top:0;border-left:1px solid var(--line)}.share-btns{display:grid}}@media (max-width:600px){.post-aside{grid-template-columns:minmax(0,1fr);padding:20px}.share{grid-column:1;grid-row:auto;padding:20px 0 0;border-left:0;border-top:1px solid var(--line)}.share-btns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}.prose>*+*{margin-top:1.25em}.prose .intro{font-size:clamp(1.1875rem, 1.05rem + .5vw, 1.375rem);line-height:1.6;color:var(--fg)}.prose h2{margin-top:2.3em;font-size:clamp(1.75rem, 1.3rem + 1.4vw, 2.5rem);line-height:1.1;font-weight:300;letter-spacing:-.035em;color:var(--fg);scroll-margin-top:120px}.prose h2+p{margin-top:.85em}.prose b,.prose strong{color:var(--fg);font-weight:600}.prose>ol,.prose>ul{list-style:none;padding:0;display:grid;gap:0;border-top:1px solid var(--line)}.prose>ol{counter-reset:n}.prose>ol li,.prose>ul li{position:relative;padding:14px 0 14px 48px;border-bottom:1px solid var(--line);transition:background-color .3s,padding .4s var(--ease)}.prose>ol li:hover,.prose>ul li:hover{padding-left:54px}.prose>ol li{counter-increment:n}.prose>ol li::before{content:counter(n,decimal-leading-zero);position:absolute;left:2px;top:17px;font-family:var(--mono);font-size:12.5px;font-weight:500;letter-spacing:.08em;color:var(--fg-3);line-height:1.75}.prose>ul li::before{content:"";position:absolute;left:6px;top:calc(14px + .78em);width:7px;height:7px;border-radius:2px;background:var(--fg);transform:rotate(45deg)}.pull{margin-block:2.2em;padding:36px 0 30px;border-block:1px solid var(--line)}.pull p{font-size:clamp(1.75rem, 1.15rem + 1.9vw, 2.75rem);line-height:1.16;font-style:italic;font-weight:300;letter-spacing:-.035em;color:var(--fg);text-wrap:balance}.pull footer{margin-top:20px;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3)}.fig{margin-block:2.2em;border:1px solid var(--line);border-radius:var(--r-l);background:var(--bg-2);overflow:hidden;transition:border-color .3s,opacity .9s var(--ease),filter .9s var(--ease)}.fig:hover{border-color:var(--line-2)}.fig-stage{padding:clamp(20px,3.2vw,34px)}.fig figcaption{display:flex;align-items:baseline;gap:14px;padding:16px clamp(20px,3.2vw,34px);border-top:1px solid var(--line);font-size:14.5px;line-height:1.5;color:var(--fg-2)}.fig figcaption .label{flex:none;font-size:11.5px}.tl{display:grid;gap:10px}.tl-ticks{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;color:var(--fg-3)}.tl-track{position:relative;height:42px}.tl-segs{position:absolute;inset:0;display:flex;gap:3px}.tl-segs i{height:100%;border-radius:5px;background:var(--bg-4)}.tl-segs i:first-child{flex:5}.tl-segs i:nth-child(2){flex:10}.tl-segs i:nth-child(3){flex:10}.tl-segs i:nth-child(4){flex:20}.tl-segs i:nth-child(5){flex:7}.tl-segs i:nth-child(6){flex:8}.tl-fill i{background:var(--fg)}.tl-fill{animation:tl-fill 9s linear infinite}.tl-head{position:absolute;top:-7px;bottom:-7px;left:100%;width:2px;margin-left:-1px;border-radius:2px;background:var(--fg);box-shadow:0 0 0 3px var(--bg-2);opacity:0;animation:tl-head 9s linear infinite}@keyframes tl-fill{0%{clip-path:inset(0 100% 0 0);opacity:1}85%{clip-path:inset(0 0 0 0)}93%{clip-path:inset(0 0 0 0);opacity:1}100%{clip-path:inset(0 0 0 0);opacity:0}}@keyframes tl-head{0%{left:0;opacity:1}85%{left:100%;opacity:1}100%,93%{left:100%;opacity:0}}.tl-key{list-style:none;padding:0;margin-top:24px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px 10px}.tl-key li{display:grid;gap:1px;padding-top:10px;border-top:2px solid var(--line-2);color:var(--fg-2);line-height:1.35;animation:9s linear infinite}.tl-key small,.tl-key span{font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--fg-3)}.tl-key b{font-size:15.5px;font-weight:600;color:inherit}.tl-key li:first-child{animation-name:beat1}.tl-key li:nth-child(2){animation-name:beat2}.tl-key li:nth-child(3){animation-name:beat3}.tl-key li:nth-child(4){animation-name:beat4}.tl-key li:nth-child(5){animation-name:beat5}.tl-key li:nth-child(6){animation-name:beat6}@keyframes beat1{0%,7.08%{color:var(--fg);border-top-color:var(--fg)}100%,7.1%{color:var(--fg-2);border-top-color:var(--line-2)}}@keyframes beat2{0%,7.08%{color:var(--fg-2);border-top-color:var(--line-2)}21.25%,7.1%{color:var(--fg);border-top-color:var(--fg)}100%,21.27%{color:var(--fg-2);border-top-color:var(--line-2)}}@keyframes beat3{0%,21.25%{color:var(--fg-2);border-top-color:var(--line-2)}21.27%,35.42%{color:var(--fg);border-top-color:var(--fg)}100%,35.44%{color:var(--fg-2);border-top-color:var(--line-2)}}@keyframes beat4{0%,35.42%{color:var(--fg-2);border-top-color:var(--line-2)}35.44%,63.75%{color:var(--fg);border-top-color:var(--fg)}100%,63.77%{color:var(--fg-2);border-top-color:var(--line-2)}}@keyframes beat5{0%,63.75%{color:var(--fg-2);border-top-color:var(--line-2)}63.77%,73.67%{color:var(--fg);border-top-color:var(--fg)}100%,73.69%{color:var(--fg-2);border-top-color:var(--line-2)}}@keyframes beat6{0%,73.67%{color:var(--fg-2);border-top-color:var(--line-2)}73.69%,93%{color:var(--fg);border-top-color:var(--fg)}100%,93.02%{color:var(--fg-2);border-top-color:var(--line-2)}}@media (max-width:640px){.tl-key{grid-template-columns:repeat(3,minmax(0,1fr))}}.fig-draw .fig-stage{background-image:radial-gradient(var(--line-2) 1px,transparent 1.3px);background-size:22px 22px;background-position:11px 11px}.board{width:100%;height:auto;overflow:visible;color:var(--fg)}.board path{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 2;stroke-dashoffset:0;animation:9s var(--ease-io) infinite backwards}.board text{fill:currentColor;font-family:var(--font);font-size:22px;font-style:italic;font-weight:300;letter-spacing:-.02em;animation:9s var(--ease) infinite backwards;animation-name:draw-t}.board .p1 path{animation-name:draw-1}.board .p2 path{animation-name:draw-2}.board .p3 path{animation-name:draw-3}.board .pass path:nth-child(2){animation-delay:.25s}.board .pass path:nth-child(3){animation-delay:.5s}.board .pass path:nth-child(4){animation-delay:.75s}.board .pass path:nth-child(5){animation-delay:.95s}.board .p3 text:last-child{animation-delay:.35s}@keyframes draw-1{0%{stroke-dashoffset:1.05;opacity:1}12%{stroke-dashoffset:0}84%{stroke-dashoffset:0;opacity:1}100%,89%{stroke-dashoffset:0;opacity:0}}@keyframes draw-2{0%,26%{stroke-dashoffset:1.05;opacity:1}35%{stroke-dashoffset:0}84%{stroke-dashoffset:0;opacity:1}100%,89%{stroke-dashoffset:0;opacity:0}}@keyframes draw-3{0%,50%{stroke-dashoffset:1.05;opacity:1}58%{stroke-dashoffset:0}84%{stroke-dashoffset:0;opacity:1}100%,89%{stroke-dashoffset:0;opacity:0}}@keyframes draw-t{0%,58%{opacity:0;transform:translateY(6px)}64%,84%{opacity:1;transform:none}100%,89%{opacity:0;transform:none}}.pass-key{list-style:none;padding:0;margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pass-key li{display:flex;align-items:baseline;gap:10px;padding-top:10px;border-top:2px solid var(--line-2);font-size:15.5px;font-weight:600;color:var(--fg-2);animation:9s linear infinite}.pass-key span{font-family:var(--mono);font-size:11px;font-weight:500;color:var(--fg-3)}.pass-key li:first-child{animation-name:pass1}.pass-key li:nth-child(2){animation-name:pass2}.pass-key li:nth-child(3){animation-name:pass3}@keyframes pass1{0%,24%{color:var(--fg);border-top-color:var(--fg)}100%,24.1%{color:var(--fg-2);border-top-color:var(--line-2)}}@keyframes pass2{0%,25.9%{color:var(--fg-2);border-top-color:var(--line-2)}26%,48%{color:var(--fg);border-top-color:var(--fg)}100%,48.1%{color:var(--fg-2);border-top-color:var(--line-2)}}@keyframes pass3{0%,49.9%{color:var(--fg-2);border-top-color:var(--line-2)}50%,86%{color:var(--fg);border-top-color:var(--fg)}100%,86.1%{color:var(--fg-2);border-top-color:var(--line-2)}}.lane-row{display:grid;grid-template-columns:136px minmax(0,1fr) 56px;align-items:center;gap:24px;padding:20px 0}.lane-row+.lane-row{border-top:1px solid var(--line)}.lane-row:first-child{padding-top:4px}.lane-k{display:grid;gap:2px;line-height:1.3}.lane-k b{font-size:16px;font-weight:600;color:var(--fg)}.lane-k small{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3)}.lane{--s:20px;position:relative;height:70px;margin-inline:calc(var(--s)/ 2)}.lane::before{content:"";position:absolute;left:calc(var(--s)/ -2);right:calc(var(--s)/ -2);top:50%;height:1px;background:var(--line-2)}.ball,.ghosts i{position:absolute;top:50%;width:var(--s);height:var(--s);margin:calc(var(--s)/ -2) 0 0 calc(var(--s)/ -2);border-radius:50%}.ghosts i{border:1.5px solid var(--fg-3);background:var(--bg-2)}.ghosts i:first-child,.ghosts i:last-child{border:2px solid var(--fg);background:var(--bg-3)}.lane-lin .ghosts i:first-child{left:0}.lane-lin .ghosts i:nth-child(2){left:12.5%}.lane-lin .ghosts i:nth-child(3){left:25%}.lane-lin .ghosts i:nth-child(4){left:37.5%}.lane-lin .ghosts i:nth-child(5){left:50%}.lane-lin .ghosts i:nth-child(6){left:62.5%}.lane-lin .ghosts i:nth-child(7){left:75%}.lane-lin .ghosts i:nth-child(8){left:87.5%}.lane-lin .ghosts i:nth-child(9){left:100%}.lane-ease .ghosts i:first-child{left:0}.lane-ease .ghosts i:nth-child(2){left:3.8%}.lane-ease .ghosts i:nth-child(3){left:14.6%}.lane-ease .ghosts i:nth-child(4){left:30.9%}.lane-ease .ghosts i:nth-child(5){left:50%}.lane-ease .ghosts i:nth-child(6){left:69.1%}.lane-ease .ghosts i:nth-child(7){left:85.4%}.lane-ease .ghosts i:nth-child(8){left:96.2%}.lane-ease .ghosts i:nth-child(9){left:100%}.runner{position:absolute;inset:0;animation:run 3.2s linear infinite alternate}.lane-ease .runner{animation-timing-function:cubic-bezier(.37,0,.63,1)}@keyframes run{0%,8%{transform:translateX(0)}100%,92%{transform:translateX(100%)}}.ball{left:0;z-index:2;background:var(--fg);box-shadow:0 0 0 5px color-mix(in srgb,var(--fg) 14%,transparent),0 8px 16px -6px rgb(0 0 0 / .6)}.keys span{position:absolute;top:calc(50% + 17px);translate:-50% 0;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3)}.keys span:first-child{left:0}.keys span:last-child{left:100%}.curve{width:56px;height:56px;overflow:visible}.curve .ax{fill:none;stroke:var(--line-2);stroke-width:1.5}.curve .cv{fill:none;stroke:var(--fg);stroke-width:2.5;stroke-linecap:round}@media (max-width:600px){.lane-row{grid-template-columns:minmax(0,1fr) 44px;gap:8px 16px}.lane-k{grid-column:1;grid-row:1}.curve{grid-column:2;grid-row:1;width:44px;height:44px}.lane{grid-column:1/-1;--s:18px}}.more{list-style:none;padding:0;border-top:1px solid var(--line)}.more>li{border-bottom:1px solid var(--line);transition:opacity .6s var(--ease) var(--d, 0ms),clip-path 1.1s var(--ease-io) var(--d, 0ms)}.more-row{position:relative;display:grid;grid-template-columns:184px minmax(0,1fr) 22px;grid-template-areas:"thumb meta arr" "thumb title arr";column-gap:32px;row-gap:10px;align-items:center;padding:26px 4px;color:var(--fg);text-decoration:none;transition:padding .5s var(--ease)}.more-row::after{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:100%;background:var(--fg);transform:scaleX(0);transform-origin:left;transition:transform .7s var(--ease)}.more-row:hover{padding-left:20px}.more-row:focus-visible::after,.more-row:hover::after{transform:scaleX(1)}.more-row:focus-visible{outline-offset:-2px}.more-thumb{grid-area:thumb;position:relative;aspect-ratio:16/9;border-radius:var(--r-s);overflow:hidden;background:#000}.more-thumb img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}.more-row:hover .more-thumb img{transform:scale(1.06)}.more-meta{grid-area:meta;align-self:end;display:flex;flex-wrap:wrap;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3)}.more-meta>*+::before{content:"·";margin:0 10px}.more-title{grid-area:title;align-self:start;font-size:clamp(1.375rem, 1rem + 1.1vw, 2.125rem);line-height:1.1;font-weight:300;letter-spacing:-.035em}.more-arr{grid-area:arr;width:20px;height:20px;color:var(--fg);opacity:.35;transform:translateX(-6px);transition:opacity .3s,transform .5s var(--ease)}.more-row:focus-visible .more-arr,.more-row:hover .more-arr{opacity:1;transform:none}@media (max-width:600px){.more-row{grid-template-columns:104px minmax(0,1fr);grid-template-areas:"thumb meta" "title title";column-gap:16px;row-gap:14px;padding:20px 0 22px}.more-row:hover{padding-left:0}.more-meta{align-self:center;font-size:11.5px;row-gap:2px}.more-meta>:last-child{display:none}.more-arr{display:none}}@media (prefers-reduced-motion:reduce){.board path,.board text,.pass-key li,.runner,.tl-fill,.tl-head,.tl-key li{animation:none!important}.tl-head{opacity:0}.runner{transform:translateX(50%)}.read-prog{transition:none}}