@font-face{font-family: "Barlow";font-style: normal;font-weight: 400;font-display: swap;src: url("../fonts/barlow-latin-400-normal.b0a8ad37ac.woff2") format("woff2");unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: "Barlow";font-style: normal;font-weight: 400;font-display: swap;src: url("../fonts/barlow-latin-ext-400-normal.122b24bc2a.woff2") format("woff2");unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family: "Barlow";font-style: italic;font-weight: 400;font-display: swap;src: url("../fonts/barlow-latin-400-italic.7a306c56f6.woff2") format("woff2")}@font-face{font-family: "Barlow";font-style: normal;font-weight: 500;font-display: swap;src: url("../fonts/barlow-latin-500-normal.cd759df8ef.woff2") format("woff2")}@font-face{font-family: "Barlow";font-style: normal;font-weight: 600;font-display: swap;src: url("../fonts/barlow-latin-600-normal.4b52ddd483.woff2") format("woff2");unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: "Barlow";font-style: normal;font-weight: 600;font-display: swap;src: url("../fonts/barlow-latin-ext-600-normal.b7f099c421.woff2") format("woff2");unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family: "Barlow SC";font-style: normal;font-weight: 500;font-display: swap;src: url("../fonts/barlow-semi-condensed-latin-500-normal.0d7513795e.woff2") format("woff2")}@font-face{font-family: "Barlow SC";font-style: normal;font-weight: 600;font-display: swap;src: url("../fonts/barlow-semi-condensed-latin-600-normal.f158417e92.woff2") format("woff2")}:root{--ink-0: #07090c;--ink-1: #0d0f13;--ink-2: #14171c;--ink-3: #1c2027;--glass: rgba(16,18,22,.66);--line: rgba(255,255,255,.08);--line-2: rgba(255,255,255,.15);--text: #eaecef;--dim: #a2a9b2;--faint: #7d8590;--bone: #e8e3d8;--on-bone: #0f1115;--brass: #c9a05e;--amber: #e8a33c;--amber-hi: #f2b85a;--amber-deep: #8a5a1c;--slate: #5b7a8c;--good: #88b88e;--blurple: #5865f2;--display: "Barlow SC","Bahnschrift","DIN Alternate","Arial Narrow",sans-serif;--body: "Barlow","Bahnschrift","Segoe UI",system-ui,sans-serif;--mono: ui-monospace,"Cascadia Mono",Consolas,monospace;--wrap: 1320px;--gut: clamp(16px,4.2vw,56px);--top: 68px;--ease: cubic-bezier(.16,1,.3,1);--r: 6px}*,*::before,*::after{box-sizing: border-box}@media (prefers-reduced-motion: no-preference){html{scroll-behavior: smooth}}html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%;scroll-padding-top: calc(var(--top) + 16px)}body{margin: 0;background: var(--ink-0);color: var(--text);font: 400 1.0625rem/1.6 var(--body);font-kerning: normal;-webkit-font-smoothing: antialiased;overflow-x: clip}img,video,svg,picture{display: block;max-width: 100%}img,video{height: auto}a{color: inherit}p a,li a,dd a,td a,.link{color: var(--amber);text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: .2em}p a:hover,li a:hover,dd a:hover,td a:hover,.link:hover{color: var(--bone)}h1,h2,h3,h4{margin: 0;font-weight: 600;line-height: 1.1;text-wrap: balance}p{margin: 0 0 1em;text-wrap: pretty}ul,ol{margin: 0}code,kbd{font-family: var(--mono);font-size: .88em}code{background: var(--ink-3);padding: .1em .35em;border-radius: 3px;overflow-wrap: anywhere}button{font: inherit;color: inherit}::selection{background: var(--amber);color: #120c04}:focus-visible{outline: 2px solid var(--bone);outline-offset: 3px;border-radius: 2px}.sr{position: absolute !important;width: 1px;height: 1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap}.skip{position: fixed;left: 12px;top: -60px;z-index: 100;background: var(--bone);color: var(--on-bone);padding: 10px 16px;font-weight: 600;text-decoration: none}.skip:focus{top: 12px}.icon{width: 1.15em;height: 1.15em;flex: none}.wrap{width: 100%;max-width: calc(var(--wrap) + 2 * var(--gut));margin-inline: auto;padding-inline: var(--gut)}.eyebrow{display: flex;align-items: center;gap: 14px;margin: 0 0 18px;font: 600 .8125rem/1 var(--display);letter-spacing: .26em;text-transform: uppercase;color: var(--brass)}.eyebrow--rule::after{content: "";flex: 1;height: 1px;background: var(--line)}.eyebrow b{color: var(--faint);font-weight: 600}.h1,.h2,.h3{font-family: var(--display);text-transform: uppercase}.h1{font-size: clamp(2.5rem,6.6vw,5.4rem);line-height: .94;letter-spacing: .015em;font-weight: 600}.h2{font-size: clamp(1.9rem,4.2vw,3.3rem);line-height: .98;letter-spacing: .02em}.h3{font-size: 1.3rem;letter-spacing: .08em;line-height: 1.15}.tracked{font-family: var(--display);text-transform: uppercase;letter-spacing: .16em;font-weight: 500}.lede{font-size: clamp(1.08rem,1.6vw,1.25rem);color: var(--dim);max-width: 60ch}.dim{color: var(--dim)}.prose{max-width: 68ch}.prose h2{font: 600 1.6rem/1.1 var(--display);text-transform: uppercase;letter-spacing: .06em;margin: 2.2em 0 .7em}.prose h3{font: 600 1.15rem/1.2 var(--display);text-transform: uppercase;letter-spacing: .1em;color: var(--bone);margin: 1.8em 0 .6em}.prose ul,.prose ol{padding-left: 1.2em;margin: 0 0 1em}.prose li{margin: .3em 0}.prose li::marker{color: var(--brass)}.prose strong{color: var(--bone);font-weight: 600}.btn{--h: 52px;display: inline-flex;align-items: center;justify-content: center;gap: 12px;min-height: var(--h);padding: 0 22px;border: 1px solid transparent;border-radius: 3px;cursor: pointer;font: 600 1rem/1 var(--display);letter-spacing: .14em;text-transform: uppercase;text-decoration: none;transition: background-color .12s,color .12s,border-color .12s,transform .12s var(--ease)}.btn:active{transform: translateY(1px)}.btn--sm{--h: 40px;padding: 0 16px;font-size: .875rem;gap: 9px}.btn--lg{--h: 64px;padding: 0 28px;font-size: 1.125rem}.btn--amber{background: var(--amber);color: #120c04}.btn--amber:hover,.btn--amber:focus-visible{background: var(--bone);color: var(--on-bone)}.btn--ghost{background: var(--glass);border-color: var(--line-2);color: var(--text);-webkit-backdrop-filter: blur(14px);backdrop-filter: blur(14px)}.btn--ghost:hover,.btn--ghost:focus-visible{background: var(--bone);border-color: var(--bone);color: var(--on-bone)}.btn--discord{background: var(--blurple);color: #fff}.btn--discord:hover,.btn--discord:focus-visible{background: #4752c4}.btn__sub{display: block;margin-top: 6px;font: 500 .75rem/1 var(--body);letter-spacing: .02em;text-transform: none;opacity: .72}.btn__stack{display: flex;flex-direction: column;align-items: flex-start}.key{display: inline-grid;place-items: center;min-width: 26px;height: 26px;padding: 0 6px;border-radius: 3px;background: #4a4e55;color: #f2f3f5;box-shadow: inset 0 -3px 0 #2c2f34,0 0 0 1px #6b7078 inset;font: 600 .75rem/1 var(--display);letter-spacing: .04em;text-transform: uppercase;border: 0}button.key{cursor: pointer}button.key:hover{background: var(--bone);color: var(--on-bone);box-shadow: inset 0 -3px 0 #b7b1a4}.dot{width: 7px;height: 7px;border-radius: 50%;background: var(--good);box-shadow: 0 0 0 3px rgba(136,184,142,.16);flex: none}.dashes{display: flex;gap: 5px;align-items: center}.dashes i{width: 12px;height: 2px;background: rgba(255,255,255,.22);transition: background-color .12s,width .2s var(--ease)}.dashes i.on{background: var(--bone);width: 22px}.chip{display: inline-flex;align-items: center;gap: 8px;height: 26px;padding: 0 10px;border: 1px solid var(--line-2);border-radius: 2px;font: 600 .72rem/1 var(--display);letter-spacing: .2em;text-transform: uppercase;color: var(--dim);white-space: nowrap}.chip--amber{color: var(--amber);border-color: rgba(232,163,60,.45)}.chip--slate{color: #9db7c6;border-color: rgba(91,122,140,.6)}.chip--good{color: var(--good);border-color: rgba(136,184,142,.45)}.topbar{position: fixed;inset: 0 0 auto;z-index: 50;transition: background-color .2s,border-color .2s;border-bottom: 1px solid transparent}.topbar__in{display: flex;align-items: center;gap: 28px;height: var(--top);max-width: calc(var(--wrap) + 2 * var(--gut));margin: 0 auto;padding: 0 var(--gut)}.topbar.is-solid,.menu-open .topbar{background: rgba(7,9,12,.86);border-bottom-color: var(--line);-webkit-backdrop-filter: blur(16px) saturate(1.2);backdrop-filter: blur(16px) saturate(1.2)}html.menu-open .topbar,html.menu-open .topbar.is-solid{-webkit-backdrop-filter: none;backdrop-filter: none;background: var(--ink-0)}.brand{display: inline-flex;align-items: center;gap: 11px;text-decoration: none;color: var(--text);flex: none}.brand__mark{width: 34px;height: 34px;color: var(--amber)}.brand__text{display: flex;flex-direction: column;font-family: var(--display);text-transform: uppercase;line-height: 1}.brand__kk{font-weight: 600;font-size: 1.06rem;letter-spacing: .2em}.brand__pc{font-weight: 600;font-size: .66rem;letter-spacing: .44em;color: var(--brass);margin-top: 4px}.nav{margin-right: auto}.nav ul{display: flex;gap: 4px;list-style: none;padding: 0}.nav a{position: relative;display: block;padding: 10px 12px;text-decoration: none;color: var(--dim);font: 500 .9rem/1 var(--display);letter-spacing: .2em;text-transform: uppercase;transition: color .12s}.nav a:hover{color: var(--text)}.nav a[aria-current="page"]{color: var(--text)}.nav a::after{content: "";position: absolute;left: 12px;right: 12px;bottom: -14px;height: 2px;background: var(--brass);transform: scaleX(0);transition: transform .18s var(--ease)}.nav a[aria-current="page"]::after{transform: scaleX(1)}.topbar__end{display: flex;align-items: center;gap: 14px;margin-left: auto}.relchip{display: inline-flex;align-items: center;gap: 9px;text-decoration: none;color: var(--text);font: 600 .78rem/1 var(--display);letter-spacing: .2em;text-transform: uppercase}.relchip__label{color: var(--dim)}.relchip:hover .relchip__label{color: var(--text)}.menu-btn{display: none;width: 44px;height: 44px;place-items: center;border: 1px solid var(--line-2);border-radius: 3px;background: var(--glass);cursor: pointer}.menu-btn .icon{width: 22px;height: 22px}.menu-btn__close,.menu-open .menu-btn__open{display: none}.menu-open .menu-btn__close{display: block}.mmenu{position: fixed;inset: var(--top) 0 0;background: var(--ink-0);padding: 28px var(--gut) 40px;overflow-y: auto;display: flex;flex-direction: column;gap: 32px}.mmenu[hidden]{display: none}.mmenu__list{list-style: none;padding: 0}.mmenu__list a{display: flex;align-items: center;gap: 14px;padding: 12px 0;text-decoration: none;color: var(--dim);font: 500 clamp(1.5rem,7vw,2rem)/1.1 var(--display);letter-spacing: .14em;text-transform: uppercase}.mmenu__list a::before{content: "";width: 3px;height: 1.1em;background: transparent}.mmenu__list a[aria-current="page"],.mmenu__list a:hover{color: var(--text)}.mmenu__list a[aria-current="page"]::before{background: var(--brass)}.mmenu__cta{display: grid;gap: 12px}.menu-open{overflow: hidden}@media (max-width: 1080px){.nav,.relchip{display: none}.menu-btn{display: inline-grid}}@media (max-width: 420px){.topbar__end .btn--sm span{position: absolute;width: 1px;height: 1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap}.topbar__end .btn--sm{padding: 0 12px}}.hero{position: relative;isolation: isolate;overflow: hidden;background: #000;min-height: 100vh;min-height: 100svh;max-height: 1180px;display: grid;grid-template-rows: 1fr auto;padding-top: var(--top)}@media (min-height: 1180px){.hero{min-height: 1180px}}.hero__media{position: absolute;inset: 0;z-index: 0;overflow: hidden;background: var(--ink-0)}.slide{position: absolute;inset: 0;opacity: 0;transform-origin: 62% 55%}.slide--high{transform-origin: 62% 42%}.slide picture,.slide img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;object-position: 62% 50%}.slide.is-in{opacity: 1;animation: kb-fade 2s linear both,kb-drift 12s linear both;will-change: transform,opacity}.slide.is-first{animation: kb-drift 12s linear both}.hero.is-paused .slide{animation-play-state: paused}@keyframes kb-fade{from{opacity: 0}to{opacity: 1}}@keyframes kb-drift{from{transform: scale(1)}to{transform: scale(1.07)}}.hero::before{content: "";position: absolute;inset: 0;z-index: 1;pointer-events: none;background:
linear-gradient(180deg,rgba(7,9,12,.72) 0,rgba(7,9,12,0) 170px),linear-gradient(90deg,rgba(7,9,12,.86) 0%,rgba(7,9,12,.62) 30%,rgba(7,9,12,0) 58%),linear-gradient(0deg,var(--ink-0) 0%,rgba(7,9,12,.7) 16%,rgba(7,9,12,0) 40%)}.hero__content{position: relative;z-index: 2;align-self: end;padding-top: 48px;padding-bottom: 28px}.hero__title{font: 600 clamp(2.6rem,6.4vw,5.6rem)/.9 var(--display);text-transform: uppercase;letter-spacing: .012em;margin: 0 0 24px}.hero__title .line{display: block;overflow: hidden;padding-bottom: .04em}.hero__title .line > span{display: inline-block}.hero__title em{font-style: normal;color: var(--amber)}.hero__lede{max-width: 50ch;color: #c9ced5;font-size: clamp(1.05rem,1.5vw,1.2rem);margin-bottom: 30px}.hero__actions{display: flex;flex-wrap: wrap;gap: 12px;align-items: stretch}.hero__actions .btn--lg{min-width: 260px;justify-content: flex-start}.hero__actions .btn--lg .icon{width: 24px;height: 24px}.status{display: flex;flex-wrap: wrap;gap: 18px 56px;margin: 40px 0 0;padding-top: 22px;border-top: 1px solid var(--line)}.status div{min-width: 0}.status dt{font: 600 .74rem/1 var(--display);letter-spacing: .26em;text-transform: uppercase;color: var(--faint);margin-bottom: 9px}.status dd{margin: 0;font-weight: 500;font-variant-numeric: tabular-nums}.status dd [data-stat]{display: inline-block;min-width: 4.5ch}.hero__side{position: relative;z-index: 2;display: grid;gap: 12px;padding-bottom: 28px}.panel{display: grid;grid-template-columns: 46px 1fr auto;gap: 14px;align-items: center;padding: 12px 14px 12px 12px;background: var(--glass);border: 1px solid var(--line);border-radius: 8px;text-decoration: none;color: var(--text);-webkit-backdrop-filter: blur(14px);backdrop-filter: blur(14px);transition: background-color .12s,border-color .12s}.panel:hover,.panel:focus-visible{background: rgba(30,33,40,.82);border-color: var(--line-2)}.panel__tile{width: 46px;height: 46px;border-radius: 7px;display: grid;place-items: center;color: #fff}.panel__tile .icon{width: 26px;height: 26px}.panel__tile--discord{background: var(--blurple)}.panel__tile--quiver{background: var(--amber-deep);color: var(--bone)}.panel__title{display: block;font-weight: 600;font-size: .98rem;line-height: 1.2}.panel__sub{display: block;color: var(--dim);font-size: .84rem;line-height: 1.3;margin-top: 3px}.panel .icon--go{width: 18px;height: 18px;color: var(--dim);transition: transform .15s var(--ease),color .12s}.panel:hover .icon--go{transform: translateX(3px);color: var(--text)}.hero__credit{position: relative;z-index: 2;margin: 0;font-size: .75rem;color: var(--faint)}.hero__credit a{color: var(--dim)}.hero__pause{position: absolute;z-index: 3;right: var(--gut);top: calc(var(--top) + 18px);display: inline-flex;align-items: center;gap: 10px;background: none;border: 0;cursor: pointer;color: var(--dim);font: 600 .72rem/1 var(--display);letter-spacing: .22em;text-transform: uppercase;padding: 6px 0}.hero__pause:hover{color: var(--text)}.hero__pause[hidden]{display: none}.hero__pause .k-play,.hero__pause[data-state="paused"] .k-pause{display: none}.hero__pause[data-state="paused"] .k-play{display: inline}.hero__pause .key .icon{width: 12px;height: 12px}@media (min-width: 1081px){.hero{grid-template-columns: 1fr minmax(0,420px);grid-template-rows: 1fr auto;column-gap: 40px;padding-inline: max(var(--gut),calc((100vw - var(--wrap)) / 2))}.hero__content{padding-inline: 0;grid-column: 1;grid-row: 1 / 3;max-width: none;margin: 0}.hero__side{grid-column: 2;grid-row: 1;align-self: end;padding-bottom: 34px}.hero__credit{grid-column: 2;grid-row: 2;align-self: end;text-align: right;padding-bottom: 34px}}@media (max-width: 1080px){.hero{min-height: 0;max-height: none;background: var(--ink-0)}.hero__media{bottom: auto;height: min(78svh,720px)}.hero::before{height: min(78svh,720px);background: linear-gradient(0deg,var(--ink-0) 0%,rgba(7,9,12,.78) 26%,rgba(7,9,12,.1) 62%,rgba(7,9,12,.35) 100%)}.hero__content{padding-top: max(220px,calc(min(78svh,720px) - 420px))}.hero__side,.hero__credit{padding-inline: var(--gut)}.hero__side{grid-template-columns: repeat(auto-fit,minmax(260px,1fr));padding-bottom: 18px}.hero__credit{padding-bottom: 28px}}@media (max-width: 560px){.hero__actions .btn{width: 100%}.hero__actions .btn--lg{min-width: 0}.status{gap: 16px 28px}}@keyframes rise{from{transform: translateY(104%)}to{transform: none}}@keyframes snap{from{opacity: 0;transform: translateY(12px)}to{opacity: 1;transform: none}}@keyframes draw{from{transform: scaleX(0)}to{transform: scaleX(1)}}.js .hero__title .line > span{animation: rise .5s var(--ease) both}.js .hero__title .line:nth-child(2) > span{animation-delay: .07s}.js .hero__title .line:nth-child(3) > span{animation-delay: .14s}.js .hero .snap{animation: snap .34s var(--ease) both}.js .hero .d1{animation-delay: .12s}.js .hero .d2{animation-delay: .2s}.js .hero .d3{animation-delay: .28s}.js .hero .d4{animation-delay: .36s}.js .hero .d5{animation-delay: .44s}.js .reveal{opacity: 0;transform: translateY(16px)}.js .reveal.in{animation: snap .38s var(--ease) both}.js .reveal.in.d1{animation-delay: .06s}.js .reveal.in.d2{animation-delay: .12s}.js .reveal.in.d3{animation-delay: .18s}.js .reveal.in.d4{animation-delay: .24s}.sec{padding-block: clamp(72px,11vw,150px);position: relative}.sec--tight{padding-block: clamp(56px,7vw,96px)}.sec--line{border-top: 1px solid var(--line)}.sec__head{display: grid;gap: 22px;margin-bottom: clamp(36px,5vw,64px)}@media (min-width: 900px){.sec__head--split{grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr);align-items: end;gap: 64px}.sec__head--top{align-items: start}.sec__head--split .lede{margin: 0}}.sec__more{display: inline-flex;align-items: center;gap: 10px;margin-top: 28px;text-decoration: none;color: var(--amber);font: 600 .9rem/1 var(--display);letter-spacing: .18em;text-transform: uppercase}.sec__more .icon{transition: transform .15s var(--ease)}.sec__more:hover{color: var(--bone)}.sec__more:hover .icon{transform: translateX(4px)}.route{list-style: none;padding: 0;margin: clamp(48px,6vw,80px) 0 0;display: grid;gap: 0;position: relative;counter-reset: stop}.route li{position: relative;padding: 0 0 34px 34px}.route li::before{content: "";position: absolute;left: 0;top: 4px;width: 11px;height: 11px;border: 2px solid var(--brass);background: var(--ink-0);transform: rotate(45deg)}.route li::after{content: "";position: absolute;left: 5px;top: 20px;bottom: 0;width: 1px;background: var(--line-2)}.route li:last-child::after{display: none}.route li.is-now::before{background: var(--amber);border-color: var(--amber)}.route li.is-next::before{border-style: dashed;border-color: var(--slate)}.route__when{display: block;font: 600 .8rem/1 var(--display);letter-spacing: .24em;text-transform: uppercase;color: var(--brass);margin-bottom: 10px}.route li.is-next .route__when{color: #9db7c6}.route__what{color: var(--dim);font-size: .98rem;margin: 0;max-width: 34ch}.route__what strong{color: var(--text);font-weight: 600}@media (min-width: 900px){.route{grid-template-columns: repeat(5,1fr);gap: 28px}.route li{padding: 34px 0 0}.route li::before{top: 0}.route li::after{left: 20px;right: -28px;top: 6px;bottom: auto;width: auto;height: 1px;transform-origin: left}.js .route.in li::after{animation: draw .5s var(--ease) both}.js .route.in li:nth-child(2)::after{animation-delay: .1s}.js .route.in li:nth-child(3)::after{animation-delay: .2s}.js .route.in li:nth-child(4)::after{animation-delay: .3s}}.figures{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));border-top: 1px solid var(--line);border-left: 1px solid var(--line);margin-top: clamp(56px,7vw,96px)}.figures div{padding: 26px 22px 24px;border-right: 1px solid var(--line);border-bottom: 1px solid var(--line)}.figures b{display: block;font: 600 clamp(2.6rem,6vw,4.6rem)/.9 var(--display);letter-spacing: .01em;color: var(--text)}.figures b small{font-size: .42em;letter-spacing: .14em;color: var(--brass);margin-left: .25em}.figures span{display: block;margin-top: 12px;color: var(--dim);font-size: .95rem}@media (min-width: 900px){.figures{grid-template-columns: repeat(4,1fr)}}.lx{border: 1px solid var(--line);border-radius: 10px;overflow: hidden;background: var(--ink-1);box-shadow: 0 40px 120px -40px rgba(0,0,0,.9)}.lx__bar{display: flex;align-items: center;gap: 6px;padding: 0 clamp(12px,3vw,44px);height: 64px;border-bottom: 1px solid var(--line);background: linear-gradient(#0b0d10,#0d0f13)}.lx__tabs{display: flex;gap: 2px;overflow-x: auto;scrollbar-width: none;flex: 1;min-width: 0;mask-image: linear-gradient(90deg,#000 92%,transparent)}.lx__tabs::-webkit-scrollbar{display: none}.lx__tab{position: relative;flex: none;background: none;border: 0;cursor: pointer;padding: 0 14px;height: 64px;font: 500 clamp(.78rem,1.1vw,.95rem)/1 var(--display);letter-spacing: .2em;text-transform: uppercase;color: #7e858f}.lx__tab:hover{color: var(--text)}.lx__tab[aria-selected="true"]{color: var(--text)}.lx__tab[aria-selected="true"]::after{content: "";position: absolute;left: 14px;right: 14px;bottom: 0;height: 2px;background: var(--brass)}.lx__tab:focus-visible{outline-offset: -6px}.lx__view{position: relative;aspect-ratio: 1600 / 803;background: #0b0d10}.lx__panel picture,.lx__panel img{width: 100%;height: 100%;object-fit: cover}.lx__panel{position: absolute;inset: 0}.lx__panel[hidden]{display: none}.js .lx__panel.is-in picture{animation: lxcut .22s var(--ease) both}@keyframes lxcut{from{clip-path: inset(0 0 0 100%)}to{clip-path: inset(0)}}.lx__foot{display: grid;gap: 18px;padding: 22px clamp(16px,3vw,44px) 24px;border-top: 1px solid var(--line)}.lx__cap{min-height: 5.2em}.lx__cap[hidden]{display: none}.lx__cap h3{font: 600 1.15rem/1.2 var(--display);letter-spacing: .14em;text-transform: uppercase;margin-bottom: 8px}.lx__cap p{color: var(--dim);margin: 0;max-width: 80ch}.lx__hint{display: flex;align-items: center;gap: 18px;color: var(--dim);font-size: .85rem;flex-wrap: wrap}.lx__hint span{display: inline-flex;align-items: center;gap: 8px}@media (min-width: 900px){.lx__foot{grid-template-columns: 1fr auto;align-items: center}}.optrow{display: flex;align-items: center;justify-content: space-between;gap: 16px;flex-wrap: wrap;padding: 0 0 18px}.opt{display: inline-flex;align-items: center;gap: 4px}.opt__btn{display: inline-flex;flex-direction: column;align-items: center;gap: 9px;padding: 12px 18px 10px;background: none;border: 0;cursor: pointer;font: 600 .9rem/1 var(--display);letter-spacing: .18em;text-transform: uppercase;color: var(--faint);border-radius: 3px}.opt__btn::after{content: "";width: 14px;height: 2px;background: rgba(255,255,255,.22);transition: width .2s var(--ease),background-color .12s}.opt__btn:hover{color: var(--text)}.opt__btn[aria-pressed="true"]{color: var(--on-bone);background: var(--bone)}.opt__btn[aria-pressed="true"]::after{width: 26px;background: var(--on-bone)}.cmp{position: relative;border-radius: 8px;overflow: hidden;background: #000;aspect-ratio: 1600 / 818;touch-action: pan-y;user-select: none;-webkit-user-select: none}.cmp[hidden]{display: none}.cmp picture,.cmp img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover}.cmp__top{position: absolute;inset: 0;clip-path: inset(0 calc(100% - var(--pos,50%)) 0 0)}.cmp__line{position: absolute;top: 0;bottom: 0;left: var(--pos,50%);width: 2px;margin-left: -1px;background: var(--bone);pointer-events: none}.cmp__knob{position: absolute;top: 50%;left: var(--pos,50%);width: 46px;height: 46px;margin: -23px 0 0 -23px;border-radius: 50%;background: var(--bone);color: var(--on-bone);display: grid;place-items: center;pointer-events: none;box-shadow: 0 6px 24px rgba(0,0,0,.5)}.cmp__knob .icon{width: 22px;height: 22px}.cmp__range{position: absolute;inset: 0;width: 100%;height: 100%;margin: 0;opacity: 0;cursor: ew-resize;-webkit-appearance: none;appearance: none}.cmp__range:focus-visible ~ .cmp__knob{outline: 3px solid var(--amber);outline-offset: 3px}.cmp__tag{position: absolute;top: 16px;padding: 7px 10px;background: rgba(7,9,12,.7);font: 600 .74rem/1 var(--display);letter-spacing: .22em;text-transform: uppercase;pointer-events: none;border-radius: 2px}.cmp__tag--l{left: 16px}.cmp__tag--r{right: 16px}.cmp-cap{color: var(--dim);font-size: .95rem;margin: 16px 0 0;max-width: 80ch}.cmp-cap strong{color: var(--text);font-weight: 600}.split{display: grid;gap: clamp(28px,4vw,56px)}@media (min-width: 980px){.split{grid-template-columns: minmax(0,1fr) minmax(0,1fr);align-items: center}.split--wide{grid-template-columns: minmax(0,1.35fr) minmax(0,.65fr)}}.frame{border-radius: 8px;overflow: hidden;border: 1px solid var(--line);background: #000}.frame img{width: 100%}figure{margin: 0}figcaption{color: var(--dim);font-size: .9rem;margin-top: 12px}.glance{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,250px),1fr));border-top: 1px solid var(--line);border-left: 1px solid var(--line);list-style: none;padding: 0}.glance li{padding: 22px 22px 24px;border-right: 1px solid var(--line);border-bottom: 1px solid var(--line);transition: background-color .12s,color .12s}.glance li:hover{background: var(--bone);color: var(--on-bone)}.glance li:hover p{color: #3c3f45}.glance li:hover h3{color: var(--on-bone)}.glance h3{font: 600 1.02rem/1.15 var(--display);letter-spacing: .12em;text-transform: uppercase;margin: 0 0 8px}.glance p{margin: 0;color: var(--dim);font-size: .95rem;line-height: 1.45}.reel{position: relative}.reel__track{--edge: max(var(--gut),calc((100% - var(--wrap)) / 2));display: grid;grid-auto-flow: column;grid-auto-columns: min(84vw,1040px);gap: 18px;overflow-x: auto;scroll-snap-type: x mandatory;scroll-padding-inline: var(--edge);padding: 0 var(--edge) 6px;scrollbar-width: none;overscroll-behavior-x: contain}.reel__track::-webkit-scrollbar{display: none}.reel__item{scroll-snap-align: start}.reel__item .frame{aspect-ratio: 16 / 9}.reel__item img{height: 100%;object-fit: cover}.reel__item figcaption{display: flex;gap: 14px;align-items: baseline}.reel__item figcaption b{font: 600 .78rem/1 var(--display);letter-spacing: .22em;color: var(--brass)}.reel__ctrl{display: flex;align-items: center;justify-content: space-between;gap: 18px;margin-top: 22px}.reel__btns{display: flex;gap: 8px}.reel__btns button{width: 46px;height: 46px;display: grid;place-items: center;background: var(--ink-2);border: 1px solid var(--line-2);border-radius: 3px;cursor: pointer}.reel__btns button:hover{background: var(--bone);color: var(--on-bone)}.reel__btns button:disabled{opacity: .35;cursor: default;background: var(--ink-2);color: var(--text)}.reel__btns .icon{width: 14px;height: 14px}.reel .dashes i{cursor: pointer}.player{position: relative;aspect-ratio: 16 / 9;border-radius: 10px;overflow: hidden;background: #000;border: 1px solid var(--line)}.player picture,.player img,.player video{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover}.player__go{position: absolute;inset: 0;display: flex;align-items: flex-end;justify-content: flex-start;padding: clamp(18px,4vw,48px);border: 0;cursor: pointer;background: linear-gradient(0deg,rgba(7,9,12,.7),rgba(7,9,12,0) 45%);color: var(--text);text-align: left}.player__label{display: inline-flex;align-items: center;gap: 16px;font: 600 clamp(1.3rem,3vw,2.2rem)/1 var(--display);letter-spacing: .2em;text-transform: uppercase}.player__label::before{content: "";width: 4px;height: 1.1em;background: var(--brass)}.player__label .key{min-width: 44px;height: 44px;font-size: .9rem}.player__label .key .icon{width: 18px;height: 18px}.player__go:hover .key{background: var(--bone);color: var(--on-bone);box-shadow: inset 0 -3px 0 #b7b1a4}.player__meta{position: absolute;right: clamp(18px,4vw,48px);bottom: clamp(18px,4vw,48px);font: 600 .8rem/1 var(--display);letter-spacing: .22em;text-transform: uppercase;color: var(--dim)}@media (max-width: 600px){.player__meta{display: none}.player__label{font-size: 1.05rem;gap: 12px}.player__label .key{min-width: 36px;height: 36px}}@media (hover: none) and (pointer: coarse){.kbd-only{display: none !important}}.credit{color: var(--faint);font-size: .85rem;margin-top: 14px}.credit a{color: var(--dim)}.bars{display: grid;gap: 18px;margin: 8px 0 0}.bar{display: grid;gap: 9px}.bar__label{display: flex;justify-content: space-between;gap: 12px;font: 600 .82rem/1.2 var(--display);letter-spacing: .18em;text-transform: uppercase;color: var(--dim)}.bar__label b{white-space: nowrap;font-size: 1.5rem;letter-spacing: .02em;color: var(--text);font-variant-numeric: tabular-nums}.bar__track{height: 14px;background: var(--ink-3);border-radius: 2px;overflow: hidden}.bar__fill{height: 100%;background: var(--slate);transform-origin: left}.bar__fill--now{width: 47.8%}.bar__fill--next{width: 100%;background: var(--amber)}.js .bars .bar__fill{transform: scaleX(0)}.js .bars.in .bar__fill{animation: draw .7s var(--ease) both}.js .bars.in .bar + .bar .bar__fill{animation-delay: .12s}.bars-note{color: var(--faint);font-size: .85rem;margin-top: 14px}.cards{display: grid;gap: 1px;background: var(--line);border: 1px solid var(--line);border-radius: 8px;overflow: hidden;grid-template-columns: repeat(auto-fit,minmax(min(100%,260px),1fr))}.card{background: var(--ink-1);padding: 26px 24px 28px;display: flex;flex-direction: column;gap: 12px}.card h3{font: 600 1.15rem/1.15 var(--display);letter-spacing: .1em;text-transform: uppercase}.card p{margin: 0;color: var(--dim);font-size: .96rem}.card .chip{align-self: flex-start}.cta{position: relative;overflow: hidden;border-top: 1px solid var(--line);background: var(--ink-1)}.cta__in{display: grid;gap: 30px;padding-block: clamp(64px,9vw,120px);position: relative;z-index: 1}.cta__btns{display: flex;flex-wrap: wrap;gap: 12px}.cta__art{position: absolute;inset: 0;z-index: 0;pointer-events: none}.cta__art picture,.cta__art img{width: 100%;height: 100%;object-fit: cover;object-position: 70% 50%}.cta::after{content: "";position: absolute;inset: 0;background: linear-gradient(90deg,var(--ink-1) 22%,rgba(13,15,19,.7) 55%,rgba(13,15,19,.25));pointer-events: none}@media (max-width: 760px){.cta::after{background: linear-gradient(0deg,var(--ink-1) 35%,rgba(13,15,19,.72))}.cta__btns .btn{width: 100%}}.phead{position: relative;padding: calc(var(--top) + clamp(56px,8vw,110px)) 0 clamp(40px,5vw,70px);border-bottom: 1px solid var(--line);overflow: hidden;isolation: isolate}.phead::before{content: "";position: absolute;inset: 0;z-index: -1;opacity: .5;background-image: linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size: 72px 72px;background-position: -1px -1px;-webkit-mask-image: radial-gradient(ellipse 70% 90% at 85% 10%,#000,transparent 70%);mask-image: radial-gradient(ellipse 70% 90% at 85% 10%,#000,transparent 70%)}.phead__mark{position: absolute;right: var(--gut);top: calc(var(--top) + 26px);font: 600 .72rem/1.6 var(--display);letter-spacing: .26em;text-transform: uppercase;color: var(--faint);text-align: right}.phead .h1{max-width: 16ch;margin-bottom: 22px}.phead .lede{margin: 0}@media (max-width: 700px){.phead__mark{display: none}}.layout-side{display: grid;grid-template-columns: minmax(0,1fr);gap: 48px}@media (min-width: 1081px){.layout-side{grid-template-columns: 240px minmax(0,1fr);gap: 72px}}.sidenav{position: sticky;top: calc(var(--top) + 32px);align-self: start}.sidenav ul{list-style: none;padding: 0}.sidenav a{display: flex;align-items: center;gap: 12px;padding: 9px 0;text-decoration: none;color: var(--faint);font: 500 .92rem/1.2 var(--display);letter-spacing: .18em;text-transform: uppercase;transition: color .12s}.sidenav a::before{content: "";width: 3px;height: 1.1em;background: transparent;flex: none}.sidenav a:hover{color: var(--text)}.sidenav a.is-on{color: var(--text)}.sidenav a.is-on::before{background: var(--brass)}@media (max-width: 1080px){.sidenav{position: static}.sidenav ul{display: flex;flex-wrap: wrap;gap: 4px 18px}.sidenav a::before{display: none}}.fblock{padding: 0 0 clamp(56px,7vw,96px);margin: 0 0 clamp(56px,7vw,96px);border-bottom: 1px solid var(--line);scroll-margin-top: calc(var(--top) + 24px)}.fblock:last-child{border-bottom: 0;margin-bottom: 0}.fblock .h2,.split .h2{margin-bottom: 18px}.fblock__grid{display: grid;grid-template-columns: minmax(0,1fr);gap: 28px;margin-top: 28px}@media (min-width: 1200px){.fblock__grid{grid-template-columns: minmax(0,1.25fr) minmax(0,1fr);align-items: start}}.ticks{list-style: none;padding: 0;margin: 0;display: grid;gap: 0}.ticks li{padding: 11px 0 11px 22px;border-bottom: 1px solid var(--line);position: relative;color: var(--dim)}.ticks li::before{content: "";position: absolute;left: 0;top: 1.15em;width: 9px;height: 2px;background: var(--brass)}.ticks li strong{color: var(--text);font-weight: 600}.ticks li:first-child{border-top: 1px solid var(--line)}.table-wrap{overflow-x: auto;border: 1px solid var(--line);border-radius: 8px;margin: 24px 0}table{border-collapse: collapse;width: 100%;font-size: .95rem}th,td{text-align: left;padding: 12px 16px;border-bottom: 1px solid var(--line);vertical-align: top}thead th{font: 600 .76rem/1.2 var(--display);letter-spacing: .2em;text-transform: uppercase;color: var(--brass);background: var(--ink-1);white-space: nowrap}tbody th{font-weight: 600;color: var(--text);white-space: nowrap}td{color: var(--dim)}tbody tr:last-child th,tbody tr:last-child td{border-bottom: 0}tbody tr:hover{background: rgba(255,255,255,.025)}td.pc{color: var(--text)}.note{border-left: 3px solid var(--brass);background: var(--ink-1);padding: 18px 22px;border-radius: 0 6px 6px 0;margin: 24px 0;color: var(--dim)}.note strong{color: var(--text)}.note--slate{border-left-color: var(--slate)}.note p:last-child{margin: 0}.steps{list-style: none;padding: 0;margin: 0;counter-reset: step;display: grid;gap: 0}.steps > li{counter-increment: step;display: grid;grid-template-columns: 72px 1fr;gap: 8px 22px;padding: 26px 0;border-top: 1px solid var(--line)}.steps > li::before{content: counter(step,decimal-leading-zero);font: 600 2.6rem/1 var(--display);color: var(--brass);letter-spacing: .02em}.steps h3{font: 600 1.2rem/1.2 var(--display);letter-spacing: .12em;text-transform: uppercase;margin: 6px 0 8px}.steps p{margin: 0 0 .6em;color: var(--dim)}.steps strong{color: var(--text)}@media (max-width: 560px){.steps > li{grid-template-columns: 1fr}.steps > li::before{font-size: 2rem}}.spec{display: grid;grid-template-columns: max-content 1fr;border: 1px solid var(--line);border-radius: 8px;overflow: hidden;margin: 0}.spec dt,.spec dd{padding: 12px 16px;border-bottom: 1px solid var(--line);margin: 0}.spec dt{font: 600 .76rem/1.6 var(--display);letter-spacing: .2em;text-transform: uppercase;color: var(--brass);background: var(--ink-1)}.spec dd{color: var(--text);min-width: 0;overflow-wrap: anywhere}.spec dt:nth-last-of-type(1),.spec dd:last-of-type{border-bottom: 0}@media (max-width: 560px){.spec{grid-template-columns: 1fr}.spec dt{border-bottom: 0;padding-bottom: 2px}}.copy{display: inline-flex;align-items: center;gap: 6px;margin-left: 8px;padding: 3px 8px;vertical-align: middle;background: var(--ink-3);border: 1px solid var(--line-2);border-radius: 3px;cursor: pointer;font: 600 .7rem/1 var(--display);letter-spacing: .16em;text-transform: uppercase;color: var(--dim)}.copy:hover{background: var(--bone);color: var(--on-bone)}.copy .icon{width: 12px;height: 12px}pre{background: var(--ink-1);border: 1px solid var(--line);border-radius: 6px;padding: 16px 18px;overflow-x: auto;margin: 0 0 1em}pre code{background: none;padding: 0;color: var(--bone)}.codeline{display: flex;align-items: flex-start;gap: 10px}.codeline pre{flex: 1;min-width: 0;margin: 0}.faq{border-top: 1px solid var(--line)}.faq details{border-bottom: 1px solid var(--line)}.faq summary{list-style: none;cursor: pointer;display: grid;grid-template-columns: 1fr auto;gap: 18px;align-items: center;padding: 20px 18px;font: 600 clamp(1.05rem,1.8vw,1.25rem)/1.25 var(--display);letter-spacing: .06em;text-transform: uppercase;transition: background-color .12s,color .12s}.faq summary::-webkit-details-marker{display: none}.faq summary::after{content: "";width: 12px;height: 12px;border-right: 2px solid currentColor;border-bottom: 2px solid currentColor;transform: rotate(45deg) translate(-3px,-3px);transition: transform .18s var(--ease)}.faq details[open] summary::after{transform: rotate(-135deg) translate(-3px,-3px)}.faq summary:hover{background: var(--ink-2)}.faq details[open] summary{background: var(--bone);color: var(--on-bone)}.faq summary:focus-visible{outline-offset: -2px}.faq__a{padding: 20px 18px 28px;color: var(--dim);max-width: 78ch}.faq__a p:last-child{margin-bottom: 0}.faq__a strong{color: var(--text)}.faq-group{margin-top: 56px}.faq-group:first-child{margin-top: 0}.big-links{display: grid;gap: 14px;grid-template-columns: repeat(auto-fit,minmax(min(100%,300px),1fr))}.big-link{display: flex;flex-direction: column;gap: 14px;padding: 26px;border: 1px solid var(--line);border-radius: 8px;background: var(--ink-1);text-decoration: none;transition: background-color .12s,color .12s,border-color .12s;min-height: 220px}.big-link .panel__tile{width: 52px;height: 52px}.big-link h3{font: 600 1.3rem/1.15 var(--display);letter-spacing: .12em;text-transform: uppercase}.big-link p{color: var(--dim);margin: 0}.big-link__go{margin-top: auto;display: inline-flex;align-items: center;gap: 10px;font: 600 .82rem/1 var(--display);letter-spacing: .2em;text-transform: uppercase;color: var(--amber)}.big-link:hover{background: var(--bone);color: var(--on-bone);border-color: var(--bone)}.big-link:hover p{color: #3c3f45}.big-link:hover .big-link__go{color: var(--on-bone)}.panel__tile--github{background: #24292f}.credits{display: grid;gap: 0;border-top: 1px solid var(--line)}.credits > div{display: grid;gap: 6px 40px;padding: 22px 0;border-bottom: 1px solid var(--line)}@media (min-width: 800px){.credits > div{grid-template-columns: 260px 1fr}}.credits dt{font: 600 .82rem/1.5 var(--display);letter-spacing: .2em;text-transform: uppercase;color: var(--brass)}.credits dd{margin: 0;color: var(--dim)}.credits dd strong{color: var(--text)}.names{display: flex;flex-wrap: wrap;gap: 8px;list-style: none;padding: 0;margin: 10px 0 0}.names li{padding: 6px 12px;border: 1px solid var(--line-2);border-radius: 2px;color: var(--text);font-weight: 500}.lost{min-height: 100svh;display: grid;align-content: center;padding-block: calc(var(--top) + 40px) 60px}.lost .h1{margin-bottom: 22px}.lost__code{font: 600 clamp(6rem,22vw,15rem)/.8 var(--display);color: transparent;-webkit-text-stroke: 1px var(--line-2);letter-spacing: .02em;margin-bottom: 20px}.footer{border-top: 1px solid var(--line);padding: 64px 0 40px;background: var(--ink-0)}.footer__grid{display: grid;gap: 36px;grid-template-columns: repeat(auto-fit,minmax(160px,1fr))}.footer__brand{grid-column: 1 / -1;max-width: 46ch}.footer__brand p{color: var(--dim);margin: 16px 0 0;font-size: .95rem}@media (min-width: 900px){.footer__grid{grid-template-columns: 1.6fr 1fr 1fr 1fr}.footer__brand{grid-column: auto}}.footer__h{font: 600 .76rem/1 var(--display);letter-spacing: .24em;text-transform: uppercase;color: var(--brass);margin-bottom: 16px}.footer__col ul{list-style: none;padding: 0;display: grid;gap: 4px}.footer__col a{color: var(--dim);text-decoration: none;display: inline-block;padding: 4px 0}.footer__col a:hover{color: var(--text)}.footer__legal{margin-top: 48px;padding-top: 24px;border-top: 1px solid var(--line);display: grid;gap: 6px}.footer__legal p{color: var(--faint);font-size: .84rem;margin: 0;max-width: 120ch}.footer__legal a{color: var(--dim)}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation: none !important;transition: none !important;scroll-behavior: auto !important}.js .reveal,.js .bars .bar__fill{opacity: 1;transform: none}.slide.is-in{animation: kb-fade 1.2s linear both !important}.slide.is-first{animation: none !important}}@media (forced-colors: active){.btn,.panel,.key,.opt__btn{border: 1px solid ButtonText}.cmp__line,.cmp__knob{background: Highlight}}
