.chs{min-width:0;height:100%}.chs__list{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;height:100%;margin:0;padding:0;list-style:none;display:grid}.chs__item{min-width:0;height:100%}.ch{height:100%;color:var(--ink);transition:opacity .4s var(--ease);flex-direction:column;justify-content:center;gap:9px;padding:0 clamp(12px,1.6vw,24px);text-decoration:none;display:flex;position:relative;overflow:hidden}.ch:focus-visible{outline-offset:-3px}.ch:before{content:"";pointer-events:none;background-image:radial-gradient(color-mix(in srgb, var(--ink) 22%, transparent) .75px, transparent 1.1px);opacity:0;background-position:4px 4px;background-size:9px 9px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask:linear-gradient(90deg,#0000,#000 30% 70%,#0000);mask:linear-gradient(90deg,#0000,#000 30% 70%,#0000)}.ch:after{content:"";background:var(--accent);transform-origin:0;height:2px;transition:transform .6s var(--ease);position:absolute;bottom:0;left:clamp(12px,1.6vw,24px);right:clamp(12px,1.6vw,24px);transform:scaleX(0)}.ch:hover:before,.ch:focus-visible:before{opacity:1}.ch[aria-current=page]:after{transform:scaleX(1)}.ch__top{max-height:16px;color:var(--meta);font-family:var(--mono);letter-spacing:.075em;transition:max-height .45s var(--ease), opacity .3s, margin .45s var(--ease);align-items:center;gap:10px;font-size:10px;font-stretch:87.5%;line-height:1.3;display:flex}.ch__n{font-variant-numeric:tabular-nums;align-items:center;gap:7px;min-width:2.2em;display:inline-flex}.ch__n .led{width:5px;height:5px;box-shadow:none;display:none}.ch[aria-current=page] .ch__n{color:var(--accent)}.ch[aria-current=page] .ch__n .led{display:inline-block}.spark{flex:none;width:52px;height:14px;overflow:visible}.spark path{fill:none;stroke-width:1.1px;stroke-linecap:round;stroke-linejoin:round}.spark__base{stroke:currentColor;opacity:.6;transition:opacity .3s}.spark__live{stroke:var(--ink);stroke-dasharray:1 1;stroke-dashoffset:1px;transition:stroke-dashoffset .9s var(--ease)}.ch:hover .spark__live,.ch:focus-visible .spark__live{stroke-dashoffset:0}.ch:hover .spark__base{opacity:.25}.ch[aria-current=page] .spark__base{stroke:var(--accent);opacity:1}.ch__top .spark,.key__top .spark{flex:0 52px;min-width:20px}.ch__nm{font-family:var(--display);letter-spacing:-.005em;white-space:nowrap;transition:font-stretch .5s var(--ease), font-weight .5s var(--ease), font-size .45s var(--ease), opacity .35s;font-size:27px;font-weight:300;font-stretch:75%;line-height:1;display:block}.ch:hover .ch__nm,.ch:focus-visible .ch__nm{font-weight:440;font-stretch:100%}.chs__list:hover .ch:not(:hover):not([aria-current=page]) .ch__nm{opacity:.46}[data-scrolled] .ch__top{opacity:0;max-height:0;margin-top:-9px}[data-scrolled] .ch__nm{font-size:22px}@media (max-width:1180px){.ch__nm{font-size:23px}.spark{width:38px}.ch__top .spark,.key__top .spark{flex-basis:38px}}@media (max-width:1060px){.ch{padding:0 10px}.ch:after{left:10px;right:10px}.ch__nm{font-size:21px}.ch__top{gap:8px}.ch__top .spark,.key__top .spark{flex-basis:34px}.ch:hover .ch__nm,.ch:focus-visible .ch__nm{font-stretch:88%}}@media (hover:none){.ch:hover .ch__nm{font-weight:300;font-stretch:75%}.chs__list:hover .ch:not(:hover):not([aria-current=page]) .ch__nm{opacity:1}}