.top{padding-top:7.5rem}.crumb{font:600 .8125rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 var(--s5)}.crumb a{color:var(--fg);text-underline-offset:.25rem;text-decoration-thickness:.0625rem}.crumb a:hover{color:var(--accent-text)}.top h1{font:900 var(--t-d1)/.84 var(--font-display);text-transform:uppercase;margin:0}.tt{gap:var(--s6);grid-template-columns:minmax(0,1fr) minmax(0,32ch);align-items:start;display:grid}.top h1.long{font-size:clamp(4rem,8.6vw,9.375rem)}.sum{font-size:var(--t-body-l);color:var(--muted);margin:.5em 0 0}.cmeta{gap:var(--s5);margin:var(--s7) 0 0;padding-top:var(--s4);border-top:.125rem solid var(--fg);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.cmeta dt{font:600 .75rem var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.cmeta dd{margin:.25rem 0 0;font-weight:600}.rail{--nav-h:4.25rem;left:0;right:0;top:var(--nav-h);z-index:39;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(.625rem);box-shadow:0 .0625rem 0 var(--line);opacity:0;visibility:hidden;transition:opacity var(--d2) var(--ease),translate var(--d2) var(--ease),visibility 0s linear var(--d2);position:fixed;translate:0 -.5rem}.rail.on{opacity:1;visibility:visible;transition:opacity var(--d2) var(--ease),translate var(--d2) var(--ease);translate:0}.rail.on.tucked{translate:0 calc(var(--nav-h)*-1)}.rail.tucked ol{padding-right:15rem}.rail ol{align-items:center;gap:var(--s5);scrollbar-width:none;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.rail ol::-webkit-scrollbar{display:none}.rail a{min-height:2.75rem;font:600 .75rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap;transition:color var(--d1);align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.rail a b{font-weight:600}.rail a:hover,.rail a[aria-current=true]{color:var(--fg)}.rail a[aria-current=true] b{color:var(--accent-text)}.rail-bar{background:var(--accent);transform-origin:0;height:.125rem;position:absolute;bottom:-.0625rem;left:0;right:0;scale:0 1}@supports (animation-timeline:scroll()){.rail-bar{animation-name:rail-p;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(root)}@keyframes rail-p{to{scale:1}}}.story{margin-top:var(--s8);position:relative}.story-pin{gap:var(--s4) var(--s7);grid-template-columns:minmax(0,8fr) minmax(0,4fr);align-items:center;display:grid}.screen{justify-self:center;width:100%;max-width:calc(160svh - 20.8rem);margin:0}.screen .frame{border:.125rem solid var(--fg);background:var(--bg-2);padding:clamp(.625rem,1.4vw,1.25rem)}.screen figcaption{margin-top:var(--s3);font-size:var(--t-small);color:var(--muted)}.screen figcaption b{color:var(--m-bad);font-weight:600}.steps{margin:0;padding:0;list-style:none}.steps li{gap:var(--s3);padding:var(--s4) 0;border-top:.0625rem solid var(--line);grid-template-columns:2.25rem minmax(0,1fr);display:grid;position:relative}.steps b{font:600 .8125rem var(--font-mono);color:var(--accent-text);padding-top:.15em}.steps li span{font-size:var(--t-body);color:var(--muted);line-height:1.5}.steps strong{font:800 var(--t-d4)/1 var(--font-display);text-transform:uppercase;color:var(--fg);margin-bottom:.25rem;display:block}.story[data-n="3"]{--n:3}.story[data-n="4"]{--n:4}.story[data-n="5"]{--n:5}.steps li:first-child{--i:0}.steps li:nth-child(2){--i:1}.steps li:nth-child(3){--i:2}.steps li:nth-child(4){--i:3}.steps li:nth-child(5){--i:4}.story.paused *,.story.paused :after{animation-play-state:paused!important}[data-intro] .story .s{animation-duration:var(--loop,12s);animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:both}[data-intro] .story .frame .mock{animation:loop-fade var(--loop,12s) linear infinite}@keyframes loop-fade{0%,96%{opacity:1}98%{opacity:0}to{opacity:1}}[data-intro] .steps li,[data-intro] .steps li:after{animation-duration:var(--loop,12s);animation-timing-function:linear;animation-iteration-count:infinite;animation-delay:calc(var(--loop,12s)*(var(--i)/var(--n) - 1))}[data-intro] .steps li{color:var(--muted)}[data-intro] .steps li :is(span,strong){color:inherit;transition:none}[data-intro] .steps li:after{content:"";background:var(--accent);transform-origin:0;height:.125rem;position:absolute;top:-.0625rem;left:0;right:0;scale:0 1}[data-intro] .story[data-n="3"] .steps li{animation-name:lit-3}[data-intro] .story[data-n="3"] .steps li:after{animation-name:bar-3}[data-intro] .story[data-n="4"] .steps li{animation-name:lit-4}[data-intro] .story[data-n="4"] .steps li:after{animation-name:bar-4}[data-intro] .story[data-n="5"] .steps li{animation-name:lit-5}[data-intro] .story[data-n="5"] .steps li:after{animation-name:bar-5}@keyframes lit-3{0%,33.2%{color:var(--fg)}33.33%,to{color:var(--muted)}}@keyframes lit-4{0%,24.9%{color:var(--fg)}25%,to{color:var(--muted)}}@keyframes lit-5{0%,19.9%{color:var(--fg)}20%,to{color:var(--muted)}}@keyframes bar-3{0%{scale:0 1}33.33%{scale:1}33.4%,to{scale:0 1}}@keyframes bar-4{0%{scale:0 1}25%{scale:1}25.05%,to{scale:0 1}}@keyframes bar-5{0%{scale:0 1}20%{scale:1}20.05%,to{scale:0 1}}.cs{margin-top:var(--s9);margin-top:var(--s9)}.blk{gap:var(--s6);padding:var(--s7) 0;border-top:.0625rem solid var(--line);grid-template-columns:minmax(0,4fr) minmax(0,8fr);display:grid}.blk h2{font:800 var(--t-d4)/1 var(--font-display);text-transform:uppercase;align-self:start;margin:0;position:sticky;top:6rem}.blk h2 small{font:600 .75rem var(--font-mono);letter-spacing:.12em;color:var(--muted);margin-bottom:.5rem;display:block}.blk p{max-width:62ch;font-size:var(--t-body-l);margin:0 0 1em}.blk p:last-child{margin-bottom:0}.dec{counter-reset:d;margin:0;padding:0;list-style:none}.dec li{counter-increment:d;gap:var(--s3);padding:var(--s4) 0;border-top:.0625rem solid var(--line);grid-template-columns:2.75rem 1fr;max-width:68ch;display:grid}.dec li:first-child{border-top:0;padding-top:0}.dec li:before{content:counter(d,decimal-leading-zero);font:600 .8125rem var(--font-mono);color:var(--accent-text);padding-top:.35em}.dec b{font-weight:700;display:block}.audit{gap:var(--s5) var(--s6);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.audit li{border-top:.125rem solid var(--fg);padding-top:var(--s4)}.audit .k{font:600 .75rem var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);display:block}.audit .f{margin:.375rem 0 var(--s4);color:var(--muted);font-size:var(--t-body)}.audit .f s{background:linear-gradient(var(--accent),var(--accent)) no-repeat 0 58%/100% .125rem;transition:background-size .6s var(--ease) .35s;text-decoration:none}html.motion .audit li:not(.in) .f s{background-size:0% .125rem}.audit .x{transition:opacity .4s var(--ease) .9s}html.motion .audit li:not(.in) .x{opacity:.3}.audit .x{font-weight:600;font-size:var(--t-body);margin:.375rem 0 0}.pager{gap:var(--s6);margin-top:var(--s9);padding-top:var(--s5);border-top:.125rem solid var(--fg);grid-template-columns:minmax(0,4fr) minmax(0,8fr);display:grid}.pager a{gap:var(--s3);flex-direction:column;align-self:start;text-decoration:none;display:flex}.pager-k{font:600 .75rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.pager-prev b{font:800 var(--t-d4)/1 var(--font-display);text-transform:uppercase;transition:color var(--d2)}.pager-next b{font:900 var(--t-d2)/.86 var(--font-display);text-transform:uppercase;transition:color var(--d2)}.pager-sum{margin-top:var(--s2);max-width:40ch;color:var(--muted);font-size:var(--t-body-l);line-height:1.45}.pager a:focus-visible b{color:var(--accent-text)}@media (hover:hover){.pager a:hover b{color:var(--accent-text)}}.blk .people{margin:var(--s4) 0 0;max-width:62ch;padding:0;list-style:none}.blk .people li{gap:var(--s4);padding:var(--s3) 0;border-top:.0625rem solid var(--line);grid-template-columns:minmax(0,15ch) minmax(0,1fr);display:grid}.blk .people b{font-weight:700}.blk .later{margin-top:var(--s5);padding-top:var(--s4);border-top:.0625rem dashed var(--line);color:var(--muted);font-size:var(--t-body)}.blk .later b{color:var(--fg)}.trio{gap:var(--s5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.trio>div{border-top:.125rem solid var(--fg);padding-top:var(--s4)}.trio h3{font:800 var(--t-d4)/1 var(--font-display);text-transform:uppercase;margin:0 0 var(--s2)}.trio p{font-size:var(--t-body);margin:0}@media (width<=900px){.top{padding-top:6rem}.cmeta{grid-template-columns:1fr 1fr}.tt{grid-template-columns:minmax(0,1fr);gap:0}.top h1{font-size:min(var(--t-d1),18.5vw)}.top h1.long{font-size:min(clamp(4rem,8.6vw,9.375rem),14.5vw)}.sum{margin-top:var(--s5)}.blk{gap:var(--s4);padding:var(--s6) 0;grid-template-columns:minmax(0,1fr)}.blk h2{position:static}.audit,.trio{grid-template-columns:1fr}.blk .people li{grid-template-columns:1fr;gap:.125rem}.rail{--nav-h:3.875rem}.story-pin{grid-template-columns:minmax(0,1fr)}.pager{gap:var(--s7);grid-template-columns:minmax(0,1fr)}.pager-prev{order:2}[data-intro] .steps{display:grid}[data-intro] .steps li{opacity:0;color:var(--fg);border-top-color:#0000;grid-area:1/1}[data-intro] .steps li span{color:var(--muted)}[data-intro] .steps li strong{color:var(--fg)}[data-intro] .steps li:after{display:none}[data-intro] .story[data-n="3"] .steps li{animation-name:on-3}[data-intro] .story[data-n="4"] .steps li{animation-name:on-4}[data-intro] .story[data-n="5"] .steps li{animation-name:on-5}@keyframes on-3{0%,31.5%{opacity:1}33.33%,98.2%{opacity:0}to{opacity:1}}@keyframes on-4{0%,23.5%{opacity:1}25%,98.5%{opacity:0}to{opacity:1}}@keyframes on-5{0%,18.8%{opacity:1}20%,98.8%{opacity:0}to{opacity:1}}}