@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@font-face{font-family:Inter;src:url(/font/Inter-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/font/Inter_Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Inter Bold;src:url(/font/Inter_Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#f8f8f8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.p5-menu-container{position:fixed;top:0;left:0;width:25vw;height:100vh;z-index:1;pointer-events:auto}.p5-menu-container canvas{display:block}@media(max-width:768px){.p5-menu-container{width:100vw;height:35dvh}}.loading-spinner{display:flex;align-items:center;justify-content:center}.loading-spinner svg{width:100%;height:100%}.spinner-tick{stroke:var(--color-text);stroke-width:2;stroke-linecap:round;animation:tick-pulse .8s ease-in-out infinite}@keyframes tick-pulse{0%,to{opacity:.8;stroke-width:2}50%{opacity:.2;stroke-width:1}}.video-player{position:relative;width:100%;height:100%;overflow:hidden}.video-player video{width:100%;height:100%;object-fit:cover}.video-player-loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#0000004d;z-index:5}.video-player-loading .spinner-tick{stroke:#fffc}.loading-percent{font-family:Inter,sans-serif;font-size:12px;font-weight:400;color:#fff}.video-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.4),transparent);padding:20px 16px 12px;opacity:0;transition:opacity .3s ease;pointer-events:none}.video-controls.visible{opacity:1;pointer-events:auto}.timeline-container{margin-bottom:8px;cursor:pointer}.timeline{width:100%;height:2px;background:#ffffff4d;position:relative;border-radius:2px}.timeline-progress{height:100%;background:#ffffffe6;border-radius:2px;transition:width .1s linear}.controls-row{display:flex;align-items:center;gap:12px}.control-btn{background:none;border:none;color:#fff;font-size:14px;cursor:pointer;padding:4px 8px;opacity:.9;transition:opacity .2s ease}.control-btn:hover{opacity:1}.time-display{color:#fff;font-size:11px;opacity:.9;font-family:Inter,sans-serif;margin-left:auto;margin-right:8px}.content-area{position:fixed;right:0;top:0;width:75vw;height:100vh;background-color:var(--color-content-area);border:none;border-left:.5px solid var(--color-border);border-radius:0;margin:0;overflow:hidden;pointer-events:auto;z-index:9000}.content-slide-wrapper{position:absolute;width:100%;height:100%;will-change:transform}.content-inner{width:100%;height:100%;overflow-y:auto;padding:0}.content-inner.old-content{z-index:1}.home-content{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;transform:translateZ(0);-webkit-transform:translate3d(0,0,0);transition:padding .5s ease}.home-content .video-container.full-bleed{width:100%;height:100%;padding:0;border-radius:0;transform:translateZ(0);-webkit-transform:translate3d(0,0,0);transition:all .5s ease}.home-content .video-container.full-bleed video{width:100%;height:100%;object-fit:cover;border-radius:0;transition:border-radius .5s ease}.page-content{display:flex;flex-direction:column;gap:10px;padding:10px}.page-header{padding:0}.page-header h1{font-family:Inter,sans-serif;font-size:20px;font-weight:700;margin:0 0 8px;color:var(--color-text)}.page-header .description{font-family:Inter,sans-serif;font-size:40px;font-weight:800;line-height:90%;margin:0;color:var(--color-text);white-space:pre-line}.case-study-header{padding:0}.case-study-header-row{display:flex;gap:26px}.case-study-left{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-height:140px}.case-study-title{font-family:Inter,sans-serif;font-size:clamp(22px,2.4vw,38px);font-weight:800;line-height:1.1;margin:0;color:var(--color-text)}.case-study-description{font-family:Inter,sans-serif;font-size:clamp(13px,1.4vw,21px);font-weight:500;line-height:1;margin:0;color:var(--color-text);max-width:500px}.case-study-right{flex-shrink:0;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;text-align:right;min-height:140px}.case-study-year{font-family:Inter,sans-serif;font-size:clamp(22px,2.4vw,38px);font-weight:800;line-height:1.1;color:var(--color-text)}.case-study-tags{font-family:Inter,sans-serif;font-size:clamp(13px,1.4vw,21px);font-weight:500;line-height:1.3;color:var(--color-text)}.page-content.text-only .page-header .description{max-width:20%}.about-page{display:flex;flex-direction:column;gap:14px;padding:20px 17px;height:100%;box-sizing:border-box}.about-copy{display:flex;flex-direction:column;gap:0;max-width:50%}.about-headline{font-family:Inter,sans-serif;font-size:clamp(18px,2.1vw,30px);font-weight:800;line-height:1.1;margin:0 0 18px;color:var(--color-text)}.about-statement{font-family:Inter,sans-serif;font-size:clamp(18px,2.1vw,30px);font-weight:800;line-height:.95;margin:0 0 16px;color:var(--color-text)}.about-statement:last-child{margin-bottom:0}.about-media{display:grid;grid-template-columns:1fr 1fr;gap:10px}.about-media-item{width:100%;aspect-ratio:603 / 344;overflow:hidden;background:var(--color-text);opacity:.08;border-radius:0}.about-media-item.loaded{opacity:1;background:transparent;position:relative}.about-video-layer{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.about-video-layer.front{z-index:1}.about-video-layer.back{z-index:0}.about-media-item img,.about-media-item video{width:100%;height:100%;object-fit:cover;display:block}.about-footer{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:auto}.about-skills{display:flex;flex-direction:column;gap:4px;opacity:.59}.about-skill{font-family:Inter,sans-serif;font-size:clamp(16px,1.8vw,26px);font-weight:800;line-height:.85;color:var(--color-text)}.about-info{display:flex;flex-direction:column;opacity:.59}.about-info-links{display:flex;flex-direction:column;gap:4px;margin-bottom:22px}.about-info-bottom{display:flex;flex-direction:column;gap:5px}.about-link{font-family:Inter,sans-serif;font-size:clamp(16px,1.8vw,26px);font-weight:800;line-height:.85;color:var(--color-text);text-decoration:none}.about-link.underline{text-decoration:underline}.about-link:hover{opacity:.7}.about-location{font-family:Inter,sans-serif;font-size:clamp(16px,1.8vw,26px);font-weight:800;line-height:.85;color:#000}.contact-links{margin-top:0}.contact-link-item{font-family:Inter,sans-serif;font-size:10px;font-weight:400;margin:0 0 .5rem;color:var(--color-text)}.contact-link-item a{color:var(--color-text);text-decoration:underline}.contact-link-item a:hover{opacity:.7}.video-container{width:100%;max-width:100%;aspect-ratio:1;border-radius:14px;overflow:hidden;background-color:#000;transform:translateZ(0);-webkit-transform:translate3d(0,0,0)}.video-container video{width:100%;height:100%;object-fit:cover;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.content-inner::-webkit-scrollbar{width:8px}.content-inner::-webkit-scrollbar-track{background:transparent}.content-inner::-webkit-scrollbar-thumb{background:#b2b2b2;border-radius:4px}.content-inner::-webkit-scrollbar-thumb:hover{background:#999}.work-list-container{width:100%;height:100%;overflow-y:auto}.work-list{padding:20px;display:flex;flex-direction:column;gap:14px}.work-row{display:flex;align-items:stretch;justify-content:space-between;padding:6px 8px;margin:0 -8px;border-radius:4px;border:.8px solid var(--color-border);cursor:pointer;gap:20px;transition:background-color .2s ease}.work-row:hover{background-color:#0000000d}.work-row-text{display:flex;flex-direction:column;justify-content:space-between;flex:1;min-height:0}.work-row-title{font-family:Inter,sans-serif;font-size:clamp(14px,2vw,22px);font-weight:700;color:var(--color-text);opacity:.4;line-height:1.1;transition:opacity .2s ease}.work-row:hover .work-row-title{opacity:1}.work-row-tags{font-family:Inter,sans-serif;font-size:clamp(11px,1.2vw,16px);font-weight:400;color:var(--color-text);opacity:.5;line-height:1.2}.work-row-thumb{width:clamp(44px,6vw,72px);aspect-ratio:1 / 1;flex-shrink:0;overflow:hidden;border-radius:4px;background:var(--color-text);opacity:.08}.work-row-thumb:has(video),.work-row-thumb:has(img){opacity:1;background:#000}.work-row-thumb video,.work-row-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.work-row:hover .work-row-thumb video,.work-row:hover .work-row-thumb img{transform:scale(1.05)}.projects-page{padding:20px;overflow-y:auto;height:100%}.projects-grid{display:flex;flex-direction:column;gap:20px;margin-top:16px}.project-card{display:flex;align-items:flex-start;gap:20px;min-height:0}.project-card-text{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-width:0;align-self:stretch}.project-card-title{font-family:Inter,sans-serif;font-size:clamp(14px,1.6vw,20px);font-weight:700;color:var(--color-text);line-height:1.2}.project-card-desc{font-family:Inter,sans-serif;font-size:clamp(11px,1.1vw,14px);font-weight:400;color:var(--color-text);opacity:.5;line-height:1.3}.project-card-image{width:50%;flex-shrink:0;overflow:hidden;border-radius:4px}.project-card-image img{width:100%;height:auto;display:block}@media(max-width:768px){.content-area{inset:auto 0 0;width:100%;height:65dvh;max-height:65dvh;margin:0;border-radius:0;border-left:none;border-top:.5px solid var(--color-border)}.page-content.text-only .page-header .description,.about-copy{max-width:100%}.about-media{grid-template-columns:1fr 1fr}.about-footer{grid-template-columns:1fr;gap:20px}.case-study-header-row{flex-direction:column;gap:12px}.case-study-left,.case-study-right{min-height:auto}.case-study-title{font-size:18px}.case-study-description{font-size:12px}.case-study-year{font-size:14px}.case-study-tags{font-size:12px}.case-study-right{align-items:flex-start;text-align:left;flex-direction:row;gap:12px}.work-list{padding:16px 12px;gap:10px}.work-row{padding:8px;gap:10px;margin:0}.work-row-thumb{width:60px}.image-gallery{columns:1!important}}.blocks-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:10px;width:100%}.block-item{overflow:hidden;border-radius:4px}.block-item.clickable{cursor:pointer}.block-item.clickable:hover img{transform:scale(1.02);transition:transform .2s ease}.block-item video,.block-item img{width:100%;height:auto;display:block}@media(max-width:768px){.blocks-grid{grid-template-columns:1fr}.block-item{grid-column:1 / -1!important}}.vimeo-embed{position:relative;width:100%;padding-bottom:56.25%;border-radius:4px;overflow:hidden}.vimeo-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.image-gallery{column-gap:10px;padding:20px 0;max-width:100%}.gallery-image-row{break-inside:avoid;margin-bottom:10px}.gallery-image-row img{width:100%;height:auto;display:block;border-radius:4px}.progressive-image-wrapper{position:relative;width:100%;overflow:hidden;border-radius:4px;background-color:#8080801a}.progressive-image-wrapper img{width:100%;height:auto;display:block;transition:opacity .4s ease,filter .4s ease}.progressive-image-wrapper.loading img{opacity:0;filter:blur(20px)}.progressive-image-wrapper.loaded img{opacity:1;filter:blur(0)}.image-placeholder{width:100%;padding-bottom:75%;background:#fff;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.image-placeholder .loading-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Inter,sans-serif;font-size:clamp(32px,5vw,64px);font-weight:800;color:#00000014;line-height:1}.image-error-placeholder{width:100%;padding-bottom:75%;background:#80808014;border-radius:4px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}.image-error-placeholder span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;color:#0000004d;transition:color .2s ease}.progressive-image-wrapper.error:hover .image-error-placeholder span{color:#0009}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.video-gallery{column-gap:10px;padding:20px 0;max-width:100%}.gallery-video-item{break-inside:avoid;margin-bottom:10px;overflow:hidden;border-radius:4px}.gallery-video-item video{width:100%;height:auto;display:block}.lazy-video-wrapper{position:relative;width:100%}.lazy-video-wrapper video{width:100%;height:auto;display:block;transition:opacity .3s ease}.lazy-video-wrapper.loading video{opacity:0}.lazy-video-wrapper.loaded video{opacity:1}.video-loading-placeholder{position:absolute;top:0;left:0;width:100%;padding-bottom:56.25%;background:#fff;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center}.video-loading-placeholder .loading-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Inter,sans-serif;font-size:clamp(32px,5vw,64px);font-weight:800;color:#00000014;line-height:1}.video-error-placeholder{width:100%;padding-bottom:56.25%;background:#80808014;border-radius:4px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}.video-error-placeholder span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;color:#0000004d;transition:color .2s ease}.video-error-placeholder:hover span{color:#0009}@media(max-width:768px){.video-gallery{columns:1!important}}.media-gallery{column-gap:10px;padding:20px 0;max-width:100%}.gallery-media-item{break-inside:avoid;margin-bottom:10px;overflow:hidden;border-radius:4px}.gallery-media-item video,.gallery-media-item img{width:100%;height:auto;display:block}@media(max-width:768px){.media-gallery{columns:1!important}}.lightbox-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer}.lightbox-overlay img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:4px;cursor:default}.lightbox-close{position:absolute;top:20px;right:20px;width:40px;height:40px;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease;line-height:1;padding:0}.lightbox-close:hover{background:#fff3}.gallery-image-row.clickable{cursor:pointer}.gallery-image-row.clickable:hover img,.gallery-image-row.clickable .progressive-image-wrapper:hover img{transform:scale(1.02);transition:transform .2s ease}.gallery-image-row.clickable .progressive-image-wrapper{cursor:pointer}.content-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.content-section:first-of-type{margin-top:1.5rem}.section-header{margin-bottom:1rem}.section-header h2{font-family:Inter,sans-serif;font-size:1.1rem;font-weight:700;margin:0 0 .5rem;color:var(--color-text)}.section-title-link{color:var(--color-text);text-decoration:none;display:inline-block}.section-title-link:hover h2{text-decoration:underline}.section-description{font-family:Inter,sans-serif;font-size:10px;font-weight:400;opacity:1;margin:0;line-height:1.5;color:var(--color-text)}.custom-cursor{position:fixed;pointer-events:none;z-index:10000;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s ease}.custom-cursor.visible{opacity:1}body,body *{cursor:none!important}.landing-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;cursor:default}.landing-svg{width:100%;height:100%}.rectangle-stroke{stroke-dasharray:700;stroke-dashoffset:700}.bezier-system{pointer-events:none}.bezier-point-group circle{transition:r .15s ease,fill .15s ease}.bezier-point-group circle:hover{fill:#e0e0e0}.bezier-point-group circle:active{cursor:grabbing}.bezier-slider-container{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;z-index:10}.bezier-slider-label{font-family:Inter,sans-serif;font-size:10px;font-weight:400;opacity:.5;min-width:16px;text-align:right}.bezier-slider{-webkit-appearance:none;appearance:none;width:120px;height:1px;background:var(--slider-color, #1a1a1a);opacity:.3;outline:none;cursor:none;transition:opacity .2s ease}.bezier-slider:hover{opacity:.5}.bezier-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:8px;height:8px;border-radius:50%;background:transparent;border:.5px solid var(--slider-color, #1a1a1a);cursor:none;transition:transform .15s ease,background .15s ease}.bezier-slider::-webkit-slider-thumb:hover{transform:scale(1.3);background:#1a1a1a1a}.bezier-slider::-moz-range-thumb{width:8px;height:8px;border-radius:50%;background:transparent;border:.5px solid var(--slider-color, #1a1a1a);cursor:none;transition:transform .15s ease,background .15s ease}.bezier-slider::-moz-range-thumb:hover{transform:scale(1.3)}.bezier-slider::-moz-range-track{height:1px;background:var(--slider-color, #1a1a1a)}.home-text-overlay{position:fixed;top:0;left:0;z-index:9997;padding:15px 20px 20px 10px;pointer-events:none;color:var(--color-text)}.p5-logo-container{position:fixed;top:10px;left:2px;width:350px;height:150px;pointer-events:auto;z-index:9998;overflow:hidden}@media(max-width:768px){.p5-logo-container{top:8px;left:2px;width:300px;height:120px;pointer-events:none}}.home-text-overlay h1{font-family:Inter,sans-serif;font-size:1rem;margin:0 0 .1rem;font-weight:700}.home-text-overlay .name-container{margin:0 0 .1rem;line-height:1;pointer-events:auto;cursor:default}.home-text-overlay .name-spacer{height:1.6rem;margin:0 0 .1rem}.home-text-overlay .subtitle{font-size:.75rem;margin:0 0 .1rem;opacity:.7;white-space:pre-line}.home-text-overlay .home-section-2{margin-top:1rem}.home-text-overlay .info-text{font-size:.75rem;margin:0 0 1rem;white-space:pre-line;opacity:.6}.home-text-overlay .info-text a{color:inherit;text-decoration:underline;pointer-events:auto;cursor:pointer}.home-text-overlay .info-text a:hover{opacity:1}@media(max-width:768px){.home-text-overlay{padding:15px 15px 15px 10px}.home-text-overlay .name-spacer{height:1.4rem}.home-text-overlay h1{font-size:1rem}.home-text-overlay .subtitle,.home-text-overlay .home-section-2{display:none}}.color-picker{position:fixed;bottom:20px;left:20px;display:flex;gap:0;z-index:1000}.color-swatch{width:15px;height:15px;min-width:15px;min-height:15px;border-radius:0;border:none;cursor:pointer;transition:none;box-shadow:none;padding:0}.color-swatch:hover{transform:none;box-shadow:none}.color-swatch.active{border:none;box-shadow:none}.color-swatch:focus{outline:none;box-shadow:none}@media(max-width:768px){.color-picker{display:none}}*{margin:0;padding:0;box-sizing:border-box}#root{width:100vw;height:100vh;overflow:hidden}.App{width:100%;height:100%;position:relative;font-family:Inter,sans-serif}.preload-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99999;background:#fff;display:flex;align-items:center;justify-content:center}.preload-number{font-family:Inter,sans-serif;font-size:clamp(48px,8vw,96px);font-weight:800;color:#00000026;line-height:1}body{margin:0;padding:0;overflow:hidden}