:root{--work-anchor-offset:calc(var(--nav-height) + var(--nav-space) * 2);--work-window-max:36rem;--work-step-size:var(--space-6);--work-point-size:var(--space-1-5)}.work-hero{position:relative;overflow:hidden}.work-hero__back{align-items:center;gap:var(--space-1-5);color:var(--grey-600);font-family:var(--face-mono);font-size:var(--font-size-label-sm);line-height:var(--line-height-label-sm);text-transform:uppercase;transition:color var(--fill-duration) var(--easing-snap);display:inline-flex}.work-hero__back:hover,.work-hero__back:focus-visible{color:var(--ink)}.work-hero__back-icon{transition:translate var(--fill-duration) var(--easing-snap)}.work-hero__back:hover .work-hero__back-icon,.work-hero__back:focus-visible .work-hero__back-icon{translate:calc(var(--nudge) * -1) 0}.work-index{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:relative}.work-index__item{position:relative}.work-index__link{gap:var(--space-2);height:100%;padding:var(--cell-pad);transition:background-color var(--fill-duration) var(--easing-snap);flex-direction:column;display:flex}.work-index__link:hover,.work-index__link:focus-visible{background-color:var(--paper-tint)}.work-index__number{color:var(--sage-700);font-family:var(--face-mono);font-size:var(--font-size-label-sm);line-height:var(--line-height-label-sm)}.work-index__value{font-size:var(--font-size-headline);font-weight:var(--weight-semibold);line-height:var(--line-height-headline);letter-spacing:var(--letter-spacing-display)}.work-index__label{color:var(--grey-600);font-size:var(--font-size-copy);line-height:var(--line-height-copy)}.work-index__project{justify-content:space-between;align-items:center;gap:var(--space-2);padding-top:var(--space-4);flex-wrap:wrap;margin-top:auto;display:flex}.work-index__title{font-size:var(--font-size-copy);font-weight:var(--weight-semibold);line-height:var(--line-height-copy)}.work-index__action{align-items:center;gap:var(--space-1);font-family:var(--face-mono);font-size:var(--font-size-label-sm);line-height:var(--line-height-label-sm);text-transform:uppercase;display:inline-flex}.work-index__icon{transition:translate var(--fill-duration) var(--easing-snap)}.work-index__link:hover .work-index__icon,.work-index__link:focus-visible .work-index__icon{translate:0 var(--nudge)}.showcase{padding-top:var(--space-12);scroll-margin-top:var(--work-anchor-offset);position:relative;overflow:hidden}.showcase__intro{background-color:var(--paper-tint);display:grid;position:relative}.showcase__copy{z-index:var(--z-raised);justify-content:center;gap:var(--space-5);padding:var(--cell-pad);flex-direction:column;display:flex;position:relative}.showcase__title{font-size:var(--font-size-headline);font-weight:var(--weight-semibold);line-height:var(--line-height-headline);letter-spacing:var(--letter-spacing-display)}.showcase__summary{max-width:var(--measure-md);font-size:var(--font-size-subheading);line-height:var(--line-height-subheading);letter-spacing:var(--letter-spacing-ui);text-wrap:pretty}.showcase__fact{max-width:var(--measure-md);gap:var(--space-1-5);flex-direction:column;display:flex}.showcase__label{align-items:center;gap:var(--space-2);color:var(--sage-700);font-family:var(--face-mono);font-size:var(--font-size-label-sm);font-weight:var(--weight-regular);line-height:var(--line-height-label-sm);text-transform:uppercase;display:flex}.showcase__label:before{content:"";width:var(--dot-size);height:var(--dot-size);background-color:var(--mint-500);flex-shrink:0}.showcase__text{color:var(--grey-600);font-size:var(--font-size-copy);line-height:var(--line-height-copy);text-wrap:pretty}.showcase__stack{gap:var(--space-2);flex-wrap:wrap;display:flex}.showcase__tech{padding:var(--tag-pad-y) var(--tag-pad-x);border:1px solid var(--sage-500);background-color:var(--paper);color:var(--sage-700);font-family:var(--face-mono);font-size:var(--font-size-tag);line-height:var(--line-height-tag);text-transform:uppercase}.showcase__media{align-items:center;gap:var(--space-3);padding:0 var(--cell-pad) var(--cell-pad);flex-direction:column;margin:0;display:flex;position:relative}.showcase__window{width:100%;max-width:var(--work-window-max);border:1px solid var(--ink);background-color:var(--paper)}.showcase__chrome{align-items:center;gap:var(--space-1-5);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--ink);display:flex}.showcase__chrome-dot{width:var(--dot-size);height:var(--dot-size);background-color:var(--grey-300)}.showcase__chrome-dot:first-child{background-color:var(--mint-500)}.showcase__file{color:var(--grey-500);font-family:var(--face-mono);font-size:var(--font-size-tag);line-height:var(--line-height-tag);text-transform:uppercase;margin-left:auto}.showcase__screen{aspect-ratio:1;background-color:var(--paper-tint);position:relative;overflow:hidden}.showcase__screen--wide{aspect-ratio:16/9}.showcase__fill{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.showcase__metric{align-items:center;gap:var(--space-1-5);width:max-content;max-width:100%;padding:var(--tag-pad-y) var(--tag-pad-x);border:1px solid var(--mint-500);background-color:var(--paper);font-family:var(--face-mono);font-size:var(--font-size-tag);line-height:var(--line-height-tag);text-transform:uppercase;display:flex}.showcase__details{display:grid;position:relative}.showcase__detail{gap:var(--space-4);padding:var(--cell-pad);flex-direction:column;display:flex;position:relative}.showcase__divider{display:none}.showcase__steps{gap:var(--space-3);counter-reset:step;flex-direction:column;display:flex}.showcase__step{grid-template-columns:var(--work-step-size) minmax(0, 1fr);gap:var(--space-3);font-size:var(--font-size-copy);line-height:var(--line-height-copy);display:grid}.showcase__step:before{content:counter(step, decimal-leading-zero);counter-increment:step;width:var(--work-step-size);height:var(--work-step-size);background-color:var(--ink);color:var(--paper);font-family:var(--face-mono);font-size:var(--font-size-tag);place-items:center;display:grid}.showcase__points{gap:var(--space-3);flex-direction:column;display:flex}.showcase__point{grid-template-columns:var(--work-point-size) minmax(0, 1fr);gap:var(--space-3);font-size:var(--font-size-copy);line-height:var(--line-height-copy);display:grid}.showcase__point:before{content:"";width:var(--work-point-size);height:var(--work-point-size);margin-top:calc((1lh - var(--work-point-size)) / 2);background-color:var(--ink)}.showcase__features{gap:var(--space-4);padding:var(--cell-pad);flex-direction:column;display:flex;position:relative}.showcase__feature-list{gap:var(--space-3) var(--space-10);display:grid}@media (min-width:48rem){.showcase__details{grid-template-columns:repeat(3,minmax(0,1fr))}.showcase__divider{display:block}.showcase__detail:last-of-type .showcase__divider,.showcase__divider-mobile{display:none}.showcase__feature-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.work-index{grid-template-columns:repeat(4,minmax(0,1fr))}.showcase__intro{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase__copy{padding-block:var(--space-20)}.showcase__media{padding:var(--cell-pad);justify-content:center}.showcase__intro--reversed .showcase__media{order:-1}}