.project-detail-chrome{pointer-events:none;opacity:0;visibility:hidden;transition:opacity .32s var(--motion-ease-precision),visibility 0s linear .32s;will-change:opacity}.project-detail-chrome--active{pointer-events:auto;opacity:1;visibility:visible;transition:opacity .4s var(--motion-ease-precision).12s,visibility 0s linear .12s}@media (prefers-reduced-motion:reduce){.project-detail-chrome,.project-detail-chrome--active{transition:opacity .12s}}.project-detail-chrome .detail-nav-shell{height:var(--detail-nav-height);min-height:var(--detail-nav-height);max-height:var(--detail-nav-height);overflow:visible}.project-detail-chrome-row{width:100%;height:var(--detail-nav-height);justify-content:space-between;align-items:center;gap:var(--grid-unit);display:flex}.project-detail-chrome-trail{align-items:center;gap:var(--grid-unit);flex:auto;min-width:0;display:flex}.project-detail-chrome-link{height:var(--grid-unit);font-family:var(--font-geist-mono),monospace;font-size:var(--type-meta-size);letter-spacing:var(--type-meta-tracking);text-transform:uppercase;color:var(--text-faint);align-items:center;font-weight:500;transition:color .15s;display:inline-flex}.project-detail-chrome-link:hover,.project-detail-chrome-link:focus-visible{color:var(--text-secondary);outline:none}.project-detail-chrome-link:focus-visible{box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--link)}.project-detail-chrome-link:active{color:var(--utility-cyan)}.project-detail-chrome-sep{font-family:var(--font-geist-mono),monospace;font-size:var(--type-meta-size);color:color-mix(in srgb,var(--foreground)22%,transparent);flex-shrink:0}.project-detail-chrome-title{font-family:var(--font-geist-sans),system-ui,sans-serif;font-size:var(--type-nav-size);letter-spacing:.01em;font-weight:500;line-height:var(--grid-unit);text-transform:none;color:var(--text-primary);min-width:0}.project-detail-chrome-meta{text-align:right;max-width:42%;font-family:var(--font-geist-mono),monospace;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:500;line-height:var(--grid-unit);color:var(--text-faint);flex:0 auto}@media (max-width:1023px){.project-detail-chrome-link{min-height:calc(var(--grid-unit)*2)}.project-detail-chrome-title{font-size:13px}.project-detail-chrome-meta{display:none}}.nav-main-chrome{transition:opacity .32s var(--motion-ease-precision);will-change:opacity}html[data-case-chrome=detail] .nav-main-chrome,html[data-case-chrome=detail] .nav-chrome-blur-veil{opacity:0;pointer-events:none;transition:opacity .32s var(--motion-ease-precision)}html[data-case-chrome=main] .nav-main-chrome,html:not([data-case-chrome]) .nav-main-chrome{opacity:1;transition:opacity .4s var(--motion-ease-precision).12s}html[data-case-chrome=main] .nav-chrome-blur-veil,html:not([data-case-chrome]) .nav-chrome-blur-veil{transition:opacity .4s var(--motion-ease-precision).12s}@media (prefers-reduced-motion:reduce){.nav-main-chrome,html[data-case-chrome=detail] .nav-main-chrome,html[data-case-chrome=main] .nav-main-chrome,html:not([data-case-chrome]) .nav-main-chrome,html[data-case-chrome=detail] .nav-chrome-blur-veil,html[data-case-chrome=main] .nav-chrome-blur-veil,html:not([data-case-chrome]) .nav-chrome-blur-veil{transition:opacity .12s}}
.project-crumb{flex-wrap:nowrap;overflow:hidden}.project-crumb-link{height:var(--grid-unit);color:var(--text-muted);align-items:center;transition:color .15s;display:inline-flex;text-decoration:none!important}.project-crumb-link-label{color:inherit;text-decoration-line:none;text-decoration-thickness:var(--link-underline-thickness);text-underline-offset:var(--link-underline-offset);text-underline-position:under;transition:color .15s,text-decoration-color .15s;display:inline-block}.project-crumb-link:hover,.project-crumb-link:focus-visible{color:#fff;outline:none}.project-crumb-link:hover .project-crumb-link-label,.project-crumb-link:focus-visible .project-crumb-link-label{color:#fff;text-decoration-line:underline;text-decoration-style:dotted;-webkit-text-decoration-color:var(--utility-cyan);text-decoration-color:var(--utility-cyan)}.project-crumb-link:focus-visible{box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--link)}.project-crumb-link:active{color:var(--utility-cyan)}.project-crumb-link:active .project-crumb-link-label{color:var(--utility-cyan);text-decoration-line:underline;text-decoration-style:dotted;-webkit-text-decoration-color:var(--utility-cyan);text-decoration-color:var(--utility-cyan)}.project-crumb-sep{color:var(--text-faint);flex-shrink:0}.project-crumb-current{color:var(--text-secondary);min-width:0}@media (max-width:1023px){.project-crumb{min-height:calc(var(--grid-unit)*2);align-items:center}.project-crumb>li{min-height:calc(var(--grid-unit)*2);align-items:center;display:flex}.project-crumb-link{min-height:calc(var(--grid-unit)*2);padding-inline:0}}
.project-next-row{gap:calc(var(--grid-unit)*2);grid-template-columns:minmax(0,1fr);align-items:start;width:100%;display:grid}.project-next-copy{--appear-base:.14s;--appear-step:50ms}@media (min-width:1280px){.project-next-row{--next-col:round(down,calc((100% - var(--grid-unit)*3)/2),var(--grid-unit));grid-template-columns:var(--next-col)var(--next-col);column-gap:calc(100% - var(--next-col)*2);row-gap:calc(var(--grid-unit)*2)}}.project-two-images{gap:calc(var(--grid-unit)*2);grid-template-columns:minmax(0,1fr);align-items:start;width:100%;display:grid}@media (min-width:768px){.project-two-images{--pair-col:round(down,calc((100% - var(--grid-unit)*2)/2),var(--grid-unit));grid-template-columns:var(--pair-col)var(--pair-col);column-gap:calc(100% - var(--pair-col)*2);row-gap:calc(var(--grid-unit)*2)}}
.project-hero-section.section{z-index:31;isolation:isolate;background-color:var(--background);width:100%;height:auto;min-height:0;padding-top:calc(var(--chrome-top) + var(--grid-unit));padding-bottom:calc(var(--grid-unit)*2);border-top:0;position:relative}@media (min-width:640px){.project-hero-section.section{padding-top:calc(var(--chrome-top) + var(--grid-unit)*2);padding-bottom:calc(var(--grid-unit)*3)}}html[data-case-page] .workspace-grid-overlay{top:0}@media (min-width:1024px){html[data-case-page] .workspace-grid-overlay{top:var(--project-hero-reserve,0px)}.project-hero-reserve{width:100%;height:var(--project-hero-reserve,auto);background-color:var(--background);position:relative}.project-hero-section.section{inset-inline:0;width:100%;padding-top:calc(var(--chrome-top) + var(--grid-unit)*2);padding-bottom:calc(var(--grid-unit)*4);position:fixed;top:0}.project-hero-section.section:before{content:"";z-index:0;pointer-events:none;padding-inline:var(--shell-start);background-image:var(--workspace-square-grid);background-size:var(--grid-unit)var(--grid-unit);background-position:0 0;background-origin:content-box;background-clip:border-box;position:absolute;inset:0}.project-hero-section.section--canvas:after{display:none}}@media (max-width:639px){.project-detail-body{--project-cover-height:calc(var(--grid-unit)*10);--project-video-height:calc(var(--grid-unit)*10);--project-next-media-height:calc(var(--grid-unit)*10)}.project-hero-meta{gap:var(--grid-unit)calc(var(--grid-unit)*2)}}@media (min-width:1024px) and (max-width:1279px){.project-detail-body{--project-cover-height:calc(var(--grid-unit)*18);--project-video-height:calc(var(--grid-unit)*18)}}