.x-projects .v-main{gap:var(--space-7);grid-template-columns:300px 1fr;padding-block-start:46px;display:grid}.x-cabinet{margin-inline-end:14px;padding-block-start:42px;position:relative}.x-tabs{block-size:43px;position:absolute;inset-block-start:0;inset-inline:0}.x-tab{all:unset;box-sizing:border-box;border:1px solid var(--ink);background:var(--paper);block-size:34px;inline-size:min(150px,20% - 8px);font:500 var(--fs-ui) / 34px var(--font-sans);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;transition:block-size .3s var(--ease-out);border-block-end:0;padding-inline:14px;position:absolute;inset-block-end:0;inset-inline-start:calc(var(--i) * min(158px, 20%));overflow:hidden}.x-tab[aria-selected=true]{z-index:3;block-size:43px}.x-tab[aria-selected=true]:after{content:"";background:var(--paper);block-size:3px;position:absolute;inset-block-end:-2px;inset-inline:0}.x-tab:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.x-stack{position:relative}.x-stack:before,.x-stack:after{content:"";border:1px solid var(--ink);background:var(--paper);pointer-events:none;position:absolute}.x-stack:before{z-index:1;inset-block:6px -6px;inset-inline:6px -6px}.x-stack:after{z-index:0;inset-block:12px -12px;inset-inline:12px -12px}.x-folder{z-index:2;border:1px solid var(--ink);background:var(--paper);--number-inline:34px;--number-block:24px;padding-block:30px 40px;padding-inline:34px;display:grid;position:relative}.x-sheet{opacity:0;visibility:hidden;grid-area:1/1;transition:opacity .22s,visibility 0s linear .22s}@supports selector(:has(*)){.x-sheet:focus-visible{outline:none}}.x-folder:has(>.x-sheet:focus-visible){outline:2px solid var(--ink);outline-offset:-7px}.x-sheet.on{opacity:1;visibility:visible;transition:opacity .22s .17s,visibility 0s linear .17s}.x-sheet h2{margin-block:calc(var(--fs-label) - .1em) calc(12px - .1em);font:500 var(--fs-display) / 1.15 var(--font-sans);letter-spacing:-.045em;margin-inline:0}.x-projects .x-role{color:var(--ink-2);margin-block:0 16px;margin-inline:0}.x-projects .x-did{counter-reset:point;max-inline-size:560px;margin-block:0 18px;margin-inline:0;padding:0;list-style:none}.x-projects .x-did li{border-block-start:1px solid var(--line);font-size:var(--fs-reading);counter-increment:point;grid-template-columns:34px 1fr;padding-block:8px;display:grid}.x-projects .x-did li:before{content:counter(point, decimal-leading-zero);color:var(--ink-2)}.x-number{position:absolute;inset-block-end:var(--number-block);inset-inline-end:var(--number-inline)}@media (min-width:1101px){.x-projects .v-main>:has(>h1){margin-inline-end:calc(-1 * var(--space-3))}.x-projects .v-main>:has(>h1)>.x-lede{margin-inline-end:var(--space-3)}.x-tab:not([aria-selected=true]):hover{block-size:40px}.x-folder{min-block-size:450px}.x-projects .x-did{max-inline-size:620px}}@media (min-width:721px) and (max-width:1100px){.x-projects .v-main{gap:var(--space-5);flex-direction:column;display:flex}.x-cabinet{margin-inline-end:12px}.x-tab{inline-size:calc(20% - 8px);inset-inline-start:calc(var(--i) * 20%)}.x-folder{touch-action:pan-y pinch-zoom;--number-inline:36px;--number-block:22px;padding-block:32px 48px;padding-inline:36px}.x-projects .x-did li{font-size:16px}.x-projects .x-role{font-size:15px}}@media (max-width:720px){.x-projects .v-main{min-inline-size:0;padding-block:var(--space-5) 120px;display:block}.x-projects .x-lede{margin-block:0 var(--space-6);color:var(--ink-2);font:400 15px / 1.4 var(--font-sans);letter-spacing:normal}.x-cabinet{display:none}.x-projects .x-details .lbl{margin-block:2px}.x-projects .x-details .x-role{margin-block:0 10px}.x-projects .x-did{margin:0;padding-block-end:14px}.x-projects .x-did li{grid-template-columns:28px 1fr;padding-block:7px;font-size:13px}}