@font-face{font-family:OffBit;src:url(/fonts/OffBit-Bold.ttf) format("truetype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBMPlexMono-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBMPlexMono-Medium.ttf) format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Google Sans Flex;src:url(/fonts/GoogleSansFlex-Medium.ttf) format("truetype");font-weight:500;font-display:swap}:root{font-family:Google Sans Flex,sans-serif;color:#fff;background:#000;font-synthesis:none;font-weight:500;--blue:#49a1f8;--grid:#1c1e1f;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:7px}::selection{background:var(--blue);color:#000}.skip-link{position:fixed;z-index:30;top:12px;left:12px;padding:12px;background:#fff;color:#000;transform:translateY(-180%)}.skip-link:focus{transform:none}.portfolio{position:relative;isolation:isolate;overflow:clip}.grid-lines{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,1fr);pointer-events:none;z-index:-1}.grid-lines i{border-inline:1px solid #1c1e1f80}.grid-lines i:first-child{background:linear-gradient(var(--grid),var(--grid)) 0 20.42vw/100% 1px no-repeat,linear-gradient(var(--grid),var(--grid)) 0 116.04vw/100% 1px no-repeat}.grid-lines i:last-child{background:linear-gradient(var(--grid),var(--grid)) 0 62.5vw/100% 1px no-repeat,linear-gradient(var(--grid),var(--grid)) 0 133.6vw/100% 1px no-repeat}.hero{position:relative;height:93.05556vw;max-height:1675px;min-height:650px;isolation:isolate}.hero-backdrop{position:absolute;z-index:-2;pointer-events:none;left:50%;top:-14.236vw;transform:translate(-50%);width:124.722vw;height:99.5766vw;opacity:.1}.hero-backdrop img{width:100%;height:100%;object-fit:cover}.masthead{position:relative;z-index:5;display:flex;justify-content:space-between;padding:2.08333vw;font:400 clamp(11px,1.11111vw,18px)/1.35 "IBM Plex Mono",monospace;text-transform:uppercase;color:#80868a}.masthead a{transition:color .2s}.masthead a:hover{color:var(--blue)}.intro{position:absolute;z-index:3;left:27.08333%;top:10.20833vw;width:25%;pointer-events:none}.intro h1{font:700 clamp(32px,3.33333vw,60px)/1.31 OffBit,monospace;letter-spacing:0;margin:0;white-space:nowrap}.intro h1 span{color:var(--blue)}.intro p{font:500 clamp(16px,1.38889vw,25px)/1.5 "Google Sans Flex",sans-serif;color:#949899;margin:2.43vw 0 5.48vw;width:20.83333vw;max-width:375px}.intro .contact-button{pointer-events:auto}.artwork-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.floating-art{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 44%;animation:levitate 8s ease-in-out infinite}@keyframes levitate{0%,to{transform:translate3d(-2px,0,0) rotate(-.18deg)}50%{transform:translate3d(5px,-12px,0) rotate(.22deg)}}.filter-definitions{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.contact-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 15px;min-height:45px;border:1px solid #fff;border-radius:8px;white-space:nowrap;background:#fff;color:#000;font:500 16px/21px IBM Plex Mono,monospace;text-transform:uppercase;position:relative;transition:background .2s,color .2s;isolation:isolate;transform:translateZ(0)}.contact-button img{display:block;flex:none;width:16px;height:16px;transition:filter .2s}.contact-button:hover,.contact-button:focus-visible{color:#fff;background:#000;filter:var(--dispersion)}.contact-button:hover img,.contact-button:focus-visible img{filter:invert(1)}.works-section{position:relative;height:calc(100svh + 3000px);padding-top:0;margin-top:0}.works-sticky{position:sticky;top:0;height:100svh;min-height:650px;display:grid;grid-template-columns:360fr 720fr;gap:60px;align-content:center;width:79.16667%;margin:auto;padding-block:6.66667vw 9.30556vw}.work-description{padding-top:34px;min-width:0}.particle-title{position:relative;width:100%;min-height:180px}.particle-title h2{margin:0;font:700 clamp(30px,2.77778vw,50px)/1.1 OffBit,monospace;text-wrap:balance}.particle-title canvas{position:absolute;left:-48px;top:-48px;pointer-events:none;visibility:hidden}.particle-title[data-animating=true] canvas{visibility:visible}.particle-title[data-animating=true] h2{animation:title-arrive .12s ease-out}@keyframes title-arrive{0%{opacity:.8}to{opacity:1}}.project-stage{position:relative;width:100%;aspect-ratio:25/18;overflow:hidden;border-radius:16px;isolation:isolate;align-self:start;background:#0d0d0d}.project-card{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform;transform-origin:50% 0}.project-card img{display:block;width:100%;height:100%;object-fit:cover}.project-navigation{display:flex;gap:6px;margin-top:44px}.project-navigation button{padding:8px 4px;background:none;border:0;cursor:pointer;min-height:32px}.project-navigation span{display:block;width:24px;height:2px;background:#383c3f;transition:background .3s,transform .3s}.project-navigation button[aria-current=true] span{background:var(--blue);transform:scaleY(2)}.project-navigation button:hover span{background:#fff}.footer{position:relative;height:35.625vw;min-height:430px;max-height:700px;overflow:hidden;background:#050607;isolation:isolate}.key-field{display:block;width:100%;height:100%;touch-action:pan-y}.footer-contact{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2}@media(min-width:1800px){.hero{height:93.05556vw;max-height:none}.intro p{max-width:none}.contact-button{font-size:18px;padding:15px 19px}.works-sticky{gap:4.16667vw}}@media(max-width:1000px){.intro p{margin-bottom:4vw;width:24vw}.contact-button{font-size:12px;gap:6px;padding:9px 11px;min-height:39px}.works-sticky{gap:35px;min-height:560px}.work-description{padding-top:20px}.particle-title{min-height:150px}.project-navigation{gap:2px;margin-top:20px}.project-navigation span{width:20px}}@media(max-width:650px){.hero{height:1120px;min-height:0}.masthead{padding:22px 18px;font-size:10px}.intro{margin-left:8%;padding-top:66px;width:84%}.intro h1{font-size:40px;line-height:1.25}.intro p{width:265px;font-size:18px;margin:28px 0 34px}.contact-button{font-size:13px;min-height:44px;padding:10px 13px}.artwork-scene{top:260px;left:calc(50% - 420px);width:840px;height:850px;z-index:0}.hero-art{width:975.33px;height:548.92px}.hero-art-effect{left:711.07px;top:-105.45px}.hero-art-front{left:694.75px;top:-115.5px}.hero-backdrop{width:1100px;height:880px;top:200px;opacity:.1}.grid-lines{grid-template-columns:repeat(4,1fr)}.grid-lines i:first-child,.grid-lines i:last-child{background:none}.works-section{height:calc(100svh + 2400px)}.works-sticky{width:88%;padding:9vh 0;min-height:560px;display:flex;flex-direction:column;justify-content:center;gap:25px}.work-description{padding:0;width:100%;display:flex;flex-direction:column}.particle-title{min-height:102px;max-width:340px}.particle-title h2{font-size:32px;line-height:1.1}.project-navigation{margin-top:0;order:2;position:absolute;bottom:6vh;left:0}.project-stage{border-radius:10px;flex-shrink:0}.footer{height:500px;min-height:0}.floating-art{animation-duration:9s}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.floating-art{animation:none}*,*:before,*:after{transition-duration:.01ms!important}.contact-button:hover,.contact-button:focus-visible{filter:none}}.works-sticky{align-content:start}.hero-pic{position:absolute;left:0;top:0;width:100vw;height:100.90278vw;max-width:none;object-fit:contain;mix-blend-mode:screen}.hero-backdrop{left:0;top:0;transform:none;width:100vw;height:85.34722vw;opacity:1}.artwork-scene{mix-blend-mode:screen}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#1c1e1f80 1px,transparent 1px) 0 0/25% 100%,linear-gradient(#1c1e1f,#1c1e1f) 0 20.42vw/25% 1px no-repeat,linear-gradient(#1c1e1f,#1c1e1f) 100% 62.5vw/25% 1px no-repeat}@media(max-width:650px){.hero-pic{left:0;top:0;width:840px;height:847.583px}.hero-backdrop{top:0;right:0;bottom:0;left:0;transform:none;width:100%;height:100%}.hero-backdrop img{object-position:center top}}@media(max-width:650px){.intro{left:8%;top:110px;margin:0;padding:0}}