.project-nav[data-astro-cid-qk5cg3dy]{display:flex;align-items:center;justify-content:space-between;width:100%;position:relative}.project-nav-label[data-astro-cid-qk5cg3dy]{font-weight:700;font-size:var(--text-xs);line-height:1em;color:#000;text-transform:uppercase;font-family:var(--heading-font);text-align:center}.project-nav-label[data-astro-cid-qk5cg3dy] span[data-astro-cid-qk5cg3dy]{font-size:.8em;text-transform:none;font-weight:400}@media(max-width:768px){.project-nav-label[data-astro-cid-qk5cg3dy]{font-size:var(--text-m);line-height:.9em}}:root{--info-btn-base-size: var(--text-xxs);--info-btn-width: calc(var(--info-btn-base-size) * 2 + calc(var(--info-btn-base-size) * 1));--info-btn-height: calc(var(--info-btn-base-size) * 2 + calc(var(--info-btn-base-size) * 1));--info-box-width: 33%;--info-box-height: auto;--close-line-width: calc(var(--info-btn-width) * .5)}.project-info[data-astro-cid-2qkbpd5c]{position:absolute;bottom:var(--content-margin-sm);right:calc(var(--content-margin) + var(--info-btn-width));width:var(--info-box-width);height:var(--info-box-height);background-color:#ffffffb3;backdrop-filter:blur(5px);color:#000;text-wrap:pretty;flex-direction:column;align-items:center;justify-content:center;border:1px solid #000;overflow:hidden;clip-path:inset(0% 0% 0% 100%);pointer-events:none}.project-info[data-astro-cid-2qkbpd5c] p[data-astro-cid-2qkbpd5c]{font-size:calc(var(--text-xxs) * .85)}.project-info[data-astro-cid-2qkbpd5c] h3[data-astro-cid-2qkbpd5c]{text-transform:uppercase;font-variation-settings:"wght" 700;font-size:var(--text-s);margin-bottom:.5em}.project-info-content[data-astro-cid-2qkbpd5c]{width:100%;overflow:hidden;padding:var(--content-margin)}.project-info-content[data-astro-cid-2qkbpd5c]>[data-astro-cid-2qkbpd5c]{opacity:0;transform:translate(10%)}.project-info-description[data-astro-cid-2qkbpd5c]{font-size:var(--text-xxs)}.project-close[data-astro-cid-2qkbpd5c]{width:var(--info-btn-width);height:var(--info-btn-height);color:#fff;position:absolute;bottom:var(--content-margin-sm);right:var(--content-margin);background-color:var(--project-bg);backdrop-filter:blur(5px);border:1px solid rgba(0,0,0,1);border-left:var(--border-width) solid rgba(0,0,0,1);overflow:hidden}.close-trigger[data-astro-cid-2qkbpd5c]{display:flex;align-items:center;justify-content:center;width:var(--info-btn-width);height:var(--info-btn-height);padding:0;margin:0;border:none;background:none;font:inherit;cursor:pointer;position:relative;overflow:hidden}.close-line[data-astro-cid-2qkbpd5c]{position:absolute}.close-line-h[data-astro-cid-2qkbpd5c]{width:var(--close-line-width);height:1px;background-color:#000001}.close-line-v[data-astro-cid-2qkbpd5c]{width:1px;height:var(--close-line-width);background-color:#000}.close-line-1[data-astro-cid-2qkbpd5c]{transform:rotate(0) translateY(-50%) translate(-50%);top:50%}.close-line-2[data-astro-cid-2qkbpd5c]{transform:rotate(0) translateY(-50%) translate(50%);top:50%}.close-line-3[data-astro-cid-2qkbpd5c]{transform:rotate(0) translateY(0) translate(0);top:0;left:50%}.close-line-4[data-astro-cid-2qkbpd5c]{transform:rotate(0) translateY(0) translate(0);bottom:0;left:50%}.info-icon-container[data-astro-cid-2qkbpd5c]{display:block;width:calc(var(--info-btn-base-size) * 1.5);height:calc(var(--info-btn-base-size) * 1.5);position:relative;z-index:1;opacity:1;transform:scale(1);display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);border:1px solid rgb(0,0,0);transform:rotate(45deg)}.info-icon[data-astro-cid-2qkbpd5c]{height:calc(var(--info-btn-base-size) * .8);width:auto;transform:rotate(-45deg)}.info-icon[data-astro-cid-2qkbpd5c] path[data-astro-cid-2qkbpd5c]{fill:var(--project-bg);transition:fill .3s ease-in-out}.project-close[data-astro-cid-2qkbpd5c]:hover .info-icon[data-astro-cid-2qkbpd5c] path[data-astro-cid-2qkbpd5c]{fill:var(--color-tertiary)}@media(max-width:768px){:root{--info-btn-base-size: var(--text-m);--info-box-width: calc(100% - var(--content-margin) * 2 - var(--info-btn-width))}.project-info[data-astro-cid-2qkbpd5c],.project-close[data-astro-cid-2qkbpd5c]{top:var(--content-margin);bottom:auto;right:var(--content-margin)}.project-info[data-astro-cid-2qkbpd5c]{right:calc(var(--content-margin) + var(--info-btn-width))}.project-info[data-astro-cid-2qkbpd5c] p[data-astro-cid-2qkbpd5c]{font-size:calc(var(--text-xxs) * 1)}.project-info[data-astro-cid-2qkbpd5c] h3[data-astro-cid-2qkbpd5c]{text-transform:uppercase;font-variation-settings:"wght" 700;font-size:var(--text-l);margin-bottom:.5em}}.project-hero{display:flex;flex-direction:row;width:100%;min-height:var(--site-content-height);align-items:flex-end;justify-content:flex-end;position:relative;border-radius:0;z-index:1;padding-top:var(--header-height);transition:background-color 1s cubic-bezier(.65,0,.35,1)}.project-hero-left{position:fixed;top:var(--header-height);left:var(--site-margin-outer);bottom:0;display:flex;flex-direction:column;width:calc(var(--site-content-width) * .3);align-items:flex-start;justify-content:space-between;height:calc(var(--site-content-height) + var(--site-margin-outer));box-sizing:border-box;overflow:hidden;border-bottom:var(--site-margin-outer) solid #000000;padding-bottom:var(--site-margin-outer);border-right:var(--border-width) solid #000000}.project-hero-content{display:flex;flex-direction:column;width:100%}.project-hero-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:calc(var(--content-margin) / 1.5);width:100%;flex:0 0 auto;position:relative;align-self:stretch;background-color:#000}.project-hero-code{display:flex;align-items:center;flex:1;flex-grow:1;gap:calc(var(--text-xxs) / 2);padding:var(--code-wrapper-padding-top) var(--content-margin) var(--code-wrapper-padding-bottom) var(--content-margin);position:relative;font-size:var(--code-font-size);line-height:1em;color:#fff}.client-text{display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--text-xxs) / 2);width:100%;flex:0 0 auto;position:relative;align-self:stretch;pointer-events:none;padding:var(--content-margin)}.project-hero-client-name{position:relative;align-self:stretch;color:#000}.project-link{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;padding:var(--content-margin-sm) var(--content-margin)}.project-hero-right{display:flex;flex-direction:column;width:70%;position:relative;min-height:var(--site-content-height);background-color:var(--color-primary);box-sizing:border-box}.project-gallery{display:flex;flex-direction:column;gap:var(--site-margin-outer);width:100%}.project-scrollbar{display:none}.project-scroll{width:100%}.project-scroll-content{width:100%;padding:0}.project-hero-image{width:100%;height:calc(var(--site-content-height));position:relative;overflow:hidden;background-color:#000;will-change:transform}.project-hero-image-media{position:absolute;inset:0;z-index:0}.project-hero-image-media :global(.pixel-distortion-container),.project-hero-image-media :global(.pixel-distortion-canvas){width:100%;height:100%;display:block}.project-hero-image-gold-overlay,.gallery-item-gold-overlay{position:absolute;inset:0;z-index:1;background-color:var(--color-gold-mode);mix-blend-mode:color;opacity:var(--gold-overlay-opacity, 0);pointer-events:none}.gallery-item{width:100%;position:relative;overflow:hidden;background-color:#000}.gallery-item-placeholder{position:absolute;inset:0;background-color:#0a0a0a;pointer-events:none}.gallery-item-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.project-hero-code{overflow:hidden;vertical-align:top;display:inline-block}.project-hero-code .char-split,.project-hero-client-name .char-split{display:inline-block;vertical-align:top}::view-transition-old(portfolio-to-project-card),::view-transition-new(portfolio-to-project-card){animation:none!important;opacity:0!important}html.portfolio-to-project-transition .project-hero,html.portfolio-to-project-transition .project-hero-code,html.portfolio-to-project-transition .project-hero-client-name,html.portfolio-to-project-transition .project-hero-markers,html.portfolio-to-project-transition .project-hero-image{view-transition-name:none!important}::view-transition-group(portfolio-to-project-card){animation-duration:0ms!important}@media(max-width:1024px){.project-hero-left{width:calc(var(--site-content-width) * .4)}.project-hero-right{width:60%}}@media(max-width:768px){.project-hero{flex-direction:column;height:auto;padding-top:0}.project-hero-left{width:100%;height:auto;position:relative;top:0;left:0;bottom:0}.project-hero-markers{margin-bottom:var(--content-margin)}.project-link{padding-bottom:var(--content-margin)}.project-hero-right{width:100%;margin-left:0;min-height:var(--vh-50)}.project-hero-image{height:var(--vh-50)}body.project-scroll-active{overflow:auto}html.project-to-project-transition ::view-transition-old(project-hero-card),html.project-to-project-transition ::view-transition-new(project-hero-card),html.project-to-project-transition ::view-transition-old(project-hero-code),html.project-to-project-transition ::view-transition-new(project-hero-code),html.project-to-project-transition ::view-transition-old(project-hero-client),html.project-to-project-transition ::view-transition-new(project-hero-client),html.project-to-project-transition ::view-transition-old(project-hero-client-name),html.project-to-project-transition ::view-transition-new(project-hero-client-name),html.project-to-project-transition ::view-transition-old(project-hero-content),html.project-to-project-transition ::view-transition-new(project-hero-content),html.project-to-project-transition ::view-transition-old(project-hero-markers),html.project-to-project-transition ::view-transition-new(project-hero-markers),html.project-to-project-transition ::view-transition-old(project-hero-image),html.project-to-project-transition ::view-transition-new(project-hero-image){animation:none!important;opacity:1!important}html.project-to-project-transition ::view-transition-group(project-hero-card),html.project-to-project-transition ::view-transition-group(project-hero-code),html.project-to-project-transition ::view-transition-group(project-hero-client),html.project-to-project-transition ::view-transition-group(project-hero-client-name),html.project-to-project-transition ::view-transition-group(project-hero-markers),html.project-to-project-transition ::view-transition-group(project-hero-image){animation-duration:0ms!important}html.project-to-project-transition ::view-transition-group(project-hero-content){animation-duration:.5s!important;animation-timing-function:cubic-bezier(.65,0,.35,1)!important}}@media(min-width:769px){body.project-scroll-active{overflow:hidden}.project-hero-right{height:var(--site-content-height);overflow:hidden}.project-scroll{height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:none}.project-scroll::-webkit-scrollbar{width:0;height:0}.project-scroll-content{min-height:100%}.project-scrollbar{position:absolute;top:calc(var(--site-margin-outer) * 1);right:calc(var(--site-margin-outer) / 1.5);bottom:calc(var(--site-margin-outer) * 1);width:10px;display:flex;justify-content:center;pointer-events:auto;z-index:5}.project-scrollbar-track{position:absolute;top:0;bottom:0;width:10px;background:#fff6;border:1px solid rgba(0,0,0,.1);border-radius:999px;pointer-events:none}.project-scrollbar-thumb{position:absolute;width:6px;height:6px;background:#000;border-radius:999px;transition:height .2s ease,border-radius .2s ease,transform .2s ease;pointer-events:auto;cursor:grab}.project-scrollbar-thumb:hover{height:18px;border-radius:50px;transform:translateY(-6px)}.project-scrollbar-thumb:active{cursor:grabbing;height:18px;border-radius:50px;transform:translateY(-6px)}html.project-scrollbar-dragging,html.project-scrollbar-dragging body,html.project-scrollbar-dragging .project-scrollbar-thumb{cursor:grabbing}}@media(min-aspect-ratio:2/1){.client-text{padding:var(--content-margin-sm) var(--content-margin)}}.project-page[data-astro-cid-eo3wme6m]{overflow-x:hidden}