*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background:#0a0a09}body{min-width:320px;min-height:100vh;margin:0;overflow-x:clip}button,a{color:inherit}a{text-decoration:none}ul,ol,dl,dd,p,h1,h2{margin:0;padding:0}ul,ol{list-style:none}svg{display:block}::selection{color:var(--color-ink);background:var(--color-paper)}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--color-ink:#0a0a09;--color-paper:#f1f0eb;--color-muted:#999891;--color-dim:#7b7b75;--color-line:#f0efe926;--color-surface:#10100e;--page-gutter:clamp(1.25rem, 3.3vw, 4rem);--header-height:5.5rem;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif}body{color:var(--color-paper);background:var(--color-ink)}:focus-visible{outline:1px solid var(--color-paper);outline-offset:.35rem}.skip-link{z-index:100;color:var(--color-ink);background:var(--color-paper);padding:.75rem 1rem;transition:transform .18s;position:fixed;top:1rem;left:1rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:20;width:100%;height:var(--header-height);padding:0 var(--page-gutter);animation:fade-in .7s 1.35s var(--ease-out-expo) both;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0}.brand-mark{width:5.55rem;display:inline-flex}.header-logo,.contact-lockup>.qzeybei-logo-crop{width:100%}.site-nav{letter-spacing:.075em;text-transform:uppercase;align-items:center;gap:clamp(1.1rem,2.15vw,2.35rem);font-size:.63rem;display:flex}.site-nav a,.site-footer a{color:var(--color-muted);transition:color .18s}.site-nav a:hover,.site-footer a:hover{color:var(--color-paper)}.qzeybei-logo-crop,.qzeybei-mark-crop{pointer-events:none;-webkit-user-select:none;user-select:none;line-height:0;display:block;position:relative;overflow:hidden}.qzeybei-logo-crop{aspect-ratio:1366/390}.qzeybei-mark-crop{aspect-ratio:390/386}.qzeybei-logo-image{pointer-events:none;-webkit-user-select:none;user-select:none;max-width:none;height:auto;display:block;position:absolute}.qzeybei-logo-crop>.qzeybei-logo-image{width:129.87%;top:-67.18%;left:-15.08%}.qzeybei-mark-crop>.qzeybei-logo-image{width:454.87%;top:-68.91%;left:-53.85%}.hero{--pointer-x:50%;--pointer-y:47%;--q-shift-x:0px;--q-shift-y:0px;min-height:max(43rem,100svh);padding:var(--header-height) var(--page-gutter) clamp(2rem, 4vw, 3.5rem);isolation:isolate;display:grid;position:relative;overflow:hidden}.hero:after{z-index:-1;content:"";pointer-events:none;background:linear-gradient(112deg,#ffffff03,#0000 42%);position:absolute;inset:0}.hero-atmosphere{z-index:-3;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y), #f0efe90d, #f0efe904 20%, transparent 47%);pointer-events:none;position:absolute;inset:-15%}.hero-context{color:var(--color-dim);letter-spacing:.075em;text-transform:uppercase;animation:quiet-in .75s 1.68s var(--ease-out-expo) both;align-self:start;margin-top:1.1rem;font-size:.59rem}.hero-center{align-self:center;width:100%;margin-top:-1.5rem}.hero-title{width:100%;transform:translate3d(var(--q-shift-x), var(--q-shift-y), 0);transition:transform .42s var(--ease-out-expo);will-change:transform;justify-content:center;display:flex}.hero-brand-stage{aspect-ratio:1366/390;width:min(80vw,82rem);display:block;position:relative}.hero-logo-final,.hero-wordmark-reveal{width:100%;position:absolute;inset:0}.hero-logo-final{opacity:0;animation:.16s 1.44s forwards hero-final-in}.hero-wordmark-reveal{opacity:0;clip-path:inset(0 100% 0 29%);animation:hero-wordmark-in .42s 1.02s var(--ease-out-expo) both, hero-layer-out .16s 1.44s ease forwards}.hero-q-flight{opacity:0;will-change:transform;width:28.55%;animation:.9s linear 60ms both hero-q-flight,.16s 1.44s forwards hero-layer-out;position:absolute;top:1.03%;left:.293%}.hero-tagline{color:var(--color-muted);letter-spacing:-.015em;text-align:center;animation:quiet-in .8s 1.68s var(--ease-out-expo) both;margin-top:clamp(1.8rem,4vh,3.2rem);font-size:clamp(.83rem,1.05vw,1rem)}.hero-meta{letter-spacing:.035em;width:min(31rem,50vw);animation:quiet-in .8s 1.78s var(--ease-out-expo) both;grid-template-columns:repeat(2,minmax(9rem,1fr));align-self:end;gap:.4rem 2rem;font-size:.66rem;display:grid}.hero-meta div{grid-template-columns:4.2rem 1fr;gap:.7rem;display:grid}.hero-meta dt{color:var(--color-dim)}.hero-meta dd{color:var(--color-muted)}.explore-cue{right:var(--page-gutter);color:var(--color-muted);letter-spacing:.035em;animation:quiet-in .8s 1.86s var(--ease-out-expo) both;align-items:center;gap:1rem;font-size:.66rem;transition:color .18s;display:flex;position:absolute;bottom:clamp(2rem,4vw,3.5rem)}.explore-cue:hover{color:var(--color-paper)}.explore-arrow{transition:transform .3s var(--ease-out-expo)}.explore-cue:hover .explore-arrow{transform:translateY(.25rem)}.page-section{min-height:70svh;margin:0 var(--page-gutter);border-top:1px solid var(--color-line);padding:1.5rem 0 clamp(8rem,14vw,14rem);scroll-margin-top:1px;position:relative}.section-header{grid-template-columns:clamp(4.8rem,8vw,8.5rem) 1fr auto;align-items:baseline;gap:1rem;display:grid}.section-index,.section-aside{color:var(--color-dim);letter-spacing:.075em;text-transform:uppercase;font-size:.62rem}.section-header h2{letter-spacing:.075em;text-transform:uppercase;font-size:.68rem;font-weight:520}[data-reveal]{opacity:0;transition:opacity .8s var(--ease-out-expo), transform .8s var(--ease-out-expo);transform:translateY(1.5rem)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}.section-header[data-reveal]{transform:translateY(.75rem)}.section-header[data-reveal].is-visible{transform:translateY(0)}.projects-intro{letter-spacing:-.065em;max-width:13ch;margin:clamp(8rem,15vw,14rem) 0 0 clamp(4.8rem,8vw,8.5rem);font-size:clamp(3rem,7.4vw,8rem);font-weight:430;line-height:.93}.project-stack{margin-top:clamp(8rem,14vw,14rem)}.project-feature{border-top:1px solid var(--color-line);grid-template-columns:minmax(0,1.38fr) minmax(18rem,.62fr);gap:clamp(2rem,6vw,7rem);padding:clamp(3rem,7vw,7rem) 0;display:grid}.project-feature:nth-child(2n){grid-template-columns:minmax(18rem,.62fr) minmax(0,1.38fr)}.project-feature:nth-child(2n) .project-visual-wrap{order:2}.project-feature:nth-child(2n) .project-copy{order:1}.project-visual-wrap{min-width:0;position:relative}.visual-canvas{background:var(--color-surface);border:1px solid #f1f0eb1a;width:100%;height:clamp(28rem,45vw,43rem);position:relative;overflow:hidden}.visual-canvas:after{content:"";pointer-events:none;border:1px solid #ffffff05;position:absolute;inset:0}.visual-label{z-index:2;color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.58rem;position:absolute}.visual-label-top{top:1.35rem;left:1.35rem}.visual-label-bottom{bottom:1.35rem;right:1.35rem}.project-copy{flex-direction:column;justify-content:flex-end;min-width:0;padding-bottom:.5rem;display:flex}.project-kicker{border-bottom:1px solid var(--color-line);color:var(--color-dim);letter-spacing:.065em;text-transform:uppercase;justify-content:space-between;gap:1rem;padding-bottom:1.25rem;font-size:.61rem;display:flex}.project-status{color:var(--color-muted);align-items:center;gap:.5rem;display:inline-flex}.project-status:before{content:"";background:currentColor;border-radius:50%;width:.34rem;height:.34rem}.project-copy h3{letter-spacing:-.06em;margin-top:clamp(2rem,4vw,4rem);font-size:clamp(2.5rem,5vw,5.6rem);font-weight:440;line-height:.92}.project-tagline{letter-spacing:-.025em;max-width:24ch;margin-top:1.7rem;font-size:clamp(1rem,1.45vw,1.35rem);line-height:1.25}.project-description{max-width:31rem;color:var(--color-muted);margin-top:1.25rem;font-size:clamp(.82rem,.92vw,.96rem);line-height:1.65}.project-links{flex-wrap:wrap;gap:.8rem 1.6rem;margin-top:clamp(2.5rem,4vw,4rem);display:flex}.project-links a,.project-link-muted{border-top:1px solid var(--color-line);min-width:8.5rem;color:var(--color-muted);letter-spacing:.04em;justify-content:space-between;align-items:center;gap:2.5rem;padding:.85rem 0;font-size:.65rem;transition:border-color .18s,color .18s;display:inline-flex}.project-links a:hover{color:var(--color-paper);border-color:var(--color-paper)}.project-link-muted{color:var(--color-dim)}.project-links a>span:last-child,.contact-email>span,.contact-links a>span:last-child{transition:transform .3s var(--ease-out-expo);display:inline-block}.project-links a:hover>span:last-child,.contact-email:hover>span,.contact-links a:hover>span:last-child{transform:translate(.16rem,-.16rem)}.motion-visual svg,.city-visual svg{width:90%;height:86%;position:absolute;inset:7% 5%}.motion-grid{stroke:#f1f0eb1a;stroke-width:1px}.motion-path-shadow{stroke:#f1f0eb29;stroke-width:12px}.motion-path{stroke:var(--color-paper);stroke-width:2px;stroke-dasharray:1;stroke-dashoffset:1px}.project-feature.is-visible .motion-path{animation:path-draw 1.6s .45s var(--ease-out-expo) forwards}.motion-points{fill:var(--color-paper)}.motion-points circle{transform-box:fill-box;transform-origin:50%;transition:transform .35s var(--ease-out-expo)}.project-feature:hover .motion-points circle{transform:scale(1.55)}.motion-crosshair{stroke:var(--color-muted);stroke-width:1px}.city-grid{stroke:#f1f0eb26;stroke-width:1px}.city-buildings{stroke:#f1f0eb85;stroke-width:1.2px;fill:#f1f0eb06}.city-buildings path{transition:transform .65s var(--ease-out-expo), fill .65s ease}.project-feature:hover .city-buildings path{fill:#f1f0eb0e;transform:translateY(-5px)}.gym-visual{place-items:center;display:grid}.gym-phone{width:min(48%,18rem);min-width:14rem;min-height:66%;transition:transform .7s var(--ease-out-expo);background:#0c0c0b;border:1px solid #f1f0eb38;border-radius:1.8rem;flex-direction:column;padding:1.15rem;display:flex;transform:rotate(-2deg);box-shadow:0 2rem 5rem #0000003d}.project-feature:hover .gym-phone{transform:rotate(0)translateY(-.4rem)}.gym-phone-top{border-bottom:1px solid var(--color-line);color:var(--color-dim);letter-spacing:.07em;text-transform:uppercase;justify-content:space-between;padding-bottom:1rem;font-size:.57rem;display:flex}.gym-phone>p{letter-spacing:-.045em;margin-top:2rem;font-size:1.35rem}.gym-people{grid-template-columns:repeat(4,1fr);gap:.45rem;margin-top:1.4rem;display:grid}.gym-person{aspect-ratio:1;border:1px solid var(--color-line);color:var(--color-dim);border-radius:50%;place-items:center;font-size:.66rem;display:grid}.gym-person.is-here{color:var(--color-ink);background:var(--color-paper);border-color:var(--color-paper)}.gym-action{color:var(--color-ink);background:var(--color-paper);justify-content:space-between;margin-top:auto;padding:1rem;font-size:.67rem;transition:color .2s,background .2s;display:flex}.project-feature:hover .gym-action{color:var(--color-paper);background:#2a2a26}.q-system-visual{place-items:center;display:grid}.q-system-orbit{aspect-ratio:1;place-items:center;width:min(44%,19rem);display:grid;position:relative}.q-system-orbit .qzeybei-mark-crop{z-index:2;width:40%;position:relative}.orbit{border:1px solid #f1f0eb2b;border-radius:50%;position:absolute;inset:0}.orbit-two{border-style:dashed;animation:22s linear infinite reverse orbit-spin;inset:17%}.orbit-point{background:var(--color-paper);border-radius:50%;width:.38rem;height:.38rem;position:absolute}.point-one{top:13%;right:14%}.point-two{bottom:11%;left:25%}.q-system-lines{gap:.45rem;width:19%;display:grid;position:absolute;bottom:15%;right:9%}.q-system-lines span{background:var(--color-line);height:1px}.q-system-lines span:nth-child(2){width:70%}.q-system-lines span:nth-child(3){width:45%}.currently-layout{grid-template-columns:.86fr 1.14fr;gap:clamp(4rem,10vw,12rem);margin:clamp(8rem,14vw,14rem) 0 0 clamp(4.8rem,8vw,8.5rem);display:grid}.section-lead{letter-spacing:-.06em;max-width:13ch;font-size:clamp(2.8rem,5.5vw,6rem);font-weight:430;line-height:.96}.currently-list{align-self:end}.currently-list div{border-top:1px solid var(--color-line);grid-template-columns:minmax(6rem,.34fr) 1fr;gap:1.5rem;padding:1.2rem 0;display:grid}.currently-list div:last-child{border-bottom:1px solid var(--color-line)}.currently-list dt{color:var(--color-dim);letter-spacing:.065em;text-transform:uppercase;font-size:.62rem}.currently-list dd{max-width:31rem;color:var(--color-muted);font-size:clamp(.82rem,1vw,.95rem);line-height:1.5}.about-layout{margin:clamp(8rem,15vw,15rem) 0 0 clamp(4.8rem,8vw,8.5rem)}.about-statement{letter-spacing:-.05em;max-width:24ch;font-size:clamp(2.05rem,4.1vw,4.6rem);font-weight:430;line-height:1.08}.about-details{border-top:1px solid var(--color-line);color:var(--color-dim);letter-spacing:.06em;text-transform:uppercase;flex-wrap:wrap;gap:.7rem 2.5rem;margin-top:clamp(4rem,8vw,7rem);padding-top:1.2rem;font-size:.62rem;display:flex}.experiments-lead{margin:clamp(8rem,14vw,13rem) 0 0 clamp(4.8rem,8vw,8.5rem)}.experiment-list{border-top:1px solid var(--color-line);margin-top:clamp(6rem,10vw,10rem)}.experiment-list li{border-bottom:1px solid var(--color-line);min-height:clamp(5.5rem,8vw,7rem);transition:padding .35s var(--ease-out-expo), background .25s ease;grid-template-columns:3rem minmax(9rem,.55fr) minmax(12rem,1fr) minmax(15rem,1.15fr) auto;align-items:center;gap:clamp(1rem,2.5vw,3rem);display:grid}.experiment-list li:hover{background:#f1f0eb06;padding:0 1rem}.experiment-index,.experiment-category,.experiment-list p{color:var(--color-dim);letter-spacing:.045em;font-size:.62rem}.experiment-category{text-transform:uppercase}.experiment-list h3{letter-spacing:-.025em;font-size:clamp(1rem,1.4vw,1.3rem);font-weight:450}.experiment-list p{color:var(--color-muted)}.experiment-status{color:var(--color-dim);letter-spacing:.075em;text-transform:uppercase;white-space:nowrap;font-size:.57rem}.contact-section{min-height:100svh;padding-bottom:2rem}.contact-scene{flex-direction:column;min-height:calc(100svh - 7rem);padding-top:clamp(6rem,11vw,11rem);display:flex;position:relative;overflow:hidden}.contact-orbit{z-index:-1;opacity:.1;width:min(31vw,24rem);position:absolute;bottom:4%;right:1%;transform:rotate(-8deg)}.contact-orbit:before{content:"";border:1px solid #f1f0eb14;border-radius:50%;position:absolute;inset:5%}.contact-copy{z-index:1;position:relative}.contact-heading{letter-spacing:-.07em;max-width:11ch;font-size:clamp(3.7rem,8.3vw,9rem);font-weight:430;line-height:.91}.contact-email{border-bottom:1px solid var(--color-muted);color:var(--color-muted);gap:1.5rem;margin-top:clamp(2.5rem,5vw,5rem);padding-bottom:.8rem;font-size:clamp(.85rem,1.15vw,1.05rem);transition:color .18s,border-color .18s;display:inline-flex}.contact-email:hover{color:var(--color-paper);border-color:var(--color-paper)}.contact-bottom{grid-template-columns:1fr 1fr auto;align-items:end;gap:3rem;margin-top:auto;padding-top:6rem;display:grid}.contact-bottom>p{max-width:20rem;color:var(--color-muted);font-size:.68rem;line-height:1.6}.contact-links{border:0;gap:clamp(1rem,2.5vw,2.5rem);margin:0;padding:0;display:flex}.contact-links a{min-width:auto;color:var(--color-muted);justify-content:space-between;gap:1.4rem;font-size:.65rem;transition:color .18s;display:inline-flex}.contact-links a:hover{color:var(--color-paper)}.contact-lockup{width:clamp(9rem,17vw,15rem);display:inline-flex}.site-footer{margin:0 var(--page-gutter);border-top:1px solid var(--color-line);color:var(--color-dim);letter-spacing:.065em;text-transform:uppercase;grid-template-columns:1fr 1fr 1fr auto;gap:1rem;padding:1.5rem 0 2rem;font-size:.59rem;display:grid}@keyframes path-draw{to{stroke-dashoffset:0}}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes hero-q-flight{0%{opacity:0;animation-timing-function:var(--ease-out-expo);transform:translate(124%)scale(.96)}23.333%{opacity:1;animation-timing-function:linear;transform:translate(124%)scale(1)}37.778%{opacity:1;animation-timing-function:cubic-bezier(.55,.02,.18,1);transform:translate(124%)scale(1)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes hero-wordmark-in{0%{opacity:0;clip-path:inset(0 100% 0 29%)}to{opacity:1;clip-path:inset(0 0 0 29%)}}@keyframes hero-final-in{to{opacity:1}}@keyframes hero-layer-out{to{opacity:0}}@keyframes quiet-in{0%{opacity:0;transform:translateY(.7rem)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (width<=1060px){.site-nav li:nth-child(2),.site-nav li:nth-child(3){display:none}.project-feature,.project-feature:nth-child(2n){grid-template-columns:minmax(0,1.15fr) minmax(17rem,.85fr);gap:3rem}.project-feature:nth-child(2n) .project-visual-wrap{order:2}.project-feature:nth-child(2n) .project-copy{order:1}.experiment-list li{grid-template-columns:2.5rem 7rem 1fr 1fr auto}}@media (width<=760px){:root{--header-height:4.75rem}.site-nav li:nth-child(4){display:none}.hero{min-height:max(41rem,100svh)}.hero-context{margin-top:.75rem}.hero-center{align-self:center;margin-top:-3.5rem}.hero-title{justify-content:flex-start}.hero-brand-stage{width:min(100%,34rem)}.hero-tagline{text-align:left;margin-top:2rem}.hero-meta{grid-template-columns:1fr;width:17rem;margin-bottom:3rem}.hero-meta div{grid-template-columns:4.4rem 1fr}.explore-cue{right:auto;left:var(--page-gutter)}.page-section{padding-top:1.25rem;padding-bottom:clamp(7rem,24vw,10rem)}.section-header{grid-template-columns:3.6rem 1fr}.section-aside{display:none}.projects-intro,.experiments-lead{margin-top:7.5rem;margin-left:0}.projects-intro{font-size:clamp(3.25rem,15vw,6.3rem)}.project-stack{margin-top:7.5rem}.project-feature,.project-feature:nth-child(2n){flex-direction:column;gap:2.5rem;padding:3rem 0 5.5rem;display:flex}.project-feature:nth-child(2n) .project-visual-wrap,.project-feature:nth-child(2n) .project-copy{order:initial}.visual-canvas{height:min(112vw,31rem)}.project-copy h3{margin-top:2.25rem;font-size:clamp(3rem,14vw,5rem)}.project-tagline{margin-top:1.4rem}.project-links{margin-top:2.5rem}.motion-visual svg,.city-visual svg{width:96%;height:82%;inset:9% 2%}.gym-phone{width:59%;min-width:13rem;min-height:70%}.q-system-orbit{width:58%}.currently-layout{margin:7.5rem 0 0;display:block}.section-lead{font-size:clamp(3rem,13vw,5.2rem)}.currently-list{margin-top:5.5rem}.currently-list div{grid-template-columns:5.8rem 1fr;gap:1rem}.about-layout{margin:7.5rem 0 0}.about-statement{font-size:clamp(2.2rem,9.8vw,3.75rem);line-height:1.08}.about-details{gap:.75rem;margin-top:4.5rem;display:grid}.experiment-list{margin-top:5rem}.experiment-list li{grid-template-columns:2rem 1fr auto;gap:.5rem 1rem;min-height:7.2rem;padding:1.2rem 0}.experiment-category{grid-area:1/2}.experiment-list h3{grid-area:2/2;font-size:1.1rem}.experiment-list p{grid-area:3/2/auto/4;line-height:1.5}.experiment-index{grid-area:1/1}.experiment-status{grid-area:1/3}.contact-section{min-height:100svh;padding-bottom:1.25rem}.contact-scene{min-height:calc(100svh - 6rem);padding-top:7.5rem}.contact-heading{font-size:clamp(4rem,18vw,7rem)}.contact-orbit{width:min(65vw,16rem);bottom:13%;right:0}.contact-bottom{grid-template-columns:1fr auto;gap:2rem 1rem}.contact-links{grid-area:1/1/auto/3;justify-content:space-between;width:100%}.contact-bottom>p{grid-area:2/1}.contact-lockup{grid-area:2/2;width:9rem}.site-footer{grid-template-columns:1fr auto;gap:.8rem}.site-footer p:nth-child(2){display:none}.site-footer p:last-child{grid-area:1/2}}@media (width<=390px){.site-nav{gap:1rem}.project-kicker{font-size:.56rem}.contact-links{gap:.8rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.hero-atmosphere{display:none}[data-reveal]{opacity:1;transform:none}}