body.min-h-dvh:has(.workShell):not(:has(.notFound)){flex-direction:column;min-height:100svh;display:flex}body.min-h-dvh:has(.workShell):not(:has(.notFound)) .workShell{flex:1 0 auto}body.min-h-dvh:has(.workShell):not(:has(.notFound)) .siteFooter{flex-shrink:0}.workShell{--project-ink:#0e041c;--project-paper:#fcfafa;--project-muted:#0e041c8c;--project-font-ui:var(--narrative-copy-font,Helvetica, Arial, sans-serif);--project-font-display:var(--narrative-copy-font,Helvetica, Arial, sans-serif);box-sizing:border-box;padding-top:var(--site-header-height);background:var(--project-paper);color:var(--project-ink);font-family:var(--project-font-ui)}.projectVisuallyHidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.projectsBrowser{padding-inline:clamp(1.25rem,6.5vw,6.5rem);flex-direction:column;padding-bottom:clamp(2rem,6vh,4rem);display:flex}.projectsBrowser__title{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.projectFilters{top:var(--site-header-height,5.5rem);z-index:8;background:var(--project-paper);font-family:var(--project-font-ui);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.15rem;padding-block:.65rem 1.1rem;display:flex;position:sticky}.projectFilters__item{align-items:baseline;display:inline-flex}.projectFilters__separator{opacity:.45;pointer-events:none;margin-inline:.55rem}.projectFilters__button{font:inherit;letter-spacing:.02em;color:var(--project-ink);opacity:.42;cursor:pointer;background:0 0;border:0;margin:0;padding:.2rem .05rem;font-size:clamp(.92rem,.85rem + .35vw,1.08rem);font-weight:400}.projectFilters__button[aria-pressed=true]{opacity:1;font-weight:600}.projectFilters__button:focus-visible{outline:2px solid var(--project-ink);outline-offset:4px}.projectGrid{outline:none}.projectGrid__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.35rem,2.4vw,2.25rem) clamp(1.1rem,2vw,1.85rem);margin:0;padding:0 0 1.25rem;list-style:none;animation:.18s ease-out projectGridEnter;display:grid}.projectGrid__empty{text-align:center;font-family:var(--project-font-ui);color:var(--project-muted);margin:2.5rem 0;font-size:.98rem}@keyframes projectGridEnter{0%{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.projectCard{color:inherit;cursor:pointer;flex-direction:column;gap:.7rem;text-decoration:none;display:flex}.projectCard:focus-visible{outline:2px solid var(--project-ink);outline-offset:4px}.projectCard__media{aspect-ratio:4/3;background:#efece8;width:100%;position:relative;overflow:hidden}.projectCard__image,.projectCard__media img{object-fit:cover;object-position:center}.projectCard__overlay{z-index:1;color:var(--project-paper);background:color-mix(in srgb, var(--project-ink) 58%, transparent);opacity:0;pointer-events:none;flex-direction:column;justify-content:flex-end;gap:.28rem;padding:.9rem 1rem;transition:opacity .22s;display:flex;position:absolute;inset:0}.projectCard:hover .projectCard__overlay,.projectCard:focus-visible .projectCard__overlay{opacity:1}.projectCard__overlayTitle{font-family:var(--project-font-ui,Helvetica, Arial, sans-serif);letter-spacing:.01em;margin:0;font-size:clamp(.92rem,.85rem + .3vw,1.08rem);font-weight:700;line-height:1.25}.projectCard__overlaySubtitle{font-family:var(--project-font-ui,Helvetica, Arial, sans-serif);letter-spacing:.01em;color:color-mix(in srgb, var(--project-paper) 88%, transparent);margin:0;font-size:clamp(.75rem,.7rem + .2vw,.88rem);font-weight:400;line-height:1.35}.projectCard__meta{font-family:var(--project-font-ui);justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.projectCard__title{letter-spacing:.01em;overflow-wrap:break-word;min-width:0;margin:0;font-size:clamp(.92rem,.85rem + .3vw,1.05rem);font-weight:400;line-height:1.25;position:relative}.projectCard__titleTrigger{max-width:100%;display:inline}.projectCard__titleFlap{font:inherit}.projectCard__aside{letter-spacing:.02em;color:var(--project-muted);flex-shrink:0;align-items:baseline;gap:.55rem;font-size:clamp(.72rem,.68rem + .2vw,.82rem);display:flex}.projectCard__category{white-space:nowrap}.projectStatus{white-space:nowrap;align-items:center;gap:.35rem;display:inline-flex}.projectStatus__dot{width:.42rem;height:.42rem;box-shadow:0 0 6px 1px color-mix(in srgb, currentColor 55%, transparent);background:currentColor;border-radius:50%}.projectStatus[data-status=live],.projectStatus[data-status=completed]{color:#2f7a45}.projectStatus[data-status=building],.projectStatus[data-status=in-development],.projectStatus[data-status=in-progress],.projectStatus[data-status=experimenting]{color:#b08912}.projectStatus[data-status=paused]{color:#b23a3a}.projectStatus__label{color:var(--project-muted)}.projectDetail{min-width:0;max-width:56rem;font-family:var(--project-font-ui);margin:0 auto;padding:.25rem clamp(1.25rem,6.5vw,6.5rem) 4.5rem}.projectDetail__back{color:var(--project-ink);opacity:.72;margin-bottom:1.75rem;font-size:.95rem;text-decoration:none;display:inline-block}.projectDetail__back:hover{opacity:1}.projectDetail__back:focus-visible,.projectDetail__link:focus-visible{outline:2px solid var(--project-ink);outline-offset:4px}.projectDetail__header{min-width:0;max-width:100%}.projectDetail__title{max-width:100%;font-family:var(--project-font-display);letter-spacing:.01em;overflow-wrap:break-word;margin:0 0 .75rem;font-size:clamp(1.85rem,1.4rem + 1.6vw,2.75rem);font-weight:400;line-height:1.15;position:relative}.projectDetail__titleTrigger{max-width:100%;display:inline}.projectDetail__titleFlap{font:inherit}.projectDetail__summary{color:var(--project-muted);margin:0 0 1rem;font-size:1.05rem;line-height:1.55}.projectDetail__statusRow{align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:.92rem;display:flex}.projectDetail__category{color:var(--project-muted)}.projectDetail__meta{grid-template-columns:8rem 1fr;gap:.4rem 1rem;margin:0 0 1.75rem;font-size:.95rem;display:grid}.projectDetail__meta dt{opacity:.5;margin:0}.projectDetail__meta dd{margin:0}.projectDetail__metaLinks{flex-wrap:wrap;gap:.35rem 1.1rem;margin:0;padding:0;list-style:none;display:flex}.projectDetail__galleryImage{width:auto;max-width:100%;height:auto;display:block}.projectDetail__section{margin-bottom:1.75rem}.projectDetail__sectionTitle{letter-spacing:.06em;text-transform:uppercase;margin:0 0 .5rem;font-size:.82rem;font-weight:600}.projectDetail__body{color:var(--project-muted);margin:0;line-height:1.6}.projectDetail__gallery{justify-items:center;gap:1.25rem;min-width:0;margin:0 0 1.75rem;padding:0;display:grid}.projectDetail__galleryItem{width:fit-content;min-width:0;max-width:100%;margin:0;position:relative}.projectDetail__captionToggle{z-index:1;margin:0;position:absolute;inset:0}.projectDetail__captionHit{cursor:pointer;margin:0;padding:0;list-style:none;display:block;position:absolute;inset:0}.projectDetail__captionHit::-webkit-details-marker{display:none}.projectDetail__captionHit::marker{content:""}.projectDetail__captionHit:focus-visible{outline:2px solid var(--project-ink);outline-offset:3px}.projectDetail__caption{z-index:2;text-align:left;color:#fcfafa;opacity:0;pointer-events:none;background:#0e041c9e;margin:0;padding:.4rem .7rem .5rem;font-family:Helvetica,Arial,sans-serif;font-size:.8rem;line-height:1.35;transition:opacity .16s;position:absolute;bottom:0;left:0;right:0}:is(.projectDetail__galleryItem:has(video) .projectDetail__captionToggle,.projectDetail__galleryItem:has(video) .projectDetail__caption){bottom:2.75rem}@media (hover:hover) and (pointer:fine){.projectDetail__captionHit{pointer-events:none}.projectDetail__galleryItem:hover .projectDetail__caption{opacity:1}.projectDetail__galleryItem:has(.projectDetail__captionHit:focus-visible) .projectDetail__caption{opacity:1}}@media (hover:none),(pointer:coarse){:is(.projectDetail__galleryItem:has(.projectDetail__captionToggle[open]) .projectDetail__caption,.projectDetail__galleryItem:has(.projectDetail__captionHit:focus-visible) .projectDetail__caption){opacity:1}}.projectDetail__link{color:var(--project-ink);text-underline-offset:.12em;text-decoration:underline}@media (max-width:1024px) and (min-width:701px){.projectsBrowser{padding-inline:clamp(1.35rem,5.5vw,4rem)}.projectGrid__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.projectsBrowser{padding-inline:clamp(1.1rem,5.5vw,1.75rem)}.projectFilters{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.projectGrid__list{grid-template-columns:1fr}.projectDetail{padding-inline:clamp(1.1rem,5.5vw,1.75rem)}.projectDetail__meta{grid-template-columns:1fr}.projectDetail__gallery{justify-items:stretch}.projectDetail__galleryItem,.projectDetail__galleryImage{width:100%}}@media (prefers-reduced-motion:reduce){.projectGrid__list{animation:none}.projectCard__overlay,.projectDetail__caption{transition:none}}
