*, *::before, *::after{box-sizing: border-box}*{margin: 0}html{-webkit-text-size-adjust: 100%;overscroll-behavior: none}body{min-height: 100dvh;background: var(--surface);color: var(--text);font-family: var(--font-sans);font-size: var(--text-xs);line-height: var(--leading-normal);letter-spacing: var(--tracking-body);-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility}img, picture, svg, video{display: block;max-width: 100%}button, input, select, textarea{font: inherit;color: inherit}button{background: none;border: none;padding: 0;cursor: pointer;-webkit-tap-highlight-color: transparent;user-select: none}a{color: inherit;text-decoration: none}ul, ol{list-style: none;padding: 0}::selection{background: var(--selection)}:focus-visible{outline: var(--ring-width) solid var(--ring);outline-offset: var(--ring-offset)}:root[data-focus-ring] :focus-visible{outline: none}tp-focus-ring{position: fixed;top: 0;left: 0;z-index: var(--z-ring);display: none;pointer-events: none;will-change: transform}tp-focus-ring[data-visible]{display: block}.focus-ring-shape{position: absolute;inset: 0;border: var(--ring-width) solid var(--ring);border-radius: var(--ring-radius);transition: opacity var(--dur-fast) var(--ease-out)}@starting-style{tp-focus-ring[data-visible] .focus-ring-shape{opacity: 0}}.icon-sprite{position: absolute;width: 0;height: 0;overflow: hidden}.icon{width: var(--icon-size);height: var(--icon-size);flex: none;fill: currentColor}.roll-region{position: relative;display: inline-block;white-space: nowrap}.roll-region::before{content: "\200B"}.roll-exit{position: absolute;inset-block-start: 0;inset-inline-start: 0;white-space: nowrap;pointer-events: none}.roll-run{display: inline-block;white-space: pre;will-change: transform, opacity}.roll-digit{display: inline-block;width: var(--digit-width);text-align: center}.roll-out, .roll-in{animation-duration: var(--dur-base);animation-timing-function: var(--ease-out)}.roll-out{animation-name: roll-out;animation-fill-mode: forwards}.roll-in{animation-name: roll-in;animation-fill-mode: backwards}@keyframes roll-out{to{opacity: 0;transform: translateY(calc(-1 * var(--roll-shift)))}}@keyframes roll-in{from{opacity: 0;transform: translateY(var(--roll-shift))}}.shell{display: flex;justify-content: center}.shell-inner{display: grid;grid-template-columns: var(--rail-width) auto 1fr;grid-template-rows: auto auto 1fr;width: 100%;max-width: var(--shell-width);height: 100dvh;overflow-x: hidden;overflow-y: auto;scrollbar-width: none;position: relative;border-right: 1px solid var(--line)}tp-shell .shell-inner::-webkit-scrollbar{display: none}.rail{grid-column: 1;grid-row: 1 / -1;display: flex;flex-direction: column;position: relative;background: var(--surface);z-index: var(--z-rail);border-left: 1px solid var(--line);border-right: 1px solid var(--line)}.panel{grid-area: 1 / 1 / -1 / -1}.stage{grid-column: 2 / -1;grid-row: 1 / -1}@media (max-width: 699px){.shell-inner{display: flex;flex-direction: column;height: auto;min-height: 100dvh;overflow-x: clip;overflow-y: visible;border-right: none;padding-block-end: var(--nav-height)}.rail-profile{order: 1}.rail-foot{order: 2}.stage{order: 3}.rail{display: contents}}@keyframes appear{from{opacity: 0;translate: 0 var(--appear-shift)}}@keyframes appear-fade{from{opacity: 0}}@keyframes appear-line{from{border-color: transparent}}.rail, .shell-inner{animation: appear-line var(--appear-duration) var(--appear-ease) backwards}.rail-profile, .rail-nav, .rail-foot{animation: appear var(--appear-duration) var(--appear-ease) backwards;animation-delay: var(--appear-stagger)}.work-grid .tile{animation: appear var(--appear-duration) var(--appear-ease) backwards;animation-delay: calc(var(--appear-stagger) * 2)}.rail-dither{animation: appear-fade var(--appear-duration) var(--appear-ease) backwards;animation-delay: calc(var(--appear-stagger) * 3)}