html:has(.work){scroll-behavior:auto}.work{--dur-grow:.48s;--dur-unfold:.52s;--shift-stagger:24ms}.work>*{grid-column:wide}.work__doors{gap:var(--space-5);margin-bottom:var(--space-6);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.work>.work__doors{margin-bottom:0}.work>.work__doors+.work__chapter{margin-top:var(--page-body-start)}.work__chapter{gap:var(--space-5);--ruled-pad:var(--space-5);margin-top:var(--space-6);scroll-margin-top:var(--space-4);grid-template-columns:17.5rem minmax(0,1fr);display:grid}.work__chapter:focus{outline:none}.work__sticky{top:calc(var(--space-5) + var(--hl-pin,0px));position:sticky}.work__now{-webkit-hyphens:none;hyphens:none;overflow-wrap:normal;font:var(--display-font);letter-spacing:var(--display-track);text-wrap:balance;margin:0}.work__line{font-family:var(--font-ui);font-size:var(--step--1);color:var(--muted);margin:var(--space-3) 0 0;text-wrap:balance;max-width:16rem;line-height:1.45}.work__areas{margin-top:var(--space-4);--ruled-pad:var(--space-3);font-family:var(--font-ui);font-size:var(--step--1)}.work__areas .link-set .link{padding:.3rem 0;display:block}.work[data-areas] .work__chapter .work__areas{transition:opacity .22s var(--ease-out), visibility 0s}.work[data-areas] .work__chapter:not([data-current]) .work__areas{opacity:0;visibility:hidden;transition:opacity var(--dur-exit) ease-in, visibility 0s linear var(--dur-exit)}.work__areas .work__top{margin-top:var(--space-2)}.work__units{gap:var(--space-5);align-content:start;display:grid}.work__units,.work__grid{isolation:isolate;position:relative}.work__grid{column-gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense;align-items:start;display:grid}.work__grid--stack{column-gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr))}@media (min-width:64.01rem) and (max-width:65rem),(max-width:46rem){.work__grid--stack{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:44rem){.work__grid--stack{grid-template-columns:1fr}}.work__bar{display:none}@media (max-width:64rem){.work__bar{z-index:20;border-bottom:1px solid var(--rule);background:color-mix(in oklab, var(--paper) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;height:54px;transition:translate var(--dur-exit) ease-in, opacity var(--dur-exit) ease-in;display:block;position:fixed;top:0;left:0;right:0;translate:0 -100%}.work__bar[data-on]{opacity:1;pointer-events:auto;transition:translate .22s var(--ease-out), opacity .22s var(--ease-out);translate:0}.work__bar-in{justify-content:space-between;align-items:center;gap:var(--space-2);height:100%;padding-inline:var(--space-4);display:flex}.work__bar-now{min-width:0;font-family:var(--font-text);font-size:var(--step-1);letter-spacing:-.01em;white-space:nowrap;margin:0;line-height:1.2;overflow:hidden}.work__bar-now>span{text-overflow:ellipsis;animation:work-roll-down .24s var(--ease-out);display:block;overflow:hidden}.work__bar-now>span[data-dir=up]{animation-name:work-roll-up}.work__bar-areas{flex:none}.work__bar-track{background:var(--accent-200);height:2px;position:absolute;bottom:-1px;left:0;right:0}.work__bar-fill{background:var(--accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.work__bar-list{right:var(--space-4);top:calc(100% + var(--space-2));padding:var(--space-2) 0;background:var(--paper);min-width:15rem;box-shadow:var(--lift);font-family:var(--font-ui);border-radius:12px;margin:0;font-size:1rem;list-style:none;position:absolute}.work__bar-list[hidden]{display:none}.work__bar-list .link-set .link{padding:.6rem var(--space-4);display:block}.work__areas{display:none}.work__chapter{scroll-margin-top:calc(54px + var(--space-3))}}@keyframes work-roll-down{0%{opacity:0;translate:0 .6em}}@keyframes work-roll-up{0%{opacity:0;translate:0 -.6em}}@media (prefers-reduced-motion:reduce){.work__bar-now>span{animation:none}.work__bar{transition:none}}@media (max-width:64rem){.work__doors{grid-template-columns:repeat(2,minmax(0,1fr))}.work__chapter{gap:var(--space-4);grid-template-columns:1fr}.work__sticky{position:static}}@media (max-width:44rem){.work__grid{grid-template-columns:1fr}.work{overflow-x:clip}}.work__doors[data-count="1"]{grid-template-columns:minmax(0,1fr)}.work__doors[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:64rem){.work__doors[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.work__doors[data-count="5"]{grid-template-columns:repeat(5,minmax(0,1fr))}}