.page{position:relative;height:100vh;background:#fff;overflow:hidden;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;--ink: #000}.page.is-dark{background:#090909;--ink: #fff}.dither,.ripples{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.layout{position:relative;z-index:1;display:flex;align-items:stretch;gap:8px;height:100vh;overflow:hidden;padding-left:231px}.rail{position:fixed;top:0;left:0;height:100vh;width:223px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;gap:4px;z-index:2}.rail-bottom{display:flex;flex-direction:column;gap:26px}.nav{display:flex;flex-direction:column;gap:4px;align-self:stretch}.nav-item{padding:8px 10px;font-size:12px;line-height:12px;font-weight:500;letter-spacing:.03em;color:var(--ink);text-decoration:none;transition:opacity .15s ease}.nav-item:hover{opacity:.9!important}.content{width:407px;flex-shrink:0;padding:24px 12px;display:flex;flex-direction:column;gap:40px;height:100%;min-height:0;overflow-y:auto;scrollbar-width:none}.content::-webkit-scrollbar{display:none}.identity{display:flex;flex-direction:column;gap:8px;padding:8px 10px 0;align-self:stretch}.identity-name{margin:0;font-size:12px;line-height:12px;font-weight:500;letter-spacing:.02em;color:var(--ink);opacity:.9}.identity-role{margin:0;font-size:12px;line-height:12px;font-weight:500;letter-spacing:.02em;color:var(--ink);opacity:.4}.bio{margin:0;padding:8px 10px;align-self:stretch;font-size:12px;font-weight:500;line-height:20px;letter-spacing:.02em;color:var(--ink);opacity:.9}.index-group{display:flex;flex-direction:column;gap:64px;align-self:stretch}.index{display:flex;flex-direction:column;gap:8px;align-self:stretch}.index--playground{gap:22px}.index-head{margin:0;padding:0 10px;font-size:12px;line-height:12px;font-weight:500;letter-spacing:.04em;color:var(--ink);opacity:.4}.index-head--muted{opacity:.3}.index-head-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.sidequest-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:6px 10px;align-self:stretch}.sidequest-head .index-head{padding:0}.filter-tabs{display:flex;gap:8px;padding-right:10px}.filter-tab{font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:500;line-height:12px;letter-spacing:.04em;color:var(--ink);opacity:.4;padding:6px 8px;border:none;border-radius:9999px;background:transparent;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff0a;transition:opacity .15s ease}.filter-tab:hover{opacity:.7}.filter-tab.is-active{opacity:.8;background-color:color-mix(in oklab,var(--accent, #e4f50a) 35%,#ffffff);background-image:linear-gradient(180deg,#fff,#fff0);box-shadow:inset 0 0 0 1px #fff3,inset 0 1px #fffc,0 1px 4px #0000001a,0 0 0 1px #0000001a}.index-list{display:flex;flex-direction:column;gap:4px}.row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 10px;border-radius:6px;text-decoration:none;transition:background .18s ease,box-shadow .18s ease}button.row{width:100%;border:none;background:transparent;font:inherit;text-align:left;cursor:pointer}.row-name{font-size:12px;line-height:12px;font-weight:500;letter-spacing:.04em;color:var(--ink);opacity:var(--name-opacity, .6);white-space:nowrap}.row-discipline{font-size:12px;line-height:12px;font-weight:500;letter-spacing:.04em;color:var(--ink);opacity:0;transition:opacity .18s ease;white-space:nowrap}.row:hover{background:#ffffff80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 1px #ffffffe6,0 2px 4px -1px #0000001a,0 0 0 1px #0000000d}.row:hover .row-name,.row.is-active .row-name{opacity:.9}.row:hover .row-discipline{opacity:.4}.controls{display:flex;flex-direction:column;gap:24px;padding:12px 10px}.control{display:flex;flex-direction:column;gap:12px;align-self:stretch}.control-label{font-size:12px;line-height:12px;font-weight:500;letter-spacing:.03em;color:var(--ink);opacity:.4}.accent-track-row{display:flex;align-items:center;height:16px;align-self:stretch}.accent-track{position:relative;flex:1;height:6px;border-radius:9999px;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background-image:linear-gradient(90deg,#ffaf8c 0.12%,#f9c700 11.59%,#e6d700,#d7e400 23.05%,#b1ef00 29.5%,#8ff700 32.72%,#74fc00 34.33%,#63fe00,#57ff2e 35.94%,#54ff3d,#51ff49,#4eff53 37.15%,#4dff57,#4bff5b 37.55%,#44ff69,#3dff74 39.16%,#05ff95,#01fdae,#00fcc0 48.83%,#00f4d1 55.86%,#00f2d8,#00efe0 59.38%,#00eee5 60.26%,#00ede8,#18ecea 61.14%,#3ce9ee,#50e6f1 62.89%,#85d8ff,#accbff 69.92%,#ccb7ff 76.95%,#fea3da,#ffac9f);background-image:linear-gradient(90deg,color(xyz 0.687 0.521 0.159) 0.12%,color(xyz 0.607 0.608 -0) 11.59%,color(xyz 0.568 0.654 -0.07),color(xyz 0.53 0.702 -0.134) 23.05%,color(xyz 0.453 0.722 -0.025) 29.5%,color(xyz 0.419 0.732 0.042) 32.72%,color(xyz 0.403 0.737 0.079) 34.33%,color(xyz 0.396 0.739 0.098),color(xyz 0.388 0.741 0.118),color(xyz 0.381 0.743 0.139),color(xyz 0.374 0.746 0.16),color(xyz 0.367 0.748 0.182),color(xyz 0.361 0.75 0.204) 39.16%,color(xyz 0.336 0.758 0.301),color(xyz 0.315 0.766 0.409),color(xyz 0.297 0.774 0.528) 48.83%,color(xyz 0.384 0.709 0.721) 55.86%,color(xyz 0.407 0.693 0.773),color(xyz 0.429 0.678 0.826) 59.38%,color(xyz 0.441 0.67 0.853),#18ecea,#3ce9ee,#50e6f1 62.89%,color(xyz 0.522 0.615 1.05),color(xyz 0.57 0.584 1.171) 69.92%,color(xyz 0.669 0.524 1.429) 76.95%,#fea3da,color(xyz 0.712 0.513 0.257));box-shadow:inset 0 1px 2px #ffffff80,inset 0 1px #ffffff4d,0 1px 4px -1px #0000001a,0 1px 2px -1px #0000004d}.accent-track:focus-visible{outline:2px solid rgba(0,0,0,.4);outline-offset:3px}.accent-knob{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;background:#f9f9f9;box-shadow:inset 0 1px #fffc,0 1px 4px #0000001a,0 0 0 1px #0000001a;display:flex;align-items:center;justify-content:center;pointer-events:none}.accent-knob-swatch{width:10px;height:10px;border-radius:50%;border:1px solid rgba(0,0,0,.05)}.theme-toggle{display:flex;gap:12px}.theme-swatch{width:16px;height:16px;border-radius:50%;padding:0;cursor:pointer;border:none;background-image:linear-gradient(180deg,#fff3,#fff0)}.theme-light{background-color:#cacaca;box-shadow:inset 0 1px #ffffff4d,0 1px 2px #0003,0 0 0 1px #0000001a}.theme-dark{background-color:#444;box-shadow:inset 0 1px #fff3,0 1px 2px #0009,0 0 0 1px #0009}.social{display:flex;gap:12px;padding:8px 10px}.social-link{color:var(--ink);opacity:.4;transition:opacity .15s ease;display:inline-flex}.social-link:hover{opacity:1}.home-right{flex:1;position:relative;display:flex;height:100%;min-height:0}.home-preview{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;justify-content:flex-end;padding:12px;opacity:0;pointer-events:none;transition:opacity .25s ease}.home-preview.is-visible{opacity:1}.home-preview-panel{width:631px;max-width:100%;height:100%;border-radius:4px;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px #fffc,0 0 0 1px #0000000d}.home-preview-img{position:relative;width:100%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat;view-transition-name:project-hero}.grid{flex:1;display:flex;flex-direction:column;align-items:flex-end;gap:8px;padding:24px;height:100%;min-height:0;overflow-y:auto;scrollbar-width:none}.grid::-webkit-scrollbar{display:none}.tile{margin:0;flex-shrink:0;max-width:100%;position:relative;overflow:hidden;background:#fff9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px #fffc,0 0 0 1px #0000000d}.tile-img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:2px;background-size:cover;background-position:50%;background-repeat:no-repeat;cursor:pointer}@media(max-width:960px){.page{height:auto;overflow:visible}.layout{flex-direction:column;gap:0;padding-left:0;height:auto;overflow:visible}.rail{position:static;height:auto;width:auto;flex-direction:column;gap:40px}.rail-bottom{flex-direction:row;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:24px}.content{width:auto;max-width:560px;height:auto;overflow:visible}.home-right{height:auto;min-height:0}.home-preview{display:none}.layout .project{flex:none;width:auto;margin-left:0;height:auto;overflow:visible}.pp-nav{display:none}.grid,.music-grid{padding:24px;height:auto;overflow:visible}.pg-side{width:auto;height:auto;overflow:visible;flex-direction:row;justify-content:space-between;align-items:flex-end;flex-wrap:wrap}.pg-gallery{height:auto;overflow:visible}.pg3d{height:100vh}}.music-grid{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:80px;padding:24px 80px;height:100%;min-height:0;overflow-y:auto;scrollbar-width:none}.music-grid::-webkit-scrollbar{display:none}.music-row{display:flex;align-items:flex-start;gap:83px}.mcard{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.mcard-label{display:flex;justify-content:space-between;align-self:stretch;padding:2px 4px;border-radius:2px}.mcard-label span{font-family:Geist Mono,ui-monospace,monospace;font-size:10px;line-height:12px;font-weight:500;letter-spacing:.05em;color:var(--ink);opacity:.3}.mcard-body{width:306px;border-radius:12px;display:flex;flex-direction:column;align-items:center;padding:6px;gap:6px;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f2f2f2cc;box-shadow:inset 0 0 0 1px #fff6,inset 0 1px #fff6,0 10px 24px -8px #0000000d,0 4px 12px -2px #0000001a,0 1px 4px -1px #0000001a,0 0 0 1px #0000001a}.mcard-art{align-self:stretch;height:136px;flex-shrink:0;border-radius:6px;position:relative;overflow:hidden;background-size:cover;background-position:50%}.mcard-reels{position:absolute;top:51px;left:50px;display:flex;align-items:flex-start;gap:123px;padding:4px;border-radius:9999px;background:#333;box-shadow:inset 0 4px 12px #0000001a,inset 0 1px 4px #0000001a,inset 0 0 0 1px #0000001a,0 -1px #fff6}.mcard-reel{width:34px;height:34px;flex-shrink:0;border-radius:50%;background:#f9f9f9;box-shadow:inset 0 0 0 1px #0000001a,inset 0 2px 3px #0003}.mcard-controls{align-self:stretch;display:flex;align-items:flex-start;gap:12px;padding:4px 8px 4px 4px}.mcard-play{display:flex;padding:4px 6px;border:none;border-radius:5px;background:transparent;cursor:pointer;font-family:Inter,system-ui,sans-serif;font-size:12px;line-height:12px;font-weight:500;letter-spacing:.03em;color:var(--ink);opacity:0;transition:opacity .15s ease;box-shadow:inset 0 1px #fff3,0 0 0 1px #0000000d}.mcard:hover .mcard-play{opacity:.4}.mcard:hover .mcard-play:hover{opacity:.7}.mcard-slider{display:flex;align-items:center;align-self:stretch;flex:1;gap:12px}.mcard-track{display:flex;align-items:center;flex:1;height:6px;border-radius:9999px;position:relative;background:#00000014;box-shadow:inset 0 0 0 1px #0000000d}.mcard-fill{width:32px;height:6px;flex-shrink:0;border-radius:9999px;background:#00000080}.mcard-knob{position:absolute;left:27.75px;top:-3px;width:12px;height:12px;border-radius:50%;background:#f9f9f9;box-shadow:inset 0 1px #fffc,0 1px 4px #0000001a,0 0 0 1px #0000001a}.about{flex:none;width:100vw;margin-left:-231px;display:flex;justify-content:center;align-items:flex-start;padding:120px 24px;height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.about::-webkit-scrollbar{display:none}.about-grid{position:relative;width:795px;display:flex;flex-direction:column;gap:48px}.about-row{position:relative;z-index:1;display:grid;grid-template-columns:170px 383px 170px;column-gap:36px;align-items:start}.about-bg{position:absolute;top:-24px;bottom:-24px;left:182px;width:431px;border-radius:8px;background:#f9f9f966;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:0}.about-label{position:relative;z-index:1;text-align:right;font-size:12px;line-height:20px;font-weight:500;letter-spacing:.02em;color:var(--ink);opacity:.4}.about-block{position:relative;z-index:1;display:flex;flex-direction:column;gap:24px}.about-block--tight{gap:12px}.about-prose{display:flex;flex-direction:column;gap:20px}.about-p{margin:0;font-size:12px;line-height:20px;font-weight:500;letter-spacing:.02em;color:var(--ink);opacity:.8;white-space:pre-wrap}.about-link,.about-social{color:#0006;cursor:pointer;text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:0 100%;background-size:0% 1px;transition:color .15s ease,background-size .25s ease}.about-link:hover,.about-social:hover{color:#000000e6;background-size:100% 1px}.about-socials{display:flex;flex-wrap:wrap;gap:24px}.about-social{opacity:1}.cutouts{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;opacity:0;transition:opacity .35s ease;display:flex;align-items:center;justify-content:center}.cutouts.is-visible{opacity:1}.cutouts-grid{width:100%;display:flex;flex-direction:column;gap:12px;padding:24px}.cutouts-row{display:flex;align-items:flex-start;gap:12px;height:240px}.cutouts-cell{flex:1;align-self:stretch;position:relative;overflow:hidden;border-radius:2px;background:#fff}.cutouts-cell--empty{background:transparent}.cutouts-img{display:block;object-fit:cover}.rail,.about-grid{transition:filter .35s ease}.layout.is-cutouts-blur .rail,.layout.is-cutouts-blur .about-grid{filter:blur(3px)}.content .identity,.content .bio,.content .index-head-row,.content .sidequest-head,.content .row{transition:filter .25s ease}.layout.is-home-preview .rail,.layout.is-home-preview .content .identity,.layout.is-home-preview .content .bio,.layout.is-home-preview .content .index-head-row,.layout.is-home-preview .content .sidequest-head,.layout.is-home-preview .content .row:not(:hover){filter:blur(3px)}@media(max-width:960px){.about{flex:none;width:auto;margin-left:0;height:auto;overflow:visible;padding:24px;justify-content:flex-start}.about-grid{width:auto;max-width:480px}.about-row{grid-template-columns:1fr;row-gap:8px}.about-bg{display:none}.about-label{text-align:left}}.project{flex:none;width:100vw;margin-left:-231px;height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.project::-webkit-scrollbar{display:none}.pp-article{width:560px;max-width:100%;margin:0 auto;padding:32px 0 200px;display:flex;flex-direction:column;align-items:stretch;gap:16px}.pp-back{align-self:flex-start;margin:0 24px;border:none;background:transparent;padding:0;cursor:pointer;font-family:Inter,system-ui,sans-serif;font-size:12px;line-height:22px;letter-spacing:.02em;font-weight:500;color:var(--ink);opacity:.4;transition:opacity .15s ease}.pp-back:hover{opacity:.8}.pp-hero{margin:0 24px;aspect-ratio:512 / 320;border-radius:2px;background-color:#0d0d0d;background-size:cover;background-position:50%;background-repeat:no-repeat}.pp-body{display:flex;flex-direction:column;gap:80px;padding:24px;border-radius:8px;background:#f9f9f966;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.pp-section{display:flex;flex-direction:column;gap:16px}.pp-section--tight{gap:4px}.pp-section--tight>*+.pp-image,.pp-section--tight>*+.pp-figure,.pp-section--tight>.pp-image+*,.pp-section--tight>.pp-figure+*{margin-top:8px}.pp-heading{margin:0;font-size:12px;line-height:22px;letter-spacing:.02em;font-weight:500;color:var(--ink)}.pp-subheading{margin:0;font-size:12px;line-height:22px;letter-spacing:.02em;font-weight:500;color:var(--ink);opacity:.9}.pp-paragraph{margin:0;font-size:12px;line-height:22px;letter-spacing:.02em;font-weight:500;color:var(--ink);opacity:.6;white-space:pre-wrap}.pp-caption{margin:0;font-size:12px;line-height:22px;letter-spacing:.02em;font-weight:500;color:var(--ink);opacity:.6}.pp-pair{display:flex;flex-direction:column;gap:4px}.pp-plist{display:flex;flex-direction:column;gap:24px;padding-left:24px}.pp-ulist{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}.pp-ulist-item{font-size:12px;line-height:22px;font-weight:500;letter-spacing:.02em;color:var(--ink);opacity:.6}.pp-olist{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:24px}.pp-olist-item{display:flex;gap:0}.pp-olist-index{flex:0 0 24px;font-size:12px;line-height:22px;letter-spacing:.02em;font-weight:500;color:var(--ink);opacity:.2}.pp-olist-body{flex:1;min-width:0;font-size:12px;line-height:22px;letter-spacing:.02em;font-weight:500;color:var(--ink);opacity:.6}.pp-figure{margin:0;display:flex;flex-direction:column;gap:12px}.pp-image{position:relative;overflow:hidden;width:100%;margin-inline:auto;border-radius:4px;background-color:#111;background-size:cover;background-position:50%;background-repeat:no-repeat;cursor:zoom-in}.dither-img-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.pp-hero{cursor:zoom-in;view-transition-name:project-hero}::view-transition-group(project-hero){animation-duration:.5s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}::view-transition-image-pair(project-hero){border-radius:4px;overflow:hidden}::view-transition-old(project-hero),::view-transition-new(project-hero){mix-blend-mode:normal;object-fit:cover;width:100%;height:100%;animation-duration:.5s;animation-timing-function:ease}::view-transition-old(project-hero){animation-name:pp-hero-out}::view-transition-new(project-hero){animation-name:pp-hero-in}@keyframes pp-hero-out{0%{opacity:1}35%,to{opacity:0}}@keyframes pp-hero-in{0%{opacity:0}35%,to{opacity:1}}::view-transition-old(root),::view-transition-new(root){animation-duration:.32s}.pp-nav{position:fixed;right:40px;top:70px;z-index:2}.pp-nav-bars{display:flex;flex-direction:column;align-items:flex-end}.pp-nav-item{display:flex;align-items:center;justify-content:flex-end;width:40px;height:10px;padding:0;border:none;background:transparent;cursor:pointer}.pp-nav-bar{display:block;height:2px;background:var(--ink);transition:width .18s ease,opacity .18s ease,border-radius .18s ease}.pp-nav-label{position:absolute;right:49px;transform:translateY(-50%);white-space:nowrap;text-align:right;font-family:Inter,system-ui,sans-serif;font-size:12px;line-height:12px;font-weight:500;color:var(--ink);pointer-events:none;transition:top .18s ease}.ppv2-article{width:auto;max-width:1030px;margin-left:231px;margin-right:231px;padding:80px 32px;display:flex;flex-direction:column;align-items:center;gap:24px}.ppv2-back-row{width:560px;max-width:100%;padding:0 24px}.ppv2-back{margin:0}.ppv2-cluster{width:560px;max-width:100%;padding:80px 24px;display:flex;flex-direction:column;gap:64px}.ppv2-sec{display:flex;flex-direction:column;gap:16px}.ppv2-cardset{align-self:stretch;display:flex;flex-direction:column;gap:12px}.ppv2-card{align-self:stretch;flex-shrink:0;height:574px;position:relative;overflow:hidden;background:#fff9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px #fffc,0 0 0 1px #0000000d}.ppv2-card-img{position:absolute;left:50%;top:50%;translate:-50% -50%;border-radius:2px;overflow:hidden;background-size:cover;background-position:50%;background-repeat:no-repeat;max-width:calc(100% - 48px);height:auto}.ppv2-hero{view-transition-name:project-hero}.ppv2-card-cap{position:absolute;left:50%;bottom:16px;translate:-50%;white-space:nowrap;font-family:Inter,system-ui,sans-serif;font-size:12px;line-height:22px;font-weight:500;color:var(--ink);opacity:.6}.ppv2-nav{top:32px;right:24px;transform:none}.ppv2-fade{position:fixed;bottom:0;left:263px;right:231px;max-width:966px;height:46px;background:linear-gradient(180deg,#f9f9f900,#f9f9f9);pointer-events:none;z-index:2}@media(max-width:960px){.ppv2-article{margin-left:0;margin-right:0;padding:24px 16px}.ppv2-card{height:auto;padding:24px 0 40px}.ppv2-card-img{position:static;translate:none;margin:0 auto;max-width:100%}.ppv2-fade{display:none}}.ppx-info{flex-shrink:0;width:407px;height:100%;min-height:0;display:flex;flex-direction:column;padding:24px 12px;overflow:hidden}.ppx-back{align-self:flex-start;margin:8px 10px 12px;line-height:12px}.ppx-secs{display:flex;flex-direction:column}.ppx-sec-body{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .4s cubic-bezier(.3,.7,.2,1),opacity .3s ease}.ppx-sec-clip{overflow:hidden}.ppx-sec.is-open .ppx-sec-body{grid-template-rows:1fr;opacity:1}.ppx-text{display:flex;flex-direction:column;gap:8px;padding:12px 10px}.ppx-title{margin:0;font-family:Inter,system-ui,sans-serif;font-size:12px;line-height:12px;font-weight:600;letter-spacing:.02em;color:var(--ink);opacity:.7}.ppx-bar-row{display:flex;align-items:center;gap:8px;height:10px;padding:4px 10px;border:none;background:transparent;cursor:pointer;overflow:hidden;transition:height .3s ease,padding .3s ease,opacity .25s ease}.ppx-sec.is-open .ppx-bar-row{height:0;padding-top:0;padding-bottom:0;opacity:0;pointer-events:none}.ppx-bar-label{font-family:Inter,system-ui,sans-serif;font-size:12px;line-height:12px;font-weight:500;letter-spacing:.02em;color:var(--ink);opacity:0;white-space:nowrap;transition:opacity .15s ease;pointer-events:none}.ppx-bar-row:hover .ppx-bar-label{opacity:.5}.ppx-bar{flex-shrink:0;display:block;width:24px;height:2px;border-radius:9999px;background:var(--ink);opacity:.2;transition:width .18s ease,opacity .18s ease,border-radius .18s ease}.ppx-pane{flex:1;height:100%;min-height:0;display:flex;flex-direction:column;align-items:flex-end;gap:8px;padding:24px 24px 24px 96px;overflow-y:auto;scrollbar-width:none}.ppx-pane::-webkit-scrollbar{display:none}.ppx-card{flex-shrink:0;width:100%;max-width:726px;height:520px;position:relative;overflow:hidden;background:#fff9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px #fffc,0 0 0 1px #0000000d}.ppx-card-img{position:absolute;left:50%;top:50%;translate:-50% -50%;border-radius:2px;overflow:hidden;background-size:cover;background-position:50%;background-repeat:no-repeat;display:block}video.ppx-card-img{object-fit:contain}.ppx-card-img[role=button]{cursor:pointer}.ppx-hero{view-transition-name:project-hero}.ppx-card-cap{position:absolute;left:50%;bottom:12px;translate:-50%;white-space:nowrap;font-family:Inter,system-ui,sans-serif;font-size:12px;line-height:22px;font-weight:500;letter-spacing:.02em;color:var(--ink);opacity:.4}@media(max-width:960px){.ppx-info{width:auto;height:auto}.ppx-pane{height:auto;padding:16px}}.coming-soon{flex:1;height:100%;display:flex;align-items:center;justify-content:center;font-family:Inter,system-ui,sans-serif;font-size:12px;letter-spacing:.04em;color:var(--ink);opacity:.4}.pg-side{width:200px;flex-shrink:0;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:40px;padding:24px 12px;height:100%;min-height:0;overflow-y:auto;scrollbar-width:none}.pg-side::-webkit-scrollbar{display:none}.pg-side .index-list{align-self:stretch}.pg-toggle{display:flex;align-items:center;gap:10px;height:28px;padding:4px 4px 4px 10px;border-radius:8px;background:#f2f2f2;box-shadow:inset 0 0 0 1px #ffffff0d;flex-shrink:0}.pg-toggle-label{font-family:Inter,system-ui,sans-serif;font-size:12px;line-height:12px;font-weight:500;letter-spacing:.04em;color:var(--ink);opacity:.4}.pg-toggle-group{display:flex;align-items:flex-start;gap:2px;height:20px;border-radius:4px;background:#e9e9e9}.pg-vbtn{width:20px;height:20px;border:none;border-radius:3px;padding:0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}.pg-vbtn.is-active{background-color:#f2f2f2;background-image:linear-gradient(180deg,#ffffff14,#fff0);box-shadow:inset 0 1px #fff6,inset 0 0 0 1px #ffffff0d,0 1px 4px #0000001a,0 0 0 1px #0000000d}.pg-dots i{display:block;width:2px;height:2px;background:#666;opacity:.4}.pg-vbtn.is-active .pg-dots i{background:#333;opacity:1}.pg-dots-grid{display:grid;grid-template-columns:repeat(3,2px);gap:1px}.pg-dots-col{display:flex;flex-direction:column;gap:1px}.pg-dots-row{display:flex;flex-direction:row;gap:1px}.pg-linear{flex:1;display:flex;flex-direction:column;gap:8px;padding:24px 0}.pg-lrow{flex-shrink:0;height:320px;position:relative;overflow:hidden}.pg-lrow-inner{position:absolute;left:50%;top:50%;translate:-50% -50%;display:flex;align-items:flex-start;gap:8px}.pg-lindex{flex-shrink:0;font-family:Inter,system-ui,sans-serif;font-size:12px;line-height:12px;font-weight:500;letter-spacing:.04em;color:var(--ink);opacity:.6}.pg-limg{position:relative;height:320px;overflow:hidden;cursor:pointer;background-size:cover;background-position:50%;background-repeat:no-repeat}.pg-ball{width:10px;height:10px;border-radius:50%;opacity:.4;background:radial-gradient(circle at 35% 30%,#8a8a8a,#444 55%,#222);box-shadow:inset 0 -1px 1px #00000059}.pg-vbtn.is-active .pg-ball{opacity:1}.pg-gallery{flex:1;display:flex;flex-direction:row;align-items:flex-start;justify-content:center;padding:0 8px;height:100%;min-height:0;overflow-y:auto;scrollbar-width:none}.pg-gallery::-webkit-scrollbar{display:none}.pg-col{display:flex;flex-direction:row;gap:8px;flex:1;align-items:stretch}.pg-col-content{display:flex;flex-direction:column;gap:8px;padding:24px 0;flex:1}.pg-cell{height:192px;align-self:stretch;flex-shrink:0;position:relative;overflow:visible;display:flex;align-items:flex-start;gap:8px}.pg-cell:has(.pg-thumb:hover){z-index:5}.pg-thumb{position:relative;flex-shrink:0;overflow:hidden;background-size:cover;background-position:50%;background-repeat:no-repeat;transform-origin:top left;transition:transform .28s cubic-bezier(.2,.7,.2,1);will-change:transform;cursor:pointer}.pg-thumb video,.pg-limg video,.pg3d-img video,.tile-img video{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.pg-thumb:hover{transform:scale(3)}.pg3d{flex:1;height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;position:relative;cursor:grab}.pg3d.is-dragging,.pg3d.is-dragging .pg3d-img{cursor:grabbing}.pg3d::-webkit-scrollbar{display:none}.pg3d-track{height:320vh;position:relative}.pg3d-stage{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;perspective:1100px;perspective-origin:50% 50%}.pg3d-cloud{position:relative;width:0;height:0;transform-style:preserve-3d;transform:rotateX(calc(var(--rx, -8) * 1deg)) rotateY(calc(var(--ry, 0) * 1deg));will-change:transform}.pg3d-item{position:absolute;left:0;top:0;width:60px;height:60px;margin:-30px 0 0 -30px;transform-style:preserve-3d}.pg3d-img{position:relative;display:block;width:100%;height:100%;border-radius:1px;background-size:cover;background-position:50%;background-repeat:no-repeat;cursor:pointer;box-shadow:0 10px 28px -6px #0000004d,inset 0 0 0 .5px #ffffff26}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#f9f9f9b8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:zoom-out;animation:lb-fade .2s ease}@keyframes lb-fade{0%{opacity:0}to{opacity:1}}.lightbox-stage{display:flex;max-width:82vw;max-height:84vh;cursor:default}.lightbox-img{max-width:82vw;max-height:84vh;object-fit:contain;border-radius:3px;background:#fff;box-shadow:0 24px 70px -16px #0006,0 0 0 1px #00000014}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border:none;border-radius:50%;cursor:pointer;padding:0;background:linear-gradient(180deg,#ffffffb3,#f1f1f1b3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px #fffc,0 1px 4px #0000001f,0 0 0 1px #0000000d;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.lightbox-arrow{flex-shrink:0;color:#202020;opacity:.4;transition:opacity .15s ease}.lightbox-nav:hover{background:linear-gradient(180deg,#fffffff2,#f6f6f6f2)}.lightbox-nav:hover .lightbox-arrow{opacity:.8}.lightbox-prev{left:26px}.lightbox-next{right:26px}.lightbox-close{position:absolute;top:20px;right:24px;width:36px;height:36px;border:none;border-radius:50%;cursor:pointer;padding:0;background:transparent;display:flex;align-items:center;justify-content:center}.lightbox-x{flex-shrink:0;color:#000;opacity:.2;transition:opacity .15s ease}.lightbox-close:hover .lightbox-x{opacity:.55}.lightbox-counter{position:absolute;bottom:24px;left:50%;transform:translate(-50%);font-family:Inter,system-ui,sans-serif;font-weight:400;font-size:11px;line-height:12px;letter-spacing:.08em;color:#00000073}.page.is-dark .row:hover{background:#ffffff0d;box-shadow:inset 0 1px #ffffff0d,0 2px 4px -1px #0006,0 0 0 1px #0003}.page.is-dark .filter-tab{box-shadow:0 0 0 1px #ffffff0a}.page.is-dark .filter-tab.is-active{background-color:#202020;background-image:linear-gradient(180deg,#ffffff26,#fff0);box-shadow:inset 0 0 0 1px #ffffff14,inset 0 1px #ffffff1a,0 1px 4px #0003,0 0 0 1px #0000004d}.page.is-dark .tile,.page.is-dark .ppx-card{background:#ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px #ffffff1a,0 0 0 1px #0000004d}.page.is-dark .home-preview-panel{background:#141414}.page.is-dark .about-bg{display:none}.page.is-dark .about-link,.page.is-dark .about-social{color:#fff6}.page.is-dark .about-link:hover,.page.is-dark .about-social:hover{color:#ffffffe6}.page.is-dark .mcard-body{background:#f2f2f21a;box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 1px #ffffff0d,0 10px 24px -8px #0000000d,0 4px 12px -2px #0000001a,0 1px 4px -1px #0000001a,0 0 0 1px #0000001a}.page.is-dark .mcard-reel{background:#0006}.page.is-dark .ppx-fade{background:linear-gradient(180deg,#09090900,#090909)}.page.is-dark .pg-toggle{background:#202020;box-shadow:inset 0 0 0 1px #ffffff0d}.page.is-dark .pg-toggle-group{background:#161616}.page.is-dark .pg-vbtn.is-active{background-color:#2e2e2e;background-image:linear-gradient(180deg,#ffffff14,#fff0);box-shadow:inset 0 1px #ffffff26,0 1px 4px #0000004d,0 0 0 1px #0000004d}.page.is-dark .pg-dots i{background:#999}.page.is-dark .pg-vbtn.is-active .pg-dots i{background:#ddd}.page.is-dark .lightbox{background:#090909b8}.page.is-dark .lightbox-img{background:#141414;box-shadow:0 24px 70px -16px #000000b3,0 0 0 1px #ffffff1a}.page.is-dark .lightbox-nav{background:linear-gradient(180deg,#2a2a2ab3,#1c1c1cb3);box-shadow:inset 0 0 0 1px #ffffff1a,0 1px 4px #0006,0 0 0 1px #0000004d}.page.is-dark .lightbox-nav:hover{background:linear-gradient(180deg,#383838e6,#242424e6)}.page.is-dark .lightbox-arrow,.page.is-dark .lightbox-x{color:#e6e6e6}.page.is-dark .lightbox-counter{color:#ffffff80}.theme-swatch.is-active{box-shadow:0 0 0 1px #fff9,0 0 0 2.5px color-mix(in oklab,var(--ink) 45%,transparent)}.page.is-dark .accent-track{background-image:linear-gradient(90deg,#b9633f 0.07%,#9a7835,#74882a 23.05%,#528f5f 35.94%,#399173 42.39%,#27927d 45.61%,#1b9381,#039386 48.83%,#179288,#229189 50.59%,#328f8d 52.34%,#478b93 55.86%,#6482a1 62.89%,#8c6bba 76.95%,#a4688a,#bb5f53);box-shadow:inset 0 1px 2px #ffffff1a,inset 0 1px #ffffff1a,0 1px 4px -1px #0006,0 1px 2px -1px #0006}.page.is-dark .accent-track:focus-visible{outline-color:#fff6}.page.is-dark .accent-knob{background:#333;box-shadow:inset 0 1px #ffffff1a,0 1px 4px #0000004d,0 0 0 1px #0000004d}.page.is-dark .theme-swatch{box-shadow:inset 0 1px #fff3,0 1px 4px #0006,0 0 0 1px #0000004d}.page.is-dark .theme-swatch.theme-light{background-color:#cacaca}.page.is-dark .theme-swatch.theme-dark{background-color:#444}:root{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;color:#111;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-height:100vh}