@font-face{font-family:ABC Diatype;font-style:normal;font-weight:400;font-display:swap;src:url(/Diatype/ABCDiatype-Regular.woff2) format("woff2"),url(/Diatype/ABCDiatype-Regular.woff) format("woff")}@font-face{font-family:ABC Diatype;font-style:normal;font-weight:500;font-display:swap;src:url("/ABC Diatype/ABC Diatype/ABCDiatype-Medium-Trial.woff2") format("woff2"),url("/ABC Diatype/ABC Diatype/ABCDiatype-Medium-Trial.woff") format("woff"),url("/ABC Diatype/ABC Diatype/ABCDiatype-Medium-Trial.otf") format("opentype")}@font-face{font-family:ABC Diatype;font-style:normal;font-weight:700;font-display:swap;src:url("/ABC Diatype/ABC Diatype/ABCDiatype-Bold-Trial.woff2") format("woff2"),url("/ABC Diatype/ABC Diatype/ABCDiatype-Bold-Trial.woff") format("woff"),url("/ABC Diatype/ABC Diatype/ABCDiatype-Bold-Trial.otf") format("opentype")}@font-face{font-family:ABC Diatype Mono Light;font-style:normal;font-weight:300;font-display:swap;src:url("/ABC Diatype/ABC Diatype Mono/ABCDiatypeMono-Light-Trial.woff2") format("woff2"),url("/ABC Diatype/ABC Diatype Mono/ABCDiatypeMono-Light-Trial.woff") format("woff"),url("/ABC Diatype/ABC Diatype Mono/ABCDiatypeMono-Light-Trial.otf") format("opentype")}@font-face{font-family:ABC Diatype Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/Diatype%20Mono/ABCDiatypeMono-Regular.woff2) format("woff2"),url(/Diatype%20Mono/ABCDiatypeMono-Regular.woff) format("woff")}@font-face{font-family:ABC Diatype Semi-Mono;font-style:normal;font-weight:400;font-display:swap;src:url("/ABC Diatype/ABC Diatype Semi-Mono/ABCDiatypeSemi-Mono-Regular-Trial.woff2") format("woff2"),url("/ABC Diatype/ABC Diatype Semi-Mono/ABCDiatypeSemi-Mono-Regular-Trial.woff") format("woff"),url("/ABC Diatype/ABC Diatype Semi-Mono/ABCDiatypeSemi-Mono-Regular-Trial.otf") format("opentype")}@font-face{font-family:ABC Diatype Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url("/ABC Diatype/ABC Diatype Variable/ABCDiatypeVariable-Trial.woff2") format("woff2-variations"),url("/ABC Diatype/ABC Diatype Variable/ABCDiatypeVariable-Trial.woff") format("woff-variations"),url("/ABC Diatype/ABC Diatype Variable/ABCDiatypeVariable-Trial.ttf") format("truetype-variations")}@font-face{font-family:ABC Diatype Mono Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url("/ABC Diatype/ABC Diatype Mono Variable/ABCDiatypeMonoVariable-Trial.woff2") format("woff2-variations"),url("/ABC Diatype/ABC Diatype Mono Variable/ABCDiatypeMonoVariable-Trial.woff") format("woff-variations"),url("/ABC Diatype/ABC Diatype Mono Variable/ABCDiatypeMonoVariable-Trial.ttf") format("truetype-variations")}@font-face{font-family:ABC Diatype Semi-Mono Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url("/ABC Diatype/ABC Diatype Semi-Mono Variable/ABCDiatypeSemi-MonoVariable-Trial.woff2") format("woff2-variations"),url("/ABC Diatype/ABC Diatype Semi-Mono Variable/ABCDiatypeSemi-MonoVariable-Trial.woff") format("woff-variations"),url("/ABC Diatype/ABC Diatype Semi-Mono Variable/ABCDiatypeSemi-MonoVariable-Trial.ttf") format("truetype-variations")}@font-face{font-family:PP Neue Montreal Medium;font-style:normal;font-weight:530;font-display:swap;src:url(/PPNeueMontreal-Medium.otf) format("opentype")}@font-face{font-family:Supply Mono;font-style:normal;font-weight:200;font-display:swap;src:url(/PPSupplyMono-Ultralight.woff2) format("woff2"),url(/PPSupplyMono-Ultralight.otf) format("opentype")}@font-face{font-family:Supply Mono;font-style:normal;font-weight:300;font-display:swap;src:url(/PPSupplyMono-Light.otf) format("opentype")}@font-face{font-family:Monument Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(/Monument\ Grotesk/ABCMonumentGrotesk-Regular.woff2) format("woff2"),url(/Monument\ Grotesk/ABCMonumentGrotesk-Regular.woff) format("woff")}@font-face{font-family:Monument Grotesk Mono;font-style:normal;font-weight:400;font-display:swap;src:url("/Monument Grotesk Mono/ABCMonumentGroteskMono-Regular.woff2") format("woff2"),url("/Monument Grotesk Mono/ABCMonumentGroteskMono-Regular.woff") format("woff")}:root{--color-primary: #1a1a1a;--color-background: #101010;--color-text-light: #ffffff;--color-text-dark: #1a1a1a}body{background-color:#fff;margin:0;font-family:PP Neue Montreal Regular,sans-serif;font-weight:450;color:var(--color-text-light);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1}::selection{background-color:#000;color:#fff}::-moz-selection{background-color:#000;color:#fff}.design{width:min(100vw,1600px);margin-inline:auto;container-type:inline-size}@media (min-width: 1600px){.design{width:100vw}}:root{--header-name-1600: 14px;--header-subtitle-1600: 14px;--project-meta-1600: 12px;--project-desc-1600: 28px;--about-text-1600: 22px;--footer-1600: 12px;--header-padding-1600: 24px;--content-padding-1600: 24px;--footer-padding-1600: 24px;--project-gap-1600: 16px;--header-margin-1600: 84px;--content-margin-1600: 20px;--project-desc-padding-top-1600: 24px;--project-meta-margin-top-1600: 16px;--video-gap-1600: 8px;--video-padding-1600: 8px;--header-container-width-1600: 700px;--header-container-padding-1600: 24px;--header-top-padding-1600: 12px;--pill-padding-1600: 16px;--project-desc-max-1600: 650px;--header-name-max-1600: 700px;--header-subtitle-max-1600: 700px;--project-meta-max-1600: 200px;--footer-max-1600: 400px;--header-name-cqw: .875cqw;--header-subtitle-cqw: .875cqw;--project-meta-cqw: .75cqw;--project-desc-cqw: 1.75cqw;--about-text-cqw: 1.375cqw;--footer-cqw: .75cqw;--header-padding-cqw: 1.5cqw;--content-padding-cqw: 1.5cqw;--footer-padding-cqw: 1.5cqw;--project-gap-cqw: 1cqw;--header-margin-cqw: 5.25cqw;--content-margin-cqw: 1.25cqw;--project-desc-padding-top-cqw: 1.5cqw;--project-meta-margin-top-cqw: 1cqw;--video-gap-cqw: .5cqw;--video-padding-cqw: .5cqw;--header-container-width-cqw: 43.75cqw;--header-container-padding-cqw: 1.5cqw;--header-top-padding-cqw: .75cqw;--pill-padding-cqw: 1cqw;--project-desc-max-cqw: 40.625cqw;--header-name-max-cqw: 43.75cqw;--header-subtitle-max-cqw: 43.75cqw;--project-meta-max-cqw: 12.5cqw;--footer-max-cqw: 25cqw}.App{width:100vw;height:100vh;position:relative;overflow:visible}.App.home-active{overflow:auto!important;height:auto!important;min-height:100vh}@keyframes fadeInContent{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#root{max-width:100%;margin:0;padding:0;text-align:center;height:100vh;overflow:hidden;position:fixed;inset:0}#root.home-active{overflow:auto;position:relative;height:auto;min-height:100vh}.face-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:4rem;opacity:1;visibility:visible;position:relative;z-index:100}.face-container .face-content.slide-up{opacity:1!important;visibility:visible!important}.eyes{display:flex;gap:3rem;align-items:center;transition:none}.eye{transition:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;opacity:1;visibility:visible}.mouth-container{position:relative;display:inline-block;opacity:1;visibility:visible}.mouth{transition:transform .3s ease;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;opacity:1;visibility:visible}.mouth.success{opacity:1;transition:opacity .3s ease}.mouth.shake{animation:shake .3s ease-in-out}@keyframes shake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-3px) rotate(-3deg)}75%{transform:translate(3px) rotate(3deg)}}.password-input{position:absolute;top:48%;left:25%;transform:translate(-25%,-50%);background:transparent;border:none;outline:none;color:#fff;font-family:ABC Diatype Mono,sans-serif;font-weight:400;font-size:20px;text-align:left;letter-spacing:.1em;width:180px}.password-input.active{opacity:1}.password-input:disabled{color:#cbcbcb;opacity:1;cursor:not-allowed}.password-input::-webkit-credentials-auto-fill-button,.password-input::-webkit-contacts-auto-fill-button,.password-input::-webkit-strong-password-auto-fill-button,.password-input::-webkit-outer-spin-button,.password-input::-webkit-inner-spin-button,.password-input::-webkit-search-cancel-button,.password-input::-webkit-search-decoration{display:none!important}.password-input::-moz-credentials-auto-fill-button{display:none!important}.password-input::-webkit-credentials-auto-fill-button,.password-input::-webkit-contacts-auto-fill-button,.password-input::-webkit-strong-password-auto-fill-button{visibility:hidden!important;opacity:0!important;pointer-events:none!important}.password-input::-webkit-text-security{-webkit-text-security:disc}.password-input::-webkit-credentials-auto-fill-button{-webkit-appearance:none!important;appearance:none!important}.password-input:-webkit-autofill,.password-input:-webkit-autofill:hover,.password-input:-webkit-autofill:focus,.password-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #101010 inset!important;-webkit-text-fill-color:transparent!important;transition:background-color 5000s ease-in-out 0s}@supports (-webkit-touch-callout: none){.saved-password{display:none!important}.password-input{-webkit-text-security:disc!important;text-security:disc!important}.password-input:-webkit-autofill,.password-input:-webkit-autofill:hover,.password-input:-webkit-autofill:focus,.password-input:-webkit-autofill:active{-webkit-box-shadow:none!important;-webkit-text-fill-color:white!important}}.password-input::-webkit-contacts-auto-fill-button,.password-input::-webkit-credentials-auto-fill-button,.password-input::-webkit-strong-password-auto-fill-button{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;position:absolute!important;right:-9999px!important}.password-placeholder{text-transform:uppercase;position:absolute;top:50%;left:25%;transform:translate(-25%,-50%);color:#cbcbcb;font-family:ABC Diatype Mono,sans-serif;font-weight:400;font-size:14px;line-height:1;letter-spacing:.2em;text-align:left;opacity:.9;pointer-events:none;width:180px;white-space:nowrap}.saved-password{position:absolute;top:48%;left:25%;transform:translate(-25%,-50%);color:#fff;font-family:ABC Diatype Mono,sans-serif;font-weight:400;font-size:20px;text-align:left;letter-spacing:.1em;opacity:.8;pointer-events:none;width:180px;white-space:nowrap}.input-arrow{position:absolute;top:50%;right:6%;transform:translateY(-50%);background:none;border:none;color:#fff;font-family:ABC Diatype Mono,sans-serif;font-size:32px;cursor:pointer;opacity:.8;transition:all .3s ease;z-index:100;padding:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;pointer-events:auto}.input-arrow:hover:not(:disabled){transform:translateY(-50%) translate(3px)}.input-arrow:disabled{cursor:not-allowed;opacity:.6;font-size:28px;transition:none;transform:translateY(-50%);animation:spin 1s linear infinite}.loading-spinner{position:absolute;top:40%;right:6%;transform:translateY(-50%);color:#fff;font-size:12px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}@supports (-webkit-touch-callout: none){.input-arrow:disabled{-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}}.error-message{position:absolute;top:100%;left:50%;transform:translate(-50%);color:#fff;font-family:ABC Diatype,monospace;font-weight:400;font-size:24px;letter-spacing:-.02em;text-align:center;margin-top:20px;white-space:nowrap}.email-link{color:#fff;text-decoration:underline;text-decoration-style:dashed;text-decoration-thickness:1px;text-underline-offset:6px}.email-link:hover{text-decoration-style:solid;text-decoration-thickness:2px}.success-message{color:#fff;font-family:ABC Diatype Variable,sans-serif;font-weight:400;font-size:20px;text-align:center;letter-spacing:.1em;opacity:.9}.face-content{background-color:#101010;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4rem;transition:transform 2.2s cubic-bezier(.19,1,.22,1);position:relative;z-index:100;padding-bottom:4rem}.face-content.slide-up{transform:translateY(-100vh);transition:transform 1.4s cubic-bezier(.16,1,.3,1);z-index:300;background-color:#101010;opacity:1!important;visibility:visible!important;filter:none!important;will-change:transform}.face-content.slide-up .eye,.face-content.slide-up .eyes{opacity:1!important;visibility:visible!important;transition:none!important}.face-content.slide-up .eye,.face-content.slide-up .eye img,.face-content.slide-up .eyes,.face-content.slide-up .eyes img,.face-content.slide-up .mouth,.face-content.slide-up .mouth img,.face-content.slide-up .mouth-container,.face-content.slide-up .password-input,.face-content.slide-up .password-placeholder,.face-content.slide-up .saved-password,.face-content.slide-up .input-arrow,.face-content.slide-up .error-message{opacity:1!important;visibility:visible!important;transition:none!important;filter:none!important;transform:none!important}.white-page-pusher{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;z-index:0;transform:translateY(-100vh);transition:transform .8s cubic-bezier(.4,0,.2,1)}.white-page-pusher.active{transform:translateY(0)}.home-page-revealer{position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:#fff!important;z-index:10;transform:translateY(100%);transition:transform 1.4s cubic-bezier(.16,1,.3,1);overflow:hidden;pointer-events:none;will-change:transform}.home-page-revealer.active{transform:translateY(0);pointer-events:auto;overflow:auto;z-index:200}.home-page-revealer.active.home-active{overflow:auto!important}.home-page-revealer .home-container{background-color:#fff!important;color:#000!important;opacity:1;visibility:visible}@media (max-width: 500px){.face-content{gap:3rem}.eye{width:92%;height:auto;object-fit:contain;display:block;margin:0 auto}.mouth{width:85%;object-fit:contain}.password-input{width:160px;font-size:20px;left:32%;transform:translate(-30%,-50%)}.password-placeholder{width:160px;font-size:14px;left:32%;transform:translate(-30%,-50%)}.saved-password{width:160px;font-size:20px;left:32%;transform:translate(-30%,-50%)}.input-arrow:disabled{font-size:32px}.error-message{width:calc(100vw - 40px);line-height:1.6;align-items:center;text-align:center;font-size:14px;white-space:normal}}@media (max-width: 400px){.error-message{align-items:left;text-align:left}}.header-section{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:10000!important;display:flex!important;justify-content:space-between!important;align-items:center!important;padding:max(12px,.75vw) max(24px,2.5vw)!important;box-sizing:border-box!important;max-width:100vw!important;font-family:ABC Diatype Mono,sans-serif!important;pointer-events:none!important;background-color:transparent!important;min-height:60px!important}.name-section,.title-section{pointer-events:auto!important;display:flex!important;align-items:center!important}.title-text,.location-text,.product-designer-text,.product-designer-mobile-text{font-family:ABC Diatype Mono,sans-serif!important;font-size:max(12px,.75vw)!important;font-weight:300!important;line-height:1!important;color:#000!important;text-transform:uppercase!important;letter-spacing:.08em!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;transition:opacity .2s ease!important;white-space:nowrap!important}.header-section .title-section .title-text{font-family:ABC Diatype Mono,sans-serif!important;font-size:max(12px,.75vw)!important;font-weight:300!important;line-height:1.4!important;color:#000!important;text-transform:uppercase!important;letter-spacing:.08em!important}.product-designer-mobile-text{display:none}.header-section .name-section .header-v2-name-text{display:inline-flex!important;padding:max(6px,.75vw) max(16px,1vw)!important;justify-content:center!important;align-items:center!important;gap:10px!important;border-radius:999px!important;background:#bab8b833!important;backdrop-filter:blur(30px)!important;-webkit-backdrop-filter:blur(30px)!important;border:1px solid rgba(255,255,255,.2)!important;color:#000!important;position:fixed!important;top:12px!important;left:24px!important;z-index:10003!important;font-family:ABC Diatype Mono,sans-serif!important;text-transform:uppercase!important;letter-spacing:.1em!important;font-size:max(12px,.75vw)!important;font-weight:300!important;line-height:1!important;transition:opacity .2s ease!important;white-space:nowrap!important;opacity:1!important}.header-section .title-section .about-text{position:relative!important;z-index:1!important;color:#000!important;mix-blend-mode:difference!important;transition:opacity .5s ease!important;white-space:nowrap!important;display:inline-block!important;width:max(300px,18.75vw)!important;text-align:right!important;margin:0!important;padding:0rem 0em .2rem 0!important;font-family:ABC Diatype Mono,sans-serif!important;font-size:max(12px,.75vw)!important;font-weight:300!important;line-height:1!important;text-transform:uppercase!important;letter-spacing:.08em!important}.typing-letter{display:inline-block;opacity:0;transition:opacity .1s ease-in-out;white-space:pre;font-family:ABC Diatype Mono,sans-serif!important;font-weight:300!important;line-height:1!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:#000!important}.terminal-cursor{display:inline-block;background-color:#000;color:#000;animation:blink 1s infinite;margin-left:0;width:1px;height:1.2em;vertical-align:text-bottom;transition:opacity .2s ease-out}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.blur-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#d8d8d880;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1;display:flex;cursor:pointer}.overlay-text-block{background:transparent;padding-top:4em;width:100%;margin:0 auto;cursor:default;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.overlay-text-block::-webkit-scrollbar{display:none}.overlay-content{display:flex;align-items:flex-start;gap:30px;justify-content:flex-start;width:100%}.overlay-image-placeholder{background-color:#f0f0f0;border:1px solid #e0e0e0;flex-shrink:0;border-radius:4px}.overlay-text-content{flex:1;width:100%}.overlay-text-block .about-text{font-family:ABC Diatype Variable,sans-serif!important;font-weight:400!important;font-size:max(22px,1.375vw)!important;letter-spacing:-.02em!important;color:#000!important;margin:0!important;padding-top:1em!important;word-wrap:break-word!important;overflow-wrap:break-word!important;text-align:left!important;flex:1!important;line-height:1!important;width:max(700px,43.75vw)!important}.header-v2-name-text{font-size:max(14px,.875vw)!important;max-width:max(700px,43.75vw)!important}.header-v2-subtitle-text{font-size:max(14px,.875vw)!important;max-width:max(700px,43.75vw)!important;padding:max(24px,1.5vw)!important}.header-v2{margin-top:max(var(--header-margin-1600),var(--header-margin-cqw))!important}:root{--type-xs: clamp(.75rem, .3vw, 1.25rem);--type-sm: clamp(.875rem, .3vw, 1.25rem);--type-base: clamp(1rem, .3vw, 1.375rem);--type-md: clamp(1.125rem, .3vw, 1.5rem);--type-lg: clamp(1.25rem, .5vw, 1.75rem);--type-xl: clamp(1.75rem, .8vw, 2.25rem);--type-2xl: clamp(2.25rem, 1vw, 3rem);--type-3xl: clamp(2.25rem, 1.2vw, 3.75rem);--space-xs: clamp(.25rem, .3vw, 1.25rem);--space-sm: clamp(.5rem, .3vw, 1.5rem);--space-md: clamp(1.25rem, .3vw, 2.5rem);--space-lg: clamp(1.25rem, .3vw, 3rem);--space-xl: clamp(1.5rem, .3vw, 3.5rem);--space-2xl: clamp(2rem, .3vw, 4.5rem)}@media (max-width: 1024px){.project-video-container{grid-template-columns:repeat(12,1fr);grid-template-rows:auto auto}.project-section{grid-column:1 / -1!important;grid-row:1;display:grid!important;grid-template-columns:repeat(12,1fr)!important;gap:var(--space-xl)!important;width:100%!important;max-width:100%!important}.project-header-group{grid-column:1 / span 4}.project-content-group{grid-column:5 / 13;display:flex!important;flex-direction:column!important;height:100%!important}.project-content-group .project-description{grid-column:1 / -1!important;width:auto!important}.details-toggle{grid-column:1 / 2!important;grid-row:2!important;margin-bottom:0!important;justify-content:flex-start!important}.project-number{grid-column:2 / 3!important;grid-row:2!important;margin-top:0!important;margin-left:0!important;justify-content:flex-end!important}.meta-info-section{grid-column:1 / -1!important;grid-row:3!important}.project-content-group{display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:auto auto auto!important;gap:var(--space-sm)!important;height:100%!important}.video-section{grid-column:1 / -1!important;grid-row:2;display:block!important}.project-video{width:100%;max-width:100%}}#root.home-active{overflow:auto!important;position:relative!important;height:auto!important;min-height:100vh;inset:auto!important}.App .home-container{overflow:auto!important;position:relative!important;height:auto!important;min-height:100vh}.home-container{background-color:#fff;width:100%;max-width:100vw;margin:0 auto;min-height:100vh;overflow:auto!important;overflow-x:hidden!important;position:relative!important;font-family:PP Neue Montreal Regular,sans-serif;color:var(--color-primary);inset:auto!important}.home-content{position:relative;width:100%;min-height:100vh;padding-top:160px;box-sizing:border-box;display:block;border-top:1px solid var(--color-text-light)}.selected-work-section{grid-column:5 / 13;display:flex;align-items:center;justify-content:flex-start}.selected-work-text{font-family:PP Neue Montreal Regular,sans-serif;font-size:var(--type-sm);font-weight:400;line-height:1.4;letter-spacing:.02em;text-transform:uppercase}.horizontal-line{grid-column:1 / -1;height:1px;background-color:var(--color-primary);margin-top:var(--space-sm);width:100%;max-width:100%;box-sizing:border-box}.project-video-container{grid-column:1 / -1;display:grid;grid-template-columns:repeat(12,1fr);align-items:stretch}.project-section{grid-column:1 / span 4;display:flex;flex-direction:row;margin-top:4px;align-items:stretch}.project-header-group{flex:0 0 30%}.project-content-group{flex:1;display:flex;flex-direction:column;justify-content:flex-start;min-width:0;height:100%}.project-content{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-top:12px}.project-number{font-family:PP Neue Montreal Regular,sans-serif;display:flex;justify-content:flex-end;align-items:flex-end;margin-top:auto}.project-navigation{display:flex;align-items:center;gap:var(--space-xs)}.project-number-text{font-family:PP Neue Montreal Regular,sans-serif;font-size:var(--type-sm);font-weight:400;color:var(--color-primary);margin:0;text-transform:uppercase;letter-spacing:.1em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"zero" 1;color:#8c8c8c}.nav-arrow{background:none;border:none;font-family:PP Neue Montreal Regular,sans-serif;font-size:var(--type-base);font-weight:400;color:var(--color-primary);cursor:pointer;padding:0;margin:0;transition:opacity .3s ease}.nav-arrow:hover{opacity:.7}.project-status{text-align:left;font-family:PP Neue Montreal Regular,sans-serif;font-size:var(--type-sm);font-weight:400;letter-spacing:.02em;color:var(--color-primary);margin:0;text-transform:uppercase}.project-header{display:flex;flex-direction:column;align-items:flex-start;grid-column:1}.project-title{font-family:PP Neue Montreal Regular,sans-serif;font-size:var(--type-md);font-weight:400;line-height:1.2;letter-spacing:.04em;color:var(--color-primary);margin:0;text-align:left;white-space:nowrap;text-transform:uppercase}.project-year{font-family:PP Neue Montreal Regular,sans-serif;font-size:var(--type-sm);font-weight:500;letter-spacing:.1em;color:#1a1a1a80}.project-description{width:100%}.details-toggle{width:100%;cursor:pointer;margin-top:clamp(12px,.89vw,16px);margin-bottom:clamp(6px,.44vw,8px);text-align:left}.details-text{font-family:PP Neue Montreal Regular,sans-serif;font-size:var(--type-sm);font-weight:400;color:var(--color-primary);text-transform:uppercase;letter-spacing:.04em;transition:opacity .3s ease}.details-toggle:hover .details-text{opacity:.7}.meta-info-section{width:100%;overflow:hidden;transition:all .3s ease}.meta-info-section.collapsed{max-height:0;opacity:0;margin-top:0}.meta-info-section.expanded{max-height:200px;color:#8c8c8c}.project-description p{font-family:PP Neue Montreal Regular,sans-serif;font-size:var(--type-base);font-weight:400;line-height:1.4;color:var(--color-primary);margin:0;text-align:left;word-wrap:break-word;overflow-wrap:break-word}.meta-labels-container{color:#1a1a1a80;margin-top:clamp(12px,.89vw,16px);display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end}.meta-info-section{display:flex;flex-direction:column}.role-section{display:flex;flex-direction:row;gap:var(--space-xs);align-items:baseline;text-align:left;margin-top:clamp(3px,.22vw,4px)}.role-label{font-family:PP Neue Montreal Regular,sans-serif;font-size:var(--type-sm);font-weight:400;line-height:1.2;letter-spacing:.04em;margin:0;text-transform:uppercase}.role-item{font-family:PP Neue Montreal Regular,sans-serif;font-size:var(--type-sm);font-weight:400;line-height:1.3;letter-spacing:.04em;margin:0;text-transform:uppercase}.project-details{display:flex;gap:var(--space-2xl)}.details-left,.details-right{flex:1}.detail-section{margin-bottom:clamp(18px,1.33vw,24px)}.detail-label{font-family:PP Neue Montreal Regular,sans-serif;font-size:var(--type-sm);font-weight:700;letter-spacing:.02em;color:var(--color-primary);margin:0 0 clamp(6px,.44vw,8px) 0;text-transform:uppercase}.detail-list{list-style:none;padding:0;margin:0}.detail-list li{font-family:PP Neue Montreal Regular,sans-serif;font-size:var(--type-sm);font-weight:400;line-height:1.4;color:var(--color-primary);margin-bottom:clamp(3px,.22vw,4px)}.detail-link{font-family:PP Neue Montreal Regular,sans-serif;font-size:var(--type-sm);font-weight:400;color:var(--color-primary);text-decoration:none;transition:opacity .3s ease}.detail-link:hover{opacity:.7}.video-section{grid-column:5 / 11;display:flex;align-items:flex-start;justify-content:center}.project-video{width:100%;height:auto;max-width:100%;object-fit:cover}.spacer{grid-column:1 / -1;height:clamp(150px,11.11vw,200px)}.selected-work-text{grid-column:5 / 10;font-weight:400;line-height:1.05;letter-spacing:.04em;text-align:left}@media (max-width: 480px){.home-content{min-height:auto!important;height:auto!important}.project-video-container{min-height:auto!important;height:auto!important;align-items:flex-start!important}.project-section{display:flex!important;flex-direction:column!important;gap:var(--space-lg)!important;min-height:auto!important;height:auto!important;align-items:stretch!important}.project-header-group{width:100%!important}.project-content-group{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:auto auto auto!important;gap:var(--space-sm)!important;min-height:auto!important;height:auto!important}.project-content-group .project-description{grid-column:1 / -1!important;width:100%!important}.details-toggle{grid-column:1 / 2!important;grid-row:2!important;margin-bottom:0!important;justify-content:flex-start!important;display:flex!important;align-items:center!important;width:auto!important}.project-number{grid-column:2 / 3!important;grid-row:2!important;margin-top:0!important;justify-content:flex-end!important;display:flex!important;align-items:center!important;width:auto!important}.meta-info-section{grid-column:1 / -1!important;grid-row:3!important}.video-section{min-height:auto!important;height:auto!important}}.gray-background-element{grid-column:1 / -1;background-color:#c8c8c8;width:100%;height:100%;position:relative}.projects-container{grid-column:1 / -1;display:grid;grid-template-columns:repeat(12,1fr);gap:0 var(--space-md)}.project-wrapper{grid-column:5 / 13;display:flex;flex-direction:column;position:relative;border-radius:0;transition:border-radius .3s ease}.view-project-overlay{position:fixed;pointer-events:none;opacity:0;transition:opacity .2s ease;z-index:1000;transform:translate(-50%,-50%);mix-blend-mode:exclusion;will-change:opacity}.view-project-text{color:#fff;font-size:14px;font-weight:400;letter-spacing:.6px;text-transform:uppercase;background-color:transparent;padding:12px 20px;border:1px solid white;border-radius:999px;box-shadow:0 2px 8px #0000001a;white-space:nowrap;transform:translateZ(0);backface-visibility:hidden}.gray-rectangle{width:100%;aspect-ratio:16 / 9;background-color:#c8c8c8;position:relative;cursor:none;transform:translateZ(0);backface-visibility:hidden}.project-video{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block;transform:translateZ(0);backface-visibility:hidden;border-radius:0;transition:border-radius .3s ease;position:relative}.video-wrapper{position:relative;display:inline-block;width:100%}.video-wrapper{cursor:none;position:relative}.video-hover-button{--button-color: #000;--button-background-opacity: 15%;--button-background-weight: 98%;--button-background-color: color-mix(in srgb, #fff var(--button-background-weight), var(--button-color));--button-background: color-mix(in srgb, var(--button-background-color) var(--button-background-opacity), transparent);position:absolute;top:0;left:0;color:var(--button-color);border-radius:.3125rem;--button-padding-x: 1rem;--button-padding-y: .5rem;padding-inline:var(--button-padding-x);padding-block-start:calc(var(--button-padding-y) + .0625rem);padding-block-end:calc(var(--button-padding-y) - .0625rem);font-family:PP Neue Montreal Regular,sans-serif;font-size:.75rem;font-weight:500;line-height:1.0625rem;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;opacity:0;transition:opacity .3s ease;pointer-events:none;white-space:nowrap;z-index:9999;border:none;-webkit-backdrop-filter:blur(.875rem);backdrop-filter:blur(.875rem);background:var(--button-background)}.project-label{font-family:PP Neue Montreal Regular,sans-serif;font-size:var(--type-lg);font-weight:400;letter-spacing:.6px;color:var(--color-primary);text-align:left;margin-top:clamp(9px,.67vw,12px)}.project-sub-label{font-family:PP Neue Montreal Regular,sans-serif;font-size:var(--type-lg);font-weight:400;letter-spacing:.6px;color:#949494;text-align:left;margin-top:clamp(3px,.22vw,4px)}.black-placeholder{background-color:#000}.hero-image{grid-column:1 / -1;position:relative;width:100%;height:188px;margin-bottom:30px}.hero-bg{width:100%;height:100%;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;color:#666;font-size:14px}.projects-section{grid-column:1 / -1;display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-md);align-items:start}.project-card{grid-column:span 4;display:flex;flex-direction:column;gap:0 clamp(12px,1.11vw,20px);position:relative}.project-image{width:100%;height:clamp(200px,13.89vw,250px);background-color:#c8c8c8;position:relative}.project-image-1,.project-image-2{background-color:#c8c8c8}.project-image-3{background-color:#f5f5f5}.image-overlay{position:absolute;background-color:#f5f5f5;width:100%;height:100%;top:0;left:0}.project-info{display:flex;flex-direction:column;gap:0 var(--space-md)}.decorative-element{position:absolute;top:50%;right:-100px;transform:translateY(-50%)}.rotated-element{transform:rotate(90deg);width:2.2832px;height:5.8496px;display:flex;align-items:center;justify-content:center}.decorative-placeholder{width:100%;height:100%;background-color:#e0e0e0;border-radius:2px}.name-image-section{grid-column:1 / -1;display:flex;justify-content:flex-start;margin-bottom:clamp(20px,1.67vw,30px)}.name-image{max-height:clamp(80px,5.56vw,100px);margin-top:clamp(9px,.67vw,12px);margin-left:clamp(-3px,-.22vw,-4px);width:auto;object-fit:contain}@media (max-width: 1024px) and (min-width: 768px){.project-video-container{grid-template-columns:repeat(6,1fr)}.project-section{grid-template-columns:repeat(6,1fr)!important}.project-header-group{grid-column:1 / span 2}.project-content-group{grid-column:3 / 7}.project-content-group .project-description{grid-column:1 / -1!important}.details-toggle{grid-column:1 / 2!important}.project-number{grid-column:2 / 3!important}.home-content,.home-header-section,.home-main-content,.home-footer-section{grid-template-columns:repeat(6,1fr)}.home-footer-left{grid-column:1 / 3}.home-footer-right{grid-column:3 / 7}}@media (max-width: 767px) and (min-width: 480px){.project-video-container{grid-template-columns:repeat(4,1fr)}.project-section{grid-template-columns:repeat(4,1fr)!important}.project-header-group{grid-column:1 / 3}.project-content-group{grid-column:3 / 5}.project-content-group .project-description{grid-column:1 / -1!important}.details-toggle{grid-column:1 / 2!important}.project-number{grid-column:2 / 3!important}.home-content,.home-header-section,.home-main-content,.home-footer-section{grid-template-columns:repeat(4,1fr)}.home-footer-left{grid-column:1 / 3}.home-footer-right{grid-column:3 / 5}}@media (max-width: 480px){.project-video-container{grid-template-columns:repeat(2,1fr)}.project-section{grid-template-columns:repeat(2,1fr)!important}.project-header-group{grid-column:1 / 3}.project-content-group{grid-column:1 / 3;margin-top:24px}.project-content-group .project-description{grid-column:1 / -1!important}.details-toggle{grid-column:1 / 2!important}.project-number{grid-column:2 / 3!important}.home-content,.home-header-section,.home-main-content,.home-footer-section{grid-template-columns:repeat(2,1fr)}.home-footer-left{grid-column:1 / 3}.home-footer-right{grid-column:1 / 3;margin-top:16px}}.mobile-selected-work{display:none;font-family:ABC Diatype Semi-Mono,monospace;font-size:16px;font-weight:200;color:#000;text-transform:uppercase;letter-spacing:.02em;padding:0 24px 20px;background-color:#fff;text-align:left;width:100%;box-sizing:border-box;margin:0}@media (min-width: 1024px){.mobile-selected-work{display:none!important}}@media (max-width: 1024px){.mobile-selected-work{display:block!important;position:sticky!important;top:0!important;z-index:1001!important;width:100%!important;left:0!important;right:0!important}}@media (max-width: 767px) and (min-width: 480px){.mobile-selected-work{padding:20px}}@media (max-width: 480px){.mobile-selected-work{padding:20px 16px}}.project-video-container{display:flex;flex-direction:column;padding-bottom:264px}.project-section{display:flex!important;flex-direction:column!important;align-items:flex-start!important;max-width:100%;padding:max(var(--content-padding-1600),var(--content-padding-cqw)) max(var(--content-padding-1600),var(--content-padding-cqw)) max(var(--content-padding-1600),var(--content-padding-cqw)) max(var(--content-padding-1600),var(--content-padding-cqw))}.project-left-column{display:flex;flex-direction:column}.project-right-column{grid-column:7 / 10;display:flex;flex-direction:column}.project-right-column-2{grid-column:10 / 13;display:flex;flex-direction:column}.project-title{padding-top:.75em;font-family:PP Neue Montreal Regular,sans-serif;font-size:2em;font-weight:400;line-height:1.2;color:var(--color-text);letter-spacing:.01em;margin:0;text-align:left;text-transform:none;display:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.project-description-text{font-family:ABC Diatype,monospace;font-weight:400;font-size:28px;letter-spacing:-.02em;color:#000;margin:0;padding-top:24px;word-wrap:break-word;overflow-wrap:break-word;text-align:left;flex:1;line-height:1.1;max-width:max(var(--project-desc-max-1600),var(--project-desc-max-cqw))}.project-meta-label{font-family:ABC Diatype Mono,sans-serif;font-weight:400;font-size:12px;line-height:1;letter-spacing:.1em;text-align:left;text-transform:uppercase;opacity:1;color:#000;font-feature-settings:"zero" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.project-meta-info{font-family:ABC Diatype Mono,monospace;font-size:10px;font-weight:400;color:#666;margin-top:1em;letter-spacing:.02em;text-align:left;text-transform:uppercase}.project-details-section{margin-top:16px;text-align:left;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.project-details-toggle{background:none;border:none;font-family:GT Era Regular,sans-serif;font-size:14px;color:var(--color-text);text-transform:none;letter-spacing:.02em;cursor:pointer;padding:0;margin:0;transition:opacity .2s ease;text-align:left;font-weight:400;display:flex;align-items:center;gap:8px}.details-text{display:inline-block}.details-arrow{display:inline-block;transition:transform .3s ease;transform:rotate(0)}.project-details-toggle[aria-expanded=true] .details-arrow{transform:rotate(-180deg)}.project-details-toggle:hover{opacity:.7}.project-details-row{display:flex;flex-direction:column;gap:12px;border-top:1px solid #e0e0e0;max-height:0;opacity:0;padding-top:0;padding-bottom:0;margin-top:0;overflow:hidden;transition:max-height .4s ease-out,opacity .3s ease-out,padding .4s ease-out,margin .4s ease-out}.project-details-row.open{max-height:200px;opacity:1;padding-top:16px;padding-bottom:16px;margin-top:16px}.project-detail-item{display:flex;align-items:baseline;gap:12px}.project-detail-label{font-family:GT Era Regular,sans-serif;font-size:16px;color:#666;text-transform:none;letter-spacing:.02em;min-width:50px;font-weight:400}.project-detail-value{font-family:GT Era Regular,sans-serif;font-size:16px;color:var(--color-text);text-transform:none;letter-spacing:.02em;font-weight:400}.project-metadata{display:block!important;width:100%;grid-template-columns:none!important;grid-template-rows:none!important;text-align:left;margin-bottom:0!important}.metadata-section{display:block!important;grid-column:unset!important;grid-row:unset!important;margin-bottom:32px}.metadata-label{font-family:PP Neue Montreal Regular,sans-serif;font-size:16px;font-weight:200;color:#666;letter-spacing:.08em;text-transform:none;line-height:1.2;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.metadata-content{display:block}.metadata-content div{font-family:PP Neue Montreal Regular,sans-serif;font-size:16px;font-weight:400;color:var(--color-text);text-transform:none!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.metadata-content div:last-child{margin-bottom:0}.video-section{grid-column:1 / -1;display:block;overflow-x:hidden;overflow-y:visible;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw}.video-section::-webkit-scrollbar{display:none}.video-container{display:flex;gap:max(var(--video-gap-1600),var(--video-gap-cqw));align-items:flex-start;justify-content:space-between;padding:0 max(var(--video-padding-1600),var(--video-padding-cqw));width:100%;max-width:100vw;box-sizing:border-box}.project-video{flex:auto!important;min-width:0!important;height:auto!important;transition:transform .3s ease!important;box-sizing:border-box!important;aspect-ratio:unset!important;width:auto!important;display:block!important;object-fit:cover!important;border-radius:4px!important;max-width:none!important;transform:none!important;backface-visibility:visible!important}img.project-video,video.project-video{width:100%!important;height:auto!important;object-fit:cover!important}.horizontal-line{grid-column:1 / -1;height:1px;background-color:#000;margin:8px -9999px 0;padding-left:9999px;padding-right:9999px;box-sizing:border-box}@media (max-width: 767px){.video-container{flex-direction:column;gap:max(var(--video-gap-1600),var(--video-gap-cqw));min-width:auto;padding:0 max(var(--video-padding-1600),var(--video-padding-cqw));box-sizing:border-box}.project-video{width:100%;max-width:none}}.home-footer{display:flex;justify-content:space-between;align-items:center;padding:0 max(var(--content-padding-1600),var(--content-padding-cqw)) max(var(--content-padding-1600),var(--content-padding-cqw)) max(var(--content-padding-1600),var(--content-padding-cqw));font-family:ABC Diatype Mono,sans-serif;font-size:max(var(--footer-1600),var(--footer-cqw));font-weight:400;line-height:1;letter-spacing:.1em;text-transform:uppercase}.footer-left{display:flex;align-items:center}.footer-link{color:#000;text-decoration:none;transition:all .2s ease}.footer-link:hover:after{content:" →";margin-left:0}.footer-link:after{content:" ↗";margin-left:0;transition:all .2s ease}.footer-spacer{margin:0 max(var(--content-padding-1600),var(--content-padding-cqw))}.footer-right,.footer-year{color:#000}.home-content-container{width:min(100vw,1600px);margin-inline:auto;container-type:inline-size;margin-top:max(var(--content-margin-1600),var(--content-margin-cqw));padding:0}@media (min-width: 1600px){.home-content-container{width:100vw}}.home-footer{font-size:max(var(--footer-1600),var(--footer-cqw))}.project-meta-label{font-size:max(var(--project-meta-1600),var(--project-meta-cqw));max-width:max(var(--project-meta-max-1600),var(--project-meta-max-cqw))}.project-description-text{font-size:max(var(--project-desc-1600),var(--project-desc-cqw));padding-top:max(var(--project-desc-padding-top-1600),var(--project-desc-padding-top-cqw))}.about-text{font-size:max(var(--about-text-1600),var(--about-text-cqw))}