.hiw{--hiw-edge:color-mix(in srgb, var(--ink-3) 25%, var(--rule-strong));--hiw-glass-t:color-mix(in srgb, var(--ink) 6%, transparent);--hiw-glass-l:color-mix(in srgb, var(--ink) 3%, transparent);--hiw-glass-r:color-mix(in srgb, var(--ink) 9%, transparent);--hiw-solid-l:color-mix(in srgb, var(--accent) 78%, #000);--hiw-solid-r:color-mix(in srgb, var(--accent) 90%, #000);--hiw-spring:cubic-bezier(.2, .85, .25, 1.05)}.hiw[data-step="1"] [data-l="1"],.hiw[data-step="2"] :is([data-l="1"],[data-l="2"]),.hiw[data-step="3"] :is([data-l="1"],[data-l="2"],[data-l="3"]),.hiw[data-step="4"] [data-l]{--hiw-in:1}.hiw-art{aspect-ratio:740/640;width:100%;max-width:620px;margin:0 auto;position:relative;container-type:inline-size}.hiw-art .hiw-svg{width:100%;max-width:none;height:100%;position:absolute;inset:0;overflow:visible}.hiw-cube{opacity:var(--hiw-in,0);transform:scale(calc(.86 + .14 * var(--hiw-in,0)));transform-box:view-box;transform-origin:350px 320px;transition:opacity .6s ease, transform .8s var(--hiw-spring)}.hiw-face{stroke:none}.hiw-glass .t{fill:var(--hiw-glass-t)}.hiw-glass .l{fill:var(--hiw-glass-l)}.hiw-glass .r{fill:var(--hiw-glass-r)}.hiw-solid .t{fill:var(--accent)}.hiw-solid .l{fill:var(--hiw-solid-l)}.hiw-solid .r{fill:var(--hiw-solid-r)}.hiw-edge{fill:none;stroke:var(--hiw-edge);stroke-width:1.4px;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--hiw-in,0));transition:stroke-dashoffset 1.1s cubic-bezier(.4,0,.2,1) .1s,stroke .5s}.hiw-solid .hiw-edge{stroke:var(--accent-lt)}.hiw-plug{fill:none;stroke:var(--on-primary);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.hiw[data-step="2"] .hiw-cube[data-l="2"] .hiw-edge,.hiw[data-step="3"] .hiw-cube[data-l="3"] .hiw-edge,.hiw[data-step="4"] .hiw-cube[data-l="4"] .hiw-edge{stroke:var(--accent)}.hiw-tag{opacity:var(--hiw-in,0);transition:opacity .5s .35s}.hiw-tag text{font:500 13px var(--mono);letter-spacing:.06em;fill:var(--ink-3);transition:fill .4s}.hiw-tag-dot{fill:var(--ink-3);transition:fill .4s}.hiw-lead{stroke:var(--rule-strong);stroke-width:1px}.hiw[data-step="1"] .hiw-tag[data-l="1"],.hiw[data-step="2"] .hiw-tag[data-l="2"],.hiw[data-step="3"] .hiw-tag[data-l="3"],.hiw[data-step="4"] .hiw-tag[data-l="4"]{--hiw-tag:var(--accent-text);--hiw-tag-dot:var(--accent)}.hiw-tag text{fill:var(--hiw-tag,var(--ink-3))}.hiw-tag-dot{fill:var(--hiw-tag-dot,var(--ink-3))}.hiw-layer{margin:0;padding:0;list-style:none}.hiw-chip{left:var(--x);top:var(--y);white-space:nowrap;pointer-events:none;font-size:max(8px,1.9cqi);line-height:1;position:absolute;translate:-50% -50%}.hiw-chip>span{background:var(--surface);border:1px solid var(--rule-strong);color:var(--ink);opacity:0;transition:opacity .45s ease calc(var(--k,0) * 90ms), translate .55s var(--hiw-spring) calc(var(--k,0) * 90ms), border-color .4s ease;border-radius:999px;align-items:center;gap:.6em;padding:.55em .95em .55em .8em;font-weight:600;display:inline-flex;translate:0 10px}.hiw-chip>span:before{content:"";background:var(--accent);border-radius:50%;flex:none;width:.45em;height:.45em}.hiw[data-step="1"]:not([data-done]) .hiw-layer[data-l="1"],.hiw[data-step="2"]:not([data-done]) .hiw-layer[data-l="2"],.hiw[data-step="3"]:not([data-done]) .hiw-layer[data-l="3"],.hiw[data-step="4"]:not([data-done]) .hiw-layer[data-l="4"]{--hiw-show:1;--hiw-chip-edge:var(--accent)}.hiw[data-done] .hiw-layer{--hiw-show:1;--hiw-fade:.25}.hiw[data-done] .hiw-layer[data-l="4"]{--hiw-fade:1}.hiw-chip>span{opacity:calc(var(--hiw-show,0) * var(--hiw-fade,1));translate:0 calc((1 - var(--hiw-show,0)) * 10px);border-color:var(--hiw-chip-edge,var(--rule-strong))}.hiw[data-paused] :is(.hiw-chip>span,.hiw-cubes){animation-play-state:paused}@container (max-width:480px){.hiw-tags{display:none}.hiw-edge{stroke-width:2.4px}.hiw-chip{left:var(--xn);top:var(--yn)}.hiw-chip>span{--hiw-fl:-3px;gap:.35em;padding:.4em .6em .4em .5em}.hiw-chip>span:before{width:.4em;height:.4em}}@media (prefers-reduced-motion:no-preference){.hiw-chip>span{animation:hiw-float 4.2s ease-in-out var(--fd,0s) infinite}.hiw.hiw-js[data-done] .hiw-cubes{animation:5s ease-in-out infinite hiw-bob}.hiw-hint svg{animation:1.8s ease-in-out infinite hiw-nudge}}.hiw[data-hiw-boot],.hiw[data-hiw-boot] *{transition:none!important}@keyframes hiw-float{0%,to{transform:translateY(0)}50%{transform:translateY(var(--hiw-fl,-6px))}}@keyframes hiw-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hiw-story{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:56px;display:grid}.hiw-chapters{min-width:0}.hiw-story>.hiw-chapters{grid-area:1/1}.hiw-visual{min-width:0}.hiw-story>.hiw-visual{grid-area:1/2}.hiw-pin{flex-direction:column;justify-content:center;gap:14px;height:calc(100svh - 112px);max-height:820px;display:flex;position:sticky;top:88px}.hiw-intro{flex-direction:column;justify-content:center;min-height:64vh;padding:0 0 48px;display:flex}.hiw-intro h2,.hiw-intro .lede{margin-bottom:20px}.hiw-hint{font:500 13px/1 var(--mono);color:var(--ink-2);align-items:center;gap:10px;margin:0;display:inline-flex}@keyframes hiw-nudge{0%,to{translate:0}50%{translate:0 5px}}.hiw-ch{flex-direction:column;justify-content:center;gap:16px;min-height:78vh;padding:48px 0 48px 24px;display:flex;position:relative}.hiw-ch:before{content:"";background:var(--accent);width:3px;height:72px;transition:scale .45s var(--ease);border-radius:3px;margin-top:-36px;position:absolute;top:50%;left:0;scale:1 0}.hiw-ch h3{letter-spacing:-.035em;font-size:clamp(1.75rem,2.8vw,2.5rem);line-height:1.08}.hiw-ch>p:not(.hiw-num){color:var(--ink-2);max-width:30em;margin:0;font-size:clamp(1.0625rem,1.3vw,1.1875rem);line-height:1.55}.hiw-num{font:500 13px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);margin:0}.hiw-num b{color:var(--ink-2);font-weight:500;transition:color .35s}.hiw-tags-list{flex-wrap:wrap;gap:8px;margin:4px 0 0;padding:0;list-style:none;display:flex}.hiw-tags-list li{border:1px solid var(--rule-strong);background:var(--surface);color:var(--ink);border-radius:999px;padding:7px 12px;font-size:.875rem;transition:border-color .35s}.hiw[data-step="1"]:not([data-done]) .hiw-ch[data-l="1"],.hiw[data-step="2"]:not([data-done]) .hiw-ch[data-l="2"],.hiw[data-step="3"]:not([data-done]) .hiw-ch[data-l="3"],.hiw[data-step="4"]:not([data-done]) .hiw-ch[data-l="4"]{--hiw-active:1}.hiw-ch{--hiw-active:0}.hiw-ch:before{scale:1 var(--hiw-active)}.hiw-ch .hiw-num b{color:color-mix(in srgb, var(--accent-text) calc(var(--hiw-active) * 100%), var(--ink-2))}.hiw-ch .hiw-tags-list li{border-color:color-mix(in srgb, var(--accent) calc(var(--hiw-active) * 100%), var(--rule-strong))}.hiw-outro{min-height:calc(100svh - 88px)}.hiw-closing{box-sizing:border-box;pointer-events:none;opacity:0;grid-area:1/1;align-self:start;align-items:center;height:min(100svh - 112px,820px);padding-bottom:58px;transition:opacity .5s;display:flex;position:sticky;top:88px}.hiw.hiw-js[data-done] .hiw-closing{opacity:1;pointer-events:auto}.hiw-closing p{letter-spacing:-.02em;max-width:16em;color:var(--ink);margin:0;font-size:clamp(1.25rem,2vw,1.625rem);font-weight:600;line-height:1.25}:root:not(.js) .hiw-full:not(.hiw-js) :is(.hiw-outro,.hiw-hint){display:none}:root:not(.js) .hiw.hiw-full:not(.hiw-js) .hiw-closing{opacity:1;pointer-events:auto;grid-row:2;height:auto;margin:0;padding:24px 0 0;position:static}.hiw-dots{justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.hiw-dots a{border-radius:6px;justify-content:center;align-items:center;width:48px;height:44px;display:inline-flex}.hiw-dots a:before{content:"";background:var(--rule-strong);border-radius:4px;width:28px;height:4px;transition:background-color .35s,width .35s;display:block}.hiw-dots li[data-l]{--hiw-past:0}.hiw[data-step="2"] .hiw-dots li[data-l="1"],.hiw[data-step="3"] .hiw-dots li:is([data-l="1"],[data-l="2"]),.hiw[data-step="4"] .hiw-dots li:not([data-l="4"]){--hiw-past:1}.hiw-dots li{--hiw-dot:color-mix(in srgb, var(--hiw-solid-l) calc(var(--hiw-past) * 100%), var(--rule-strong))}.hiw-dots a:before{background:var(--hiw-dot)}.hiw-dots a[aria-current=step]:before{background:var(--accent);width:40px}.hiw-compact .cols{align-items:center}.hiw-compact h2{margin-bottom:20px}.hiw-legend{border-top:1px solid var(--rule);max-width:34em;margin:28px 0 24px;padding:0;list-style:none}.hiw-legend li{border-bottom:1px solid var(--rule);color:var(--ink-2);grid-template-columns:3em minmax(0,1fr);align-items:baseline;padding:12px 0 12px 14px;display:grid;position:relative}.hiw-legend li:before{content:"";background:var(--accent);width:3px;scale:1 var(--hiw-active,0);transition:scale .45s var(--ease);border-radius:3px;position:absolute;top:12px;bottom:12px;left:0}.hiw-legend b{font:500 13px/1 var(--mono);color:var(--ink-2)}.hiw-legend strong{color:var(--ink);margin-right:.35em;font-weight:600}.hiw[data-step="1"]:not([data-done]) .hiw-legend li[data-l="1"],.hiw[data-step="2"]:not([data-done]) .hiw-legend li[data-l="2"],.hiw[data-step="3"]:not([data-done]) .hiw-legend li[data-l="3"],.hiw[data-step="4"]:not([data-done]) .hiw-legend li[data-l="4"]{--hiw-active:1}.hiw-legend li b{color:color-mix(in srgb, var(--accent-text) calc(var(--hiw-active,0) * 100%), var(--ink-2));transition:color .35s}.hiw-toggle{margin:0}.hiw-compact .hiw-art{max-width:580px}@media (max-width:1100px){.hiw-story{gap:32px}}@media (max-width:760px){.hiw-story{grid-template-columns:minmax(0,1fr);gap:0}.hiw-story>.hiw-chapters,.hiw-story>.hiw-visual{grid-area:auto}.hiw-full .hiw-visual{z-index:2;margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter);background:var(--bg);border-bottom:1px solid var(--rule);order:-1;position:sticky;top:64px}.hiw-pin{gap:2px;height:auto;max-height:none;padding:8px 0 2px;position:static}.hiw-full .hiw-art{max-width:320px}.hiw-intro{min-height:0;padding:32px 0 40px}.hiw-ch{min-height:62vh;padding:32px 0 32px 18px}.hiw-outro{min-height:max(9rem,100svh - 398px)}.hiw .hiw-closing{grid-row:auto;height:max(9rem,100svh - 398px);margin-top:calc(-1*max(9rem,100svh - 398px));padding:0;position:relative;top:auto}.hiw-compact .cols{gap:32px}}.hiw:not(.hiw-js) [data-l]{--hiw-in:1!important;--hiw-show:1!important;--hiw-fade:1!important;--hiw-active:0!important;--hiw-past:0!important}.hiw:not(.hiw-js) .hiw-layer{--hiw-chip-edge:var(--rule-strong)!important}.hiw:not(.hiw-js) .hiw-glass .hiw-edge{stroke:var(--hiw-edge)!important}.hiw:not(.hiw-js) .hiw-tag{--hiw-tag:var(--ink-3)!important;--hiw-tag-dot:var(--ink-3)!important}.hiw:not(.hiw-js) :is(.hiw-toggle,.hiw-hint){visibility:hidden}@media (prefers-reduced-motion:reduce){.hiw .hiw-cubes,.hiw .hiw-chip>span,.hiw .hiw-hint svg{animation:none}.hiw-pin{height:auto;max-height:none;position:static}.hiw-full .hiw-visual{align-self:start;position:static}.hiw-intro,.hiw-ch{min-height:0}.hiw-ch{padding:32px 0}.hiw-outro{display:none}.hiw .hiw-closing{opacity:1;pointer-events:auto;grid-row:2;height:auto;margin:0;padding:24px 0 0;position:static}.hiw-dots,.hiw-hint,.hiw-toggle{display:none}}@media (max-width:760px) and (prefers-reduced-motion:reduce){.hiw .hiw-closing{grid-row:auto}}@media (max-width:760px){:root:not(.js) .hiw.hiw-full:not(.hiw-js) .hiw-closing{grid-row:auto}}.hiw-console{margin-top:80px}@media (max-width:760px){.hiw-console{margin-top:56px}}
:root{--nav-h:64px}body{margin:0;padding-top:0}main#main:focus{outline:none}button{font:inherit}